feat: prettification

app/controllers/uprn_address_spike_controller.rb

@@ -2,21 +2,21 @@ class UprnAddressSpikeController < ApplicationController
   def show
     if params[:uprn] || params[:address]
 
-      if params[:uprn]
+      if params[:uprn].present?
         uprn = params[:uprn]
         service = UprnClient.new(uprn)
         service.call
         if service.error.present?
-          @error = "no match"
+          @error = "No match"
         else
           @address_returned = UprnDataPresenter.new(service.result)
         end
-      elsif params[:address]
-        address = params[:address]
-        service = AddressClient.new(address)
+      elsif params.values_at(:address_line1, :address_line2, :town_or_city, :postcode).any?(&:present?)
+        @address_given = params.values_at(:address_line1, :address_line2, :town_or_city, :postcode).reject { |item| item == "" }.join(", ")
+        service = AddressClient.new(@address_given)
         service.call
         if service.error.present?
-          @error = "no match"
+          @error = "No matches"
         else
           @addresses_returned = service.result&.map { |r| AddressDataPresenter.new(r) }
         end

app/views/content/uprn_address_spike.html.erb

@@ -1,34 +1,57 @@
-<form id="uprnForm">
-  <label for="textInput">Enter UPRN:</label>
-  <input type="text" name="uprn">
-  <button type="submit">Submit</button>
-</form>
-
-<form id="addressForm">
-  <label for="textInput">Or enter address:</label>
-  <input type="text" name="address">
-  <button type="submit">Submit</button>
-</form>
-
-<% if params[:uprn] %>
-  <h1>UPRN given:</h1>
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-one-half">
+  <div class="govuk-grid-column-three-quarters">
+    <h1 class="govuk-heading-l">User input</h1>
+    <%= form_with(url: uprn_address_spike_path, method: 'get', local: true) do |form| %>
+      <div class="govuk-form-group">
+        <%= form.label :uprn, "Enter a UPRN", class: "govuk-label" %>
+        <%= form.text_field :uprn, class: "govuk-input", placeholder: "e.g. 100023336956" %>
+      </div>
+      <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m">
+      <p>OR enter an address</p>
+      <div class="govuk-form-group">
+        <%= form.label :address_line1, "Address line 1", class: "govuk-label" %>
+        <%= form.text_field :address_line1, class: "govuk-input", placeholder: "e.g. HOME OFFICE" %>
+      </div>
+      <div class="govuk-form-group">
+        <%= form.label :address_line2, "Address line 2", class: "govuk-label" %>
+        <%= form.text_field :address_line2, class: "govuk-input", placeholder: "e.g. 2, MARSHAM STREET" %>
+      </div>
+      <div class="govuk-form-group">
+        <%= form.label :town_or_city, "Town or city", class: "govuk-label" %>
+        <%= form.text_field :town_or_city, class: "govuk-input", placeholder: "e.g. LONDON" %>
+      </div>
+      <div class="govuk-form-group">
+        <%= form.label :postcode, "Postcode", class: "govuk-label" %>
+        <%= form.text_field :postcode, class: "govuk-input", placeholder: "e.g. SW1P 4DF" %>
+      </div>
+      <%= form.submit "Submit", class: "govuk-button" %>
+    <% end %>
+  </div>
+  </div>
+  <div class="govuk-grid-column-one-half">
+    <%if params[:uprn].present? || @address_given.present? %>
+      <h1 class="govuk-heading-l">OS Places API output</h1>
+    <%end %>
+    <% if params[:uprn].present? %>
+      <h1 class="govuk-heading-m">UPRN given:</h1>
       <p><%= params[:uprn] %></p>
       <% if @error.present? %>
-    <%= @error %>
+        <h1 class="govuk-heading-m"><%= @error %></h1>
       <% elsif @address_returned.present? %>
-    <h1>Output:</h1>
+        <h1 class="govuk-heading-m">Match:</h1>
         <p><%= @address_returned.address_line1 %></p>
         <p><%= @address_returned.address_line2 %></p>
         <p><%= @address_returned.town_or_city %></p>
         <p><%= @address_returned.postcode %></p>
       <% end %>
-<% elsif params[:address] %>
-  <h1>Address given:</h1>
-  <p><%= params[:address] %></p>
+    <% elsif @address_given.present? %>
+      <h1 class="govuk-heading-m">Address given:</h1>
+      <p><%= @address_given %></p>
       <% if @error.present? %>
-    <%= @error %>
+        <h1 class="govuk-heading-m"><%= @error %></h1>
       <% elsif @addresses_returned.present? %>
-    <h1>Output:</h1>
+        <h1 class="govuk-heading-m">Matches:</h1>
         <% @addresses_returned.each do |address_returned| %>
           <p>Address: <%= address_returned.address %></p>
           <p>UPRN: <%= address_returned.uprn %></p>
@@ -37,3 +60,6 @@
         <% end %>
       <% end %>
     <% end %>
+  </div>
+</div>
+