Merge pull request #1 from nationalarchives/AYR-381/create-search-ui-…

…feature initial commit of search feauture
nationalarchives · Oct 9, 2023 · 623bdf9 · 623bdf9
2 parents 2c8b166 + cb0557a
commit 623bdf9
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 25 deletions.
diff --git a/.flaskenv b/.flaskenv
diff --git a/.gitignore b/.gitignore
@@ -13,6 +13,7 @@ instance/*
 !instance/.gitignore
 .webassets-cache
 .env
+.flaskenv
 
 ### Flask.Python Stack ###
 # Byte-compiled / optimized / DLL files

diff --git a/app/templates/main/search.html b/app/templates/main/search.html
@@ -7,35 +7,53 @@
 
 {% block content %}
 <div class="govuk-grid-row">
-    <div class="govuk-grid-column-two-thirds">
+    <div class="govuk-grid-column-full">
         {{ super() }}
-        <h1 class="govuk-heading-xl">Search</h1>
+        <h2 class="govuk-heading-l">Search for records</h2>
+        <p class="govuk-body-l">Search for digital-born records transfered to The National Archives</p>
 
 
-        <div class="govuk-form-group govuk-!-display-inline">
+        <div class="govuk-form-group">
+          <label class="govuk-label" for="two-thirds">
+          </label>
+          <input class="govuk-input govuk-!-width-two-thirds" id="two-thirds" name="twoThirds" type="text">
+         <button class="govuk-button" data-module="govuk-button">Search</button>
+
+
+
+        <div class="govuk-form-group">
             <fieldset class="govuk-fieldset">
               <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
-                <h1 class="govuk-fieldset__heading">
-                  Filter
-                </h1>
               </legend>
-              <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+
+
+              <div class="govuk-radios govuk-radios--small govuk-radios--inline" data-module="govuk-radios">
+
                 <div class="govuk-radios__item">
-                  <input class="govuk-radios__input" id="changedName" name="changedName" type="radio" value="month">
+                  <input class="govuk-radios__input" id="changedName" name="changedName" type="radio" value="yes">
                   <label class="govuk-label govuk-radios__label" for="changedName">
-                    My Records
+                    My records
                   </label>
                 </div>
+
                 <div class="govuk-radios__item">
-                  <input class="govuk-radios__input" id="changedName-2" name="changedName" type="radio" value="year">
+                  <input class="govuk-radios__input" id="changedName-2" name="changedName" type="radio" value="no">
                   <label class="govuk-label govuk-radios__label" for="changedName-2">
-                    All Departments
+                    All department records
                   </label>
+                  </div>
                 </div>
+
               </div>
             </fieldset>
           </div>
+        </div>
+
+
 
-    </div>
 </div>
-{% endblock %}
+
+</div>
+
+
+{% endblock %}