Manual images (#173)

* Start adding support for a manual images flow

* More work

* Add optoins for manual page

* Add more questions

* Add further manual images pages and routes

* Make data display better

* Use same repeat reasons

* Add option for direct text input

* Apply free text to next page

* Update heading

* Update legend text

* Cleanup of code

* Disable manual image flow by default

Author: edwardhorsford

app/assets/sass/_typography.scss

@@ -1,6 +1,7 @@
 @use "nhsuk-frontend/dist/nhsuk/core/settings" as *;
 @use "nhsuk-frontend/dist/nhsuk/core/styles/typography" as *;
 @use "nhsuk-frontend/dist/nhsuk/core/tools" as *;
+@use "nhsuk-frontend/dist/nhsuk/core/helpers" as *;
 
 h1 {
   @extend %nhsuk-heading-l;
@@ -24,7 +25,19 @@ h3 {
 
 .app-link--error,
 .app-link--warning {
-  color: $nhsuk-error-colour;
+  &,
+  &:visited {
+    color: $nhsuk-error-colour;
+  }
+
+  &:hover,
+  &:hover:visited {
+    color: nhsuk-shade($nhsuk-error-colour, 20%);
+  }
+
+  &:hover:active {
+    color: $nhsuk-text-colour;
+  }
 }
 
 .app-button-link {

app/data/repeat-reasons.js

@@ -0,0 +1,16 @@
+// app/data/repeat-reasons.js
+
+module.exports = [
+  'Patient moved during exposure',
+  'Unable to maintain compression',
+  'Inadequate compression achieved',
+  'Incorrect positioning identified',
+  'Image too light - exposure needs adjustment',
+  'Image too dark - exposure needs adjustment',
+  'Motion blur affecting image quality',
+  'Equipment technical fault',
+  'Folded skin needs smoothing',
+  'Pectoral muscle not visualised correctly',
+  'Nipple not in profile',
+  'Other'
+]

app/data/session-data-defaults.js

@@ -10,6 +10,7 @@ const path = require('path')
 const fs = require('fs')
 const { needsRegeneration } = require('../lib/utils/regenerate-data')
 const config = require('../config')
+const repeatReasons = require('./repeat-reasons')
 
 // Check if generated data folder exists and create if needed
 const generatedDataPath = path.join(__dirname, 'generated')
@@ -59,7 +60,8 @@ try {
 const defaultSettings = {
   darkMode: 'false',
   screening: {
-    confirmIdentityOnCheckIn: 'true'
+    confirmIdentityOnCheckIn: 'true',
+    manualImageCollection: 'false'
   },
   reading: {
     blindReading: config.reading.blindReading,
@@ -83,5 +85,6 @@ module.exports = {
   config,
   settings: defaultSettings,
   defaultSettings,
-  medicalHistoryTypes
+  medicalHistoryTypes,
+  repeatReasons
 }

app/lib/generators/mammogram-generator.js

@@ -4,6 +4,7 @@ const { faker } = require('@faker-js/faker')
 const generateId = require('../utils/id-generator')
 const dayjs = require('dayjs')
 const weighted = require('weighted')
+const REPEAT_REASONS = require('../../data/repeat-reasons')
 
 const STANDARD_VIEWS = [
   { side: 'right', view: 'mediolateral oblique' },
@@ -12,20 +13,6 @@ const STANDARD_VIEWS = [
   { side: 'left', view: 'mediolateral oblique' }
 ]
 
-const REPEAT_REASONS = [
-  'patient moved during exposure',
-  'unable to maintain compression',
-  'inadequate compression achieved',
-  'incorrect positioning identified',
-  'image too light - exposure needs adjustment',
-  'image too dark - exposure needs adjustment',
-  'motion blur affecting image quality',
-  'equipment technical fault',
-  'folded skin needs smoothing',
-  'pectoral muscle not visualized correctly',
-  'nipple not in profile'
-]
-
 // Default probability settings
 const DEFAULT_PROBABILITIES = {
   viewMissing: 0.05, // 5% chance of a view being missing

app/lib/utils/status.js

@@ -113,6 +113,8 @@ const isActive = (input) => {
  * @returns {boolean} Whether the event is in the appointment workflow for this user
  */
 const isAppointmentWorkflow = function (event, currentUser) {
+  if (!event) return false
+
   // Get currentUser from context if not provided
   currentUser = currentUser || this?.ctx?.data?.currentUser