Merge pull request #62 from devansXD/jill-branch

New page updates

Updates to new evaluation choice and visualisation pages, plus tweaks to align upload and confirmation pages for consistency. 

Updates include: 
-removing "Compass"
-cutting some text for clarity
-updating button text for accuracy
-adding visibility section to business case "check your answers" page to mirror "check your answers" page for product trial uploads 
-making sure card text on viz-sub-cat page reflected accepted document types 
-other minor tweaks for clarity/easier reading

Author: jillru

app/views/current/business-case-shared.html

@@ -29,16 +29,16 @@ <h1 class="nhsuk-panel__title">
       <div class="nhsuk-card__content">
         <h3 class="nhsuk-card__heading">Your impact</h3>
         <p class="nhsuk-body-s">You've now shared <strong>1 business case</strong> that can help other NHS trusts build their own procurement proposals.</p>
-        <p class="nhsuk-body-s">Business cases are among the most requested documents on Compass — other trusts often spend weeks creating them from scratch.</p>
+        <p class="nhsuk-body-s">Business cases are among the most requested documents.</p>
       </div>
     </div>
 
     <h2 class="nhsuk-heading-m nhsuk-u-margin-top-6">What happens next?</h2>
 
     <ul class="nhsuk-list nhsuk-list--bullet">
-      <li>Other trusts and the product supplier will soon be able to view your business case</li>
-      <li>You can update or remove your business case at any time from your dashboard</li>
-      <li>Contacts you listed may be approached by other trusts with questions about your submission</li>
+      <li>Other trusts and the product supplier will soon be able to view your business case.</li>
+      <li>You can update or remove your business case at any time from your dashboard.</li>
+      <li>Contacts you listed may be approached by other trusts with questions about your submission.</li>
     </ul>
 
     <a class="nhsuk-action-link" href="#">

app/views/current/evaluation-choice.html

@@ -22,7 +22,7 @@
   <div class="nhsuk-grid-column-full">
 
     <h1 class="nhsuk-heading-l">What do you want to share today?</h1>
-    <p>Both types of document help other trusts make better procurement decisions. Share one or both.</p>
+    <p>Choose a document type to share. Your experience will help other trusts make better procurement decisions.</p>
   </div>
   </div>
 
@@ -35,7 +35,7 @@ <h1 class="nhsuk-heading-l">What do you want to share today?</h1>
         <h2 class="nhsuk-card__heading nhsuk-heading-m">
           <a class="nhsuk-card__link" href="quick-share-upload-multiple">Product evaluation</a>
         </h2>
-        <p class="nhsuk-card__description">A report or document from when your trust trialled, assessed or reviewed a medical product.</p>
+        <p class="nhsuk-card__description">A report or document from when your trust trialled, assessed or reviewed a medical product</p>
 
       </div>
     </div>
@@ -49,7 +49,7 @@ <h2 class="nhsuk-card__heading nhsuk-heading-m">
         <h2 class="nhsuk-card__heading nhsuk-heading-m">
           <a class="nhsuk-card__link" href="upload-business-case">Business case</a>
         </h2>
-        <p class="nhsuk-card__description">A document making the strategic, clinical or financial case for procuring a product.</p>
+        <p class="nhsuk-card__description">A document making the strategic, clinical or financial case for procuring a product</p>
       </div>
     </div>
 
@@ -68,7 +68,7 @@ <h2 class="nhsuk-card__heading nhsuk-heading-m">
         <h2 class="nhsuk-card__heading nhsuk-heading-m">
           <a class="nhsuk-card__link" href="upload-evaluation-criteria">Evaluation criteria</a>
         </h2>
-        <p class="nhsuk-card__description">A set of standards or measures used to assess a medical product.</p>
+        <p class="nhsuk-card__description">A set of standards or measures used to assess a medical product</p>
 
       </div>
     </div>
@@ -82,7 +82,7 @@ <h2 class="nhsuk-card__heading nhsuk-heading-m">
         <h2 class="nhsuk-card__heading nhsuk-heading-m">
           <a class="nhsuk-card__link" href="upload-case-study">Case study</a>
         </h2>
-        <p class="nhsuk-card__description">A detailed account of how a medical product was implemented and its outcomes.</p>
+        <p class="nhsuk-card__description">A detailed account of how a medical product was implemented and its outcomes</p>
       </div>
     </div>
 

app/views/current/quick-share-upload-multiple.html

@@ -948,7 +948,7 @@ <h3 class="nhsuk-warning-callout__label">
 
       <div class="nhsuk-form-group nhsuk-u-margin-top-6">
         <button class="nhsuk-button" data-module="nhsuk-button" type="submit">
-          Review and submit 3 evaluations
+          Continue
         </button>
         <p>
           <a href="/share-evaluation-choice" class="nhsuk-link nhsuk-link--no-visited-state">Cancel</a>

app/views/current/review-business-case.html

@@ -352,6 +352,20 @@ <h2 class="nhsuk-heading-m nhsuk-u-margin-top-4">Contacts</h2>
 
     </dl>
 
