diff --git a/src/server/plugins/engine/components/UkAddressField.ts b/src/server/plugins/engine/components/UkAddressField.ts index 66eb2aebf..c7a65169d 100644 --- a/src/server/plugins/engine/components/UkAddressField.ts +++ b/src/server/plugins/engine/components/UkAddressField.ts @@ -297,7 +297,11 @@ export class UkAddressField extends FormComponent { componentHint: component.hint, componentTitle: component.title || controller.title, step: args.actionArgs.step, - sourceUrl: args.sourceUrl + sourceUrl: args.sourceUrl, + inputSearchParams: { + postcode: request.payload.postcodeQueryField as string, + buildingName: request.payload.buildingNameQueryField as string + } }) } } diff --git a/src/server/plugins/engine/views/components/ukaddressfield.html b/src/server/plugins/engine/views/components/ukaddressfield.html index aef9cddbf..591918fe7 100644 --- a/src/server/plugins/engine/views/components/ukaddressfield.html +++ b/src/server/plugins/engine/views/components/ukaddressfield.html @@ -3,6 +3,7 @@ {% from "govuk/components/hint/macro.njk" import govukHint %} {% from "govuk/components/button/macro.njk" import govukButton %} {% from "govuk/components/inset-text/macro.njk" import govukInsetText %} +{% from "govuk/components/input/macro.njk" import govukInput %} {% macro UkAddressField(component) %} {% set fieldset = component.model.fieldset %} @@ -52,7 +53,31 @@ classes: "govuk-!-margin-top-2" }) }} {% else %} + + + {{ govukInput({ + id: "postcodeQueryField", + name: "postcodeQueryField", + label: { + text: 'Postcode' + }, + hint: { + text: 'For example, AA3 1AB' + } + }) }} + + {{ govukInput({ + id: "buildingNameQueryField", + name: "buildingNameQueryField", + label: { + text: 'Building name or number (optional)' + }, + hint: { + text: 'For example, 15 or Prospect Cottage' + } + }) }}