robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added search and results mocks

Browse Source
This commit is contained in:
robbond
2021-06-29 16:35:11 +01:00
parent c712d41599
commit b488caa013
35 changed files with 1581 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/search/searchforcase.js
+157
View File
@@ -0,0 +1,157 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
export default function SearchForCase() {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="card" id="searchforcase-card">
<div className="card-body">
<div class="govuk-body-m ">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
<h1 class="govuk-fieldset__heading govuk-heading-m">
Search for a case
</h1>
</legend>
<div class="govuk-form-group">
<label class="govuk-label" for="address-county">
Case Reference (last 7 digits)
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
id="address-county"
name="address-county"
type="text"
/>
</div>
<fieldset class="govuk-fieldset">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
<h3 class="govuk-heading-m">Site Location</h3>
</legend>
<div class="govuk-form-group">
<label class="govuk-label" for="address-line-1">
First Line of Address{" "}
<span class="govuk-visually-hidden">
line 1 of 2
</span>
</label>
<input
class="govuk-input"
id="address-line-1"
name="address-line-1"
type="text"
autocomplete="address-line1"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-town">
Town/City (nearest)
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
id="address-town"
name="address-town"
type="text"
autocomplete="address-level2"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-county">
County
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
id="address-county"
name="address-county"
type="text"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
Postcode
</label>
<input
class="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
/>
</div>
</fieldset>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
Local Planning Authority
</label>
<input
class="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
LPA Reference Number
</label>
<input
class="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="sort">
Case Type
</label>
<select class="govuk-select" id="sort" name="sort">
<option value="">-- Select --</option>
<option value="Any/All">Any/All</option>
<option value="Advertisement Appeals">
Advertisement Appeals
</option>
<option value="Called in Planning Applications">
Called in Planning Applications
</option>
<option value="Discontinuance Notice Appeals">
Discontinuance Notice Appeals
</option>
<option value="Enforcement Listed Building and Conservation Area Appeals">
Enforcement Listed Building and Conservation
Area Appeals
</option>
<option value="Enforcement Appeals">
Enforcement Appeals
</option>
<option value="Householder Appeals">
Householder Appeals
</option>
<option value="Lawful Development Certificate Appeals">
Lawful Development Certificate Appeals
</option>
<option value="Planning Appeals">
Planning Appeals
</option>
<option value="Planning Obligation Appeals">
Planning Obligation Appeals
</option>
<option value="Planning Listed Building and Conservation Area Appeals">
Planning Listed Building and Conservation Area
Appeals
</option>
</select>
</div>
</div>
</div>
</div>
);
}