Change 'Appointments' to 'Lists' (#359)

The appointments designs are now known as lists.

The latest changes reflect work done to reduce the mental workload for
users when adding a 'list' and consist of 3 steps

- add a site or team
- add a date
- add nhs numbers

The list view page shows users in first name, last name order with nhs
number and date of birth for the recorder to check and links to 'Record'
or 'Remove' the patient from the list.

The home for 'lists' will update once lists are added and show lists by
tema or site at the first level, then ordered by date at the team/site
level down.

---------

Co-authored-by: Anna-Sutton <[email protected]>
Co-authored-by: Frankie Roberto <[email protected]>

Author: 3 people

app/data/appointments.js

@@ -2,14 +2,12 @@ const organisations = require('./organisations')
 const regions = require('./regions')
 const featureFlags = require('./feature-flags')
 const users = require('./users')
-const appointments = require('./appointments')
 const vaccines = require('./vaccines')
 
 module.exports = {
   organisations: organisations,
   regions: regions,
   featureFlags: featureFlags,
-  appointments: appointments,
   users: users,
   vaccines: vaccines,
   vaccineStock: [],

app/data/session-data-defaults.js

@@ -13,7 +13,7 @@ require('./routes/vaccines')(router)
 require('./routes/reports')(router)
 require('./routes/find-record')(router)
 require('./routes/prototype-admin')(router)
-require('./routes/appointments')(router)
+require('./routes/lists')(router)
 require('./routes/support')(router)
 require('./routes/auth')(router)
 require('./routes/home')(router)

app/routes.js

@@ -0,0 +1,5 @@
+module.exports = router => {
+
+
+
+}

app/routes/appointments.js

@@ -0,0 +1,93 @@
+
+{% block head %}
+  <script src="/js/feedback-panel.js"></script>
+{% endblock %}
+
+{% from 'checkboxes/macro.njk' import checkboxes %}
+<div class="app-feedback-panel" data-module="feedback-panel">
+  <div data-module="feedback-panel__initial-question">
+    <h2 class="app-feedback-panel__title">You’ve just recorded your 5th vaccination.</h2>
+
+
+    <fieldset class="nhsuk-fieldset">
+      <legend class="nhsuk-fieldset__legend nhsuk-u-margin-bottom-4">How was your experience of recording vaccinations?</legend>
+
+      <div class="app-button-group nhsuk-u-margin-bottom-0">
+
+        {{ button({
+          text: "Very easy",
+          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          attributes: {
+            "data-thanks": "Thank you. Do you want to tell us more?"
+          }
+        }) }}
+
+        {{ button({
+          text: "Easy",
+          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          attributes: {
+            "data-thanks": "Thank you. Do you want to tell us more?"
+          }
+        }) }}
+
+        {{ button({
+          text: "Ok",
+          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          attributes: {
+            "data-thanks": "Thank you. Do you want to tell us more?"
+          }
+        }) }}
+
+        {{ button({
+          text: "Difficult",
+          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          attributes: {
+            "data-thanks": "Thank you. Do you want to tell us more?"
+          }
+        }) }}
+
+        {{ button({
+          text: "Very difficult",
+          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          attributes: {
+            "data-thanks": "Thank you. Do you want to tell us more?"
+          }
+        }) }}
+      </div>
+    </fieldset>
+  </div>
+
+  <div class="app-feedback-panel__comments"  data-module="feedback-panel__comments" hidden>
+
+    <h2 class="app-feedback-panel__title">Thank you.</h2>
+    {{ textarea({
+      name: "example",
+      id: "example",
+      rows: 3,
+      label: {
+        text: "Feedback (optional)"
+      }
+    }) }}
+
+    {{ checkboxes({
+      items: [
+        {
+          value: "contactable",
+          text: "I’m happy to be contacted about my feedback"
+        }
+      ]
+    })}}
+
+
+    <div class="app-button-group nhsuk-u-margin-bottom-0">
+      {{ button({
+        text: "Send feedback",
+        classes: "nhsuk-button--secondary app-button--small"
+      }) }}
+
+
+      <a href="#" class="nhsuk-link nhsuk-link--no-visited-state" data-module="feedback-panel__close">Close</a>
+    </div>
+
+  </div>
+</div>