Show PDS lookup used to find a child’s NHS number

Author: paulrobertlloyd

app/assets/stylesheets/components/_timeline.scss

@@ -96,6 +96,10 @@ $_timeline-border-width: 2px;
     margin-bottom: 0;
 
     @include nhsuk-font-size(19);
+
+    &.nhsuk-u-font-weight-bold .app-u-monospace {
+      font-weight: inherit;
+    }
   }
 
   &__content {

app/assets/stylesheets/core/utilities/_typography.scss

@@ -1,4 +1,5 @@
 .app-u-monospace {
   font-family: ui-monospace, monospace;
   font-weight: 450;
+  word-spacing: -0.25em;
 }

app/locales/en.js

@@ -823,6 +823,13 @@ export const en = {
     events: {
       title: 'Activity log'
     },
+    pds: {
+      title: 'NHS number lookup history',
+      description:
+        'The following timeline shows how this child’s NHS number was found by searching the NHS Patient Demographics Service (PDS)',
+      details:
+        'A fuzzy search finds text that matches a term closely as well as exactly. For example, a fuzzy search can identify Jon Smith even if the term entered was John Smith.\n\nA wildcard searches for unknown parts of text. For example, if you only have part of a postcode: CV1, you can use a wildcard to search all records with a postcode that includes CV1.\n\nHistory refers to the child’s history, for example if they have changed their name or address.'
+    },
     lastReminderDate: {
       label: 'Last reminder sent'
     },

app/views/_macros/timeline.njk

@@ -14,9 +14,9 @@
       </svg>
     {% endif %}
     <div class="app-timeline__content">
-      <h{{ headingLevel }} class="app-timeline__header {{ headingBold }}">{{ item.headingText }}</h{{ headingLevel }}>
+      <h{{ headingLevel }} class="app-timeline__header {{ headingBold }}">{{ item.headingText | safe }}</h{{ headingLevel }}>
       {% if item.description %}
-        <p class="app-timeline__description">{{ item.description }}</p>
+        <p class="app-timeline__description">{{ item.description | safe }}</p>
       {% endif %}
       {% if item.html %}
         {{ item.html | safe | trim }}

app/views/patient/pds.njk

@@ -0,0 +1,69 @@
+{% extends "_layouts/default.njk" %}
+
+{% set title = __("patient.pds.title") %}
+
+{% block beforeContent %}
+  {{ breadcrumb({
+    items: [{
+      text: __("home.show.title"),
+      href: "/"
+    }, {
+      text: __("patient.list.title"),
+      href: "/patients"
+    }, {
+      text: patient.fullName,
+      href: patient.uri
+    }]
+  }) }}
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+      {{ super() }}
+
+      {{ appHeading({
+        caption: patient.fullName,
+        title: title
+      }) }}
+
+      {{ __("patient.pds.description") | nhsukMarkdown }}
+
+      {{ appTimeline({
+        items: [{
+          isPastItem: true,
+          headingText: "Non-fuzzy search (with history)",
+          description: "No matches found."
+        }, {
+          isPastItem: true,
+          headingText: "Non-fuzzy search (with history and wildcard postcode)",
+          description: "Found " + patient.formatted.nhsn
+        }, {
+          isPastItem: true,
+          headingText: "Non-fuzzy search (with history, wildcard postcode and wildcard forename)",
+          description: "Found " + patient.formatted.nhsn | replace("999", "908")
+        }, {
+          isPastItem: true,
+          headingText: "Non-fuzzy search (with history, wildcard postcode and wildcard surname)",
+          description: "Found " + patient.formatted.nhsn
+        }, {
+          isPastItem: true,
+          headingText: "Fuzzy search (without history)",
+          description: "Found " + patient.formatted.nhsn
+        }, {
+          active: true,
+          headingText: "NHS number is " + patient.formatted.nhsn,
+          description: today
+        }]
+      }) }}
+
+      {{ appHeading({
+        level: 2,
+        size: "m",
+        title: "Expressions used in this lookup"
+      }) }}
+
+      {{ __("patient.pds.details") | nhsukMarkdown }}
+    </div>
+  </div>
+{% endblock %}

app/views/patient/show.njk

@@ -43,8 +43,12 @@
       rows: summaryRows(patient, {
         nhsn: {
           changeLabel: "the child’s NHS number",
-          href: patient.uri + "/edit/nhsn" if patient.hasMissingNhsNumber
-        },
+          href: patient.uri + "/edit/nhsn"
+        } if patient.hasMissingNhsNumber,
+        nhsn: {
+          changeText: "PDS history",
+          href: patient.uri + "/pds"
+        } if not patient.hasMissingNhsNumber,
         archiveReason: {
           other: archiveReasonOther
         },