+    <hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
+
+     <!-- Visibility -->
+    <h2 class="nhsuk-heading-m">Visibility</h2>
+    {{ summaryList({
+      rows: [
+        {
+          key: { text: "Visible to" },
+          value: { html: "All NHS trusts<br><span class='nhsuk-body-s nhsuk-u-secondary-text-color'>Suppliers can see approval status but not your contact details</span>" },
+          actions: { items: [{ href: "upload-evaluation", text: "Change", visuallyHiddenText: "visibility settings" }] }
+        }
+      ]
+    }) }}
+
     <hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
 
     <!-- Declaration -->
@@ -364,17 +378,17 @@ <h3 class="nhsuk-warning-callout__label">
           Declaration
         </span>
       </h3>
-      <p>I confirm that:</p>
+        <p>I confirm that:</p>
       <ul class="nhsuk-list nhsuk-list--bullet">
-        <li>I'm providing up-to-date and accurate information</li>
-        <li>I am authorised to upload these documents on behalf of my organisation</li>
-        <li>I am not providing anything which is confidential, commercially sensitive or will infringe on intellectual property rights</li>
+        <li>I'm providing up-to-date and accurate information.</li>
+        <li>I'm authorised to upload these documents on behalf of my organisation.</li>
+        <li>I'm not sharing anything that is confidential, commercially sensitive or will infringe on intellectual property rights.</li>
       </ul>
       <p>I understand that:</p>
       <ul class="nhsuk-list nhsuk-list--bullet">
-        <li>I am not offering any warranty or commitments around what I'm providing</li>
-        <li>I am not responsible for the decisions made using my information</li>
-        <li>I can remove information later if I change my mind</li>
+        <li>I'm not offering any warranty or commitments around what I'm sharing.</li>
+        <li>I'm not responsible for the decisions made using my information.</li>
+        <li>I can remove information later if I change my mind.</li>
       </ul>
     </div>
 

app/views/current/review-evaluation.html

@@ -18,7 +18,7 @@
   <div class="nhsuk-grid-column-two-thirds">
 
     <h1 class="nhsuk-heading-l">Check your answers</h1>
-    <p>This is what other NHS trusts will see. Review before submitting.</p>
+    <p>This is what other NHS trusts and the related product supplier will see. Review before submitting.</p>
 
     <!-- Document -->
     <h2 class="nhsuk-heading-m">Document</h2>

app/views/current/search-results-viz-sub-cat.html

@@ -76,17 +76,17 @@ <h2 class="nhsuk-contents-list__title nhsuk-u-font-size-16">Subcategory</h2>
               </a>
             </li>
 
-            <li class="nhsuk-contents-list__item">
-              <a class="nhsuk-contents-list__link" href="?cat=wound-care&sub=negative-pressure">
-                Negative pressure wound therapy
-                <span class="nhsuk-u-secondary-text-color nhsuk-u-font-size-14">(18)</span>
+             <li class="nhsuk-contents-list__item">
+              <a class="nhsuk-contents-list__link" href="?cat=wound-care&sub=debridement">
+                Debridement products
+                <span class="nhsuk-u-secondary-text-color nhsuk-u-font-size-14">(11)</span>
               </a>
             </li>
 
             <li class="nhsuk-contents-list__item">
-              <a class="nhsuk-contents-list__link" href="?cat=wound-care&sub=debridement">
-                Debridement products
-                <span class="nhsuk-u-secondary-text-color nhsuk-u-font-size-14">(11)</span>
+              <a class="nhsuk-contents-list__link" href="?cat=wound-care&sub=negative-pressure">
+                Negative pressure wound therapy
+                <span class="nhsuk-u-secondary-text-color nhsuk-u-font-size-14">(18)</span>
               </a>
             </li>
 
@@ -134,7 +134,7 @@ <h3 class="nhsuk-heading-s nhsuk-u-margin-bottom-1">Supplier market share</h3>
                   <path d="M70 70 L14 56 A60 60 0 0 1 70 10 Z" fill="#aeb7bd"/>
                   <circle cx="70" cy="70" r="32" fill="#fff"/>
                   <text x="70" y="66" text-anchor="middle" font-size="18" font-weight="700" fill="#212b32">52</text>
-                  <text x="70" y="80" text-anchor="middle" font-size="10" fill="#768692">products</text>
+                  <text x="70" y="80" text-anchor="middle" font-size="10" fill="#000000">products</text>
                 </svg>
 
                 <div class="app-supplier-legend">
@@ -381,7 +381,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
                     <dt class="nhsuk-summary-list__key">Shared documents</dt>
                     <dd class="nhsuk-summary-list__value">
                       9 documents<br>
-                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including clinical trials and comparative studies</span>
+                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including product trials and case studies</span>
                     </dd>
                   </div>
                   <div class="nhsuk-summary-list__row">
@@ -416,7 +416,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
                     <dt class="nhsuk-summary-list__key">Shared documents</dt>
                     <dd class="nhsuk-summary-list__value">
                       12 documents<br>
