search flow

.azad/.locked-paths

@@ -1,5 +1,6 @@
 [
   "/Users/davidevans/Documents/Projects/procurement-prototype/app/views/current/search-results.html",
   "/Users/davidevans/Documents/Projects/procurement-prototype/app/views/current/create-account/email-verification.html",
-  "/Users/davidevans/Documents/Projects/procurement-prototype/app/views/current/create-account/email-welcome.html"
+  "/Users/davidevans/Documents/Projects/procurement-prototype/app/views/current/create-account/email-welcome.html",
+  "/Users/davidevans/Documents/Projects/procurement-prototype/app/views/current/product-detail.html"
 ]

app/assets/sass/components/_a-z.scss

@@ -31,6 +31,8 @@
   font-weight: 600;
   min-width: 44px;
   text-align: center;
+  background-color: $color_nhsuk-white;
+  border: 1px solid $color_nhsuk-grey-4;
 
   &:hover {
     background-color: $color_nhsuk-blue;

app/views/current/categories.html

@@ -27,24 +27,24 @@
 <div class="nhsuk-grid-row">
   <div class="nhsuk-grid-column-two-thirds">
     <h1 class="nhsuk-heading-xl">Browse all categories</h1>
-    <p class="nhsuk-body-l">Explore medical technologies by GMDN classification. Select a category to see products, trust evaluations, and peer contacts.</p>
+    <p class="nhsuk-body-l">Explore medical technologies, a-z by category.</p>
   </div>
 </div>
 
 {# Category stats #}
 <div class="nhsuk-grid-row nhsuk-u-margin-bottom-5">
   <div class="nhsuk-grid-column-full">
     <p class="nhsuk-body">
-      <strong>18 categories</strong> &nbsp;·&nbsp; 
-      <strong>1,247 products</strong> &nbsp;·&nbsp; 
-      <strong>312 NHS trust evaluations</strong>
+      <strong class="nhsuk-tag nhsuk-tag--white">18 categories</strong>
+      <strong class="nhsuk-tag nhsuk-tag--white nhsuk-u-margin-left-2">1,247 products</strong>
+      <strong class="nhsuk-tag nhsuk-tag--white nhsuk-u-margin-left-2">312 NHS trust evaluations</strong>
     </p>
   </div>
 </div>
 
 {# A-Z jump links #}
 <div class="nhsuk-grid-row nhsuk-u-margin-bottom-6">
-  <div class="nhsuk-grid-column-full">
+  <div class="nhsuk-grid-column-two-thirds">
     <nav class="app-az-nav" aria-label="A to Z navigation">
       <ol class="app-az-nav__list">
           <li class="app-az-nav__item"><a href="#A" class="app-az-nav__link">A</a></li>

app/views/current/category-wound-care.html

@@ -305,7 +305,7 @@ <h3 class="nhsuk-heading-m nhsuk-u-margin-bottom-2">Medical technologies</h3>
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?healvac-npwt">HealVac NPWT System</a>
+          <a class="nhsuk-card__link" href="product-detail?healvac-npwt">HealVac NPWT System</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           Advanced Wound Therapeutics Ltd
@@ -380,7 +380,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?silvafoam-ag">SilvaFoam Ag Antimicrobial Dressing</a>
+          <a class="nhsuk-card__link" href="product-detail?silvafoam-ag">SilvaFoam Ag Antimicrobial Dressing</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           WoundCare Solutions plc
@@ -447,7 +447,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?hydroheal-plus">HydroHeal Plus Hydrocolloid Dressing</a>
+          <a class="nhsuk-card__link" href="product-detail?hydroheal-plus">HydroHeal Plus Hydrocolloid Dressing</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           DermaGuard Medical
@@ -517,7 +517,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?algisorb-max">AlgiSorb Max Calcium Alginate Dressing</a>
+          <a class="nhsuk-card__link" href="product-detail?algisorb-max">AlgiSorb Max Calcium Alginate Dressing</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           BioWound Technologies
@@ -589,7 +589,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?pressureguard-air">PressureGuard Air Mattress System</a>
+          <a class="nhsuk-card__link" href="product-detail?pressureguard-air">PressureGuard Air Mattress System</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           MediComfort Systems Ltd
@@ -656,7 +656,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?diabeticare-foam">DiabetiCare Foam Dressing</a>
+          <a class="nhsuk-card__link" href="product-detail?diabeticare-foam">DiabetiCare Foam Dressing</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           Specialist Wound Care Ltd
@@ -727,7 +727,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?dermaseal-strips">DermaSeal Surgical Closure Strips</a>
+          <a class="nhsuk-card__link" href="product-detail?dermaseal-strips">DermaSeal Surgical Closure Strips</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           SurgiWound International
@@ -796,7 +796,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?manuka-active">ManukaActive Medical Honey Dressing</a>
+          <a class="nhsuk-card__link" href="product-detail?manuka-active">ManukaActive Medical Honey Dressing</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           Natural Wound Healing Ltd
@@ -866,7 +866,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?skinshield-barrier">SkinShield Barrier Film Spray</a>
+          <a class="nhsuk-card__link" href="product-detail?skinshield-barrier">SkinShield Barrier Film Spray</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           DermaProtect Solutions
@@ -933,7 +933,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <div class="nhsuk-card nhsuk-card--clickable app-card--compact">
       <div class="nhsuk-card__content">
         <h4 class="nhsuk-card__heading nhsuk-heading-s">
-          <a class="nhsuk-card__link" href="product-page?compressease-system">CompressEase Multi-Layer Bandage System</a>
+          <a class="nhsuk-card__link" href="product-detail?compressease-system">CompressEase Multi-Layer Bandage System</a>
         </h4>
         <p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-bottom-2">
           Vascular Wound Care Ltd
@@ -1004,53 +1004,53 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
     <nav class="nhsuk-pagination nhsuk-pagination--numbered" role="navigation" aria-label="Pagination">
       <ul class="nhsuk-pagination__list">
         <li class="nhsuk-pagination__item nhsuk-pagination__item--current">
-          <a class="nhsuk-pagination__link" href="product-page??page=1&amp;limit=10" aria-label="Page 1" aria-current="page">
+          <a class="nhsuk-pagination__link" href="product-detail??page=1&amp;limit=10" aria-label="Page 1" aria-current="page">
             1
           </a>
         </li>
         <li class="nhsuk-pagination__item">
-          <a class="nhsuk-pagination__link" href="product-page??page=2&amp;limit=10" aria-label="Page 2">
+          <a class="nhsuk-pagination__link" href="product-detail??page=2&amp;limit=10" aria-label="Page 2">
             2
           </a>
         </li>
         <li class="nhsuk-pagination__item">
-          <a class="nhsuk-pagination__link" href="product-page??page=3&amp;limit=10" aria-label="Page 3">
+          <a class="nhsuk-pagination__link" href="product-detail??page=3&amp;limit=10" aria-label="Page 3">
             3
           </a>
         </li>
         <li class="nhsuk-pagination__item">
-          <a class="nhsuk-pagination__link" href="product-page??page=4&amp;limit=10" aria-label="Page 4">
+          <a class="nhsuk-pagination__link" href="product-detail??page=4&amp;limit=10" aria-label="Page 4">
             4
           </a>
         </li>
         <li class="nhsuk-pagination__item">
-          <a class="nhsuk-pagination__link" href="product-page??page=5&amp;limit=10" aria-label="Page 5">
+          <a class="nhsuk-pagination__link" href="product-detail??page=5&amp;limit=10" aria-label="Page 5">
             5
           </a>
         </li>
         <li class="nhsuk-pagination__item">
-          <a class="nhsuk-pagination__link" href="product-page??page=6&amp;limit=10" aria-label="Page 6">
+          <a class="nhsuk-pagination__link" href="product-detail??page=6&amp;limit=10" aria-label="Page 6">
             6
           </a>
         </li>
         <li class="nhsuk-pagination__item">
-          <a class="nhsuk-pagination__link" href="product-page??page=7&amp;limit=10" aria-label="Page 7">
+          <a class="nhsuk-pagination__link" href="product-detail??page=7&amp;limit=10" aria-label="Page 7">
             7
           </a>
         </li>
         <li class="nhsuk-pagination__item">
-          <a class="nhsuk-pagination__link" href="product-page??page=8&amp;limit=10" aria-label="Page 8">
+          <a class="nhsuk-pagination__link" href="product-detail??page=8&amp;limit=10" aria-label="Page 8">
             8
           </a>
         </li>
         <li class="nhsuk-pagination__item">
-          <a class="nhsuk-pagination__link" href="product-page??page=9&amp;limit=10" aria-label="Page 9">
+          <a class="nhsuk-pagination__link" href="product-detail??page=9&amp;limit=10" aria-label="Page 9">
             9
           </a>
         </li>
       </ul>
 
-      <a href="product-page??page=2&amp;limit=10" class="nhsuk-pagination__next" rel="next">
+      <a href="product-detail??page=2&amp;limit=10" class="nhsuk-pagination__next" rel="next">
         <span class="nhsuk-pagination__title">
           Next<span class="nhsuk-u-visually-hidden"> page</span>
         </span>

app/views/current/dashboard.html

@@ -23,49 +23,34 @@
 <div class="nhsuk-grid-row nhsuk-u-margin-top-7">
   <div class="nhsuk-grid-column-two-thirds">
 
-    <span class="nhsuk-hint">Welcome back</span>
+    <span class="nhsuk-hint">Kelvin Simpson</span>
 
-  <h1 class='nhsuk-heading-l'>Share your evaluation</h1>
+  <h1 class='nhsuk-heading-l'>Welcome back</h1>
 
-  <p class="nhsuk-body nhsuk-body-l"> Help other NHS trusts make informed decisions by sharing your product evaluation. </p>
+  <p class="nhsuk-body nhsuk-body-l"> How will you shape procurement in your trust today? </p>
 
-<form action="quick-share-upload" method="post">
-{% include "includes/products.html" %}
 
-{% from "button/macro.njk" import button %}
-
-
-
-
-{{ button({
-  text: "Continue"
-}) }}
-
-</form>
 
   </div>
 </div>
 
 <!-- NHS 10 Year Plan Context -->
 <div class="nhsuk-grid-row nhsuk-u-margin-top-7">
   <div class="nhsuk-grid-column-full">
-    <h2 class="nhsuk-heading-m">Recent evaluations at your trust</h2>
+
 
     <div class="nhsuk-grid-row">
 
   <div class="nhsuk-grid-column-one-half">
-
-
-
-
 
 <div class="nhsuk-card nhsuk-card--clickable">
   <div class="nhsuk-card__content">
     <h3 class="nhsuk-card__heading">
-      Acme Ultrasound System X200
+      Search
     </h3>
-    <p><span class="nhsuk-tag nhsuk-tag--green">Evaluated</span></p>
-  <p><a href="">View or update</a></p>
+    <p>Search and compare medical products</p>
+
+  <p><a href="search">Search now</a></p>
 
   </div>
 </div>
@@ -81,10 +66,11 @@ <h3 class="nhsuk-card__heading">
 <div class="nhsuk-card nhsuk-card--clickable">
   <div class="nhsuk-card__content">
     <h3 class="nhsuk-card__heading">
-        SmartPump Infusion Device Pro
+       Collaborate
     </h3>
-    <p><span class="nhsuk-tag nhsuk-tag--green">Evaluated</span></p>
-  <p><a href="">View or update</a></p>
+    <p>Share evaluations with other NHS trusts</p>
+
+  <p><a href="quick-share-upload-multiple">Share now</a></p>
 
   </div>
 </div>

app/views/current/homepage.html

@@ -22,6 +22,9 @@
 
 
 
+<!-- NHS 10 Year Plan Context -->
+
+
 <!-- Key Features Cards -->
 <div class="nhsuk-grid-row nhsuk-u-margin-top-7" id="how-it-works">
     <div class="nhsuk-grid-column-full">
@@ -38,7 +41,7 @@ <h5 class="nhsuk-card__heading nhsuk-heading-s">
 
         </h5>
         <p>Access multiple trusted sources in one place with NICE Medtech Guidance, ODEP Accreditation,
-            DTAC Passporting, NHS Trust Evaluations, and MHRA Registration data</p>
+            DTAC Passporting, NHS Trust Evaluations, and MHRA Registration data.</p>
       </div>