#227 Additional support for the user when navigating around the page …

…content.
nhsconnect · Mar 18, 2022 · f6ff2c9 · f6ff2c9
1 parent d988a82
commit f6ff2c9
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 2 deletions.
diff --git a/source/gpconnect-appointment-checker/Pages/Private/Search.cshtml b/source/gpconnect-appointment-checker/Pages/Private/Search.cshtml
@@ -29,6 +29,7 @@
                 </div>
                 <partial name="SearchResultsSummary" />
 
+                <partial name="SearchNav" />
             }
         }
     }
@@ -49,7 +50,13 @@
             }
 
             <partial name="SearchResults" />
+
+            <partial name="SearchNav" />
+
             <partial name="SearchStats" />
+
+
+
         }
         else
         {

diff --git a/source/gpconnect-appointment-checker/Pages/Private/SearchDetail.cshtml b/source/gpconnect-appointment-checker/Pages/Private/SearchDetail.cshtml
@@ -7,4 +7,5 @@
     <a class="nhsuk-button" href="/[email protected]&Handler=SearchByGroup#@Model.SearchResultId">@SearchConstants.BACKTORESULTSSUMMARYLABEL</a>
     <partial name="SearchDetailResults" />
     <partial name="SearchDetailStats" />
+    <partial name="SearchNav" />
 </form>
diff --git a/source/gpconnect-appointment-checker/Pages/Private/SearchInput.cshtml b/source/gpconnect-appointment-checker/Pages/Private/SearchInput.cshtml
@@ -3,7 +3,7 @@
 
 
 <div class="nhsuk-grid-row">
-    <div class="nhsuk-grid-column-full">
+    <div class="nhsuk-grid-column-full">        
         <partial name="SearchProviderSection" />
         <partial name="SearchConsumerSection" />
 

diff --git a/source/gpconnect-appointment-checker/Pages/Private/SearchNav.cshtml b/source/gpconnect-appointment-checker/Pages/Private/SearchNav.cshtml
@@ -0,0 +1,5 @@
+<div class="nhsuk-back-link">
+    <a class="nhsuk-back-link__link" href="#top">
+        Back to top
+    </a>
+</div>
diff --git a/source/gpconnect-appointment-checker/Pages/Private/SearchResultsSummary.cshtml b/source/gpconnect-appointment-checker/Pages/Private/SearchResultsSummary.cshtml
@@ -6,6 +6,7 @@
 {
     <div class="nhsuk-grid-row">
         <div class="nhsuk-grid-column-full">
+            <a id="@searchResult.SearchResultId"></a>
             <dl class="nhsuk-summary-list nhsuk-summary-list--no-border @searchResult.DisplayClass">
                 <div class="nhsuk-summary-list__row">
                     <dt class="nhsuk-summary-list__key">@SearchConstants.SEARCHRESULTSSEARCHATTEXT</dt>
@@ -53,7 +54,7 @@
                     <dd class="nhsuk-summary-list__actions">
                         @if (searchResult.DetailsEnabled)
                         {
-                            <a id="@searchResult.SearchResultId" class="nhsuk-button" href="/SearchDetail/@searchResult.SearchResultId">@SearchConstants.SEARCHDETAILSBUTTONTEXT</a>
+                            <a class="nhsuk-button" href="/SearchDetail/@searchResult.SearchResultId">@SearchConstants.SEARCHDETAILSBUTTONTEXT</a>
                         }
                         else
                         {

diff --git a/source/gpconnect-appointment-checker/Pages/Shared/_Layout.cshtml b/source/gpconnect-appointment-checker/Pages/Shared/_Layout.cshtml
@@ -24,6 +24,7 @@
     </script>
 
     <header class="nhsuk-header" role="banner">
+        <a id="top"></a>
         <partial name="_CookieConsentPartial" />
         <div class="nhsuk-width-container nhsuk-header__container">
             <div class="nhsuk-header__logo">