-                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including clinical trials, pilot studies and business cases</span>
+                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including product trials, case studies and business cases</span>
                     </dd>
                   </div>
                   <div class="nhsuk-summary-list__row">
@@ -451,7 +451,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
                     <dt class="nhsuk-summary-list__key">Shared documents</dt>
                     <dd class="nhsuk-summary-list__value">
                       7 documents<br>
-                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including comparative studies and infection outcome data</span>
+                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including case studies and evaluation criteria</span>
                     </dd>
                   </div>
                   <div class="nhsuk-summary-list__row">
@@ -483,7 +483,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
                     <dt class="nhsuk-summary-list__key">Shared documents</dt>
                     <dd class="nhsuk-summary-list__value">
                       4 documents<br>
-                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including pilot studies and early outcomes data</span>
+                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including case studies</span>
                     </dd>
                   </div>
                   <div class="nhsuk-summary-list__row">
@@ -520,7 +520,7 @@ <h4 class="nhsuk-card__heading nhsuk-heading-s">
                     <dt class="nhsuk-summary-list__key">Shared documents</dt>
                     <dd class="nhsuk-summary-list__value">
                       6 documents<br>
-                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including clinical trials and usage reports</span>
+                      <span class="nhsuk-body-s nhsuk-u-secondary-text-color">Including product trials and business cases</span>
                     </dd>
                   </div>
                   <div class="nhsuk-summary-list__row">

app/views/current/upload-business-case.html

@@ -33,7 +33,7 @@
 
       <h1 class="nhsuk-heading-l">Upload a business case</h1>
 
-      <p>Business cases help other trusts understand the strategic, clinical and financial rationale behind a procurement decision. They are kept separate from evaluation reports so they can be found and used independently.</p>
+      <p>Business cases help other trusts understand the strategic, clinical and financial rationale behind a procurement decision.</p>
 
 
 
@@ -131,7 +131,7 @@ <h2 class="nhsuk-heading-m">About this business case</h2>
         id: "bc-title",
         name: "bc-title",
         hint: {
-          text: "A short, descriptive title. For example, 'Business case for VitalGuard Monitor X1 – Critical Care Unit'"
+          text: "A short, descriptive title. For example, 'Business case for VitalGuard Monitor X1 – Critical Care Unit'."
         }
       }) }}
 
@@ -141,7 +141,7 @@ <h2 class="nhsuk-heading-m">About this business case</h2>
           <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--s">
             Date of business case
           </legend>
-          <div class="nhsuk-hint">The month and year this business case was written or approved.</div>
+          <div class="nhsuk-hint">The month and year this business case was written or approved</div>
           <div style="display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap;">
             <div class="nhsuk-form-group nhsuk-u-margin-bottom-0">
               <label class="nhsuk-label nhsuk-body-s" for="bc-month">Month</label>
@@ -217,15 +217,15 @@ <h2 class="nhsuk-heading-m">About this business case</h2>
           <div class="nhsuk-radios">
             <div class="nhsuk-radios__item">
               <input class="nhsuk-radios__input" id="bc-approved-yes" name="bc-approved" type="radio" value="yes">
-              <label class="nhsuk-label nhsuk-radios__label" for="bc-approved-yes">Yes — approved and procurement proceeded</label>
+              <label class="nhsuk-label nhsuk-radios__label" for="bc-approved-yes">Yes, it was approved and procurement proceeded</label>
             </div>
             <div class="nhsuk-radios__item">
               <input class="nhsuk-radios__input" id="bc-approved-no" name="bc-approved" type="radio" value="no">
-              <label class="nhsuk-label nhsuk-radios__label" for="bc-approved-no">No — rejected or not taken forward</label>
+              <label class="nhsuk-label nhsuk-radios__label" for="bc-approved-no">No, it was rejected or not taken forward</label>
             </div>
             <div class="nhsuk-radios__item">
               <input class="nhsuk-radios__input" id="bc-approved-pending" name="bc-approved" type="radio" value="pending">
-              <label class="nhsuk-label nhsuk-radios__label" for="bc-approved-pending">Pending — awaiting decision</label>
+              <label class="nhsuk-label nhsuk-radios__label" for="bc-approved-pending">Pending, it's awaiting decision</label>
             </div>
           </div>
         </fieldset>
@@ -239,7 +239,7 @@ <h2 class="nhsuk-heading-m">About this business case</h2>
           classes: "nhsuk-label--s"
         },
         hint: {
-          text: "A one or two sentence description of what this business case demonstrates"
+          text: "A one or two sentence summary of this business case"
         },
         rows: "3"
       }) }}
@@ -409,7 +409,7 @@ <h3 class="nhsuk-warning-callout__label">
 
       <div class="nhsuk-form-group nhsuk-u-margin-top-6">
         <button class="nhsuk-button" data-module="nhsuk-button" type="submit">
-          Review and submit
+          Continue
         </button>
         <p>
           <a href="/share-evaluation-choice" class="nhsuk-link nhsuk-link--no-visited-state">Cancel</a>