Show imports and exports under ‘Manage data’ section

Author: paulrobertlloyd

app/controllers/download.js

@@ -3,6 +3,10 @@ import { AcademicYear, DownloadFormat, ProgrammeType } from '../enums.js'
 import { Download, Programme, Team } from '../models.js'
 
 export const downloadController = {
+  list(request, response) {
+    response.render(`download/list`)
+  },
+
   form(request, response) {
     const { data } = request.session
 

app/controllers/interchange.js

@@ -0,0 +1,5 @@
+export const interchangeController = {
+  list(request, response) {
+    response.redirect('/uploads')
+  }
+}

app/locales/en.js

@@ -712,6 +712,11 @@ export const en = {
     }
   },
   download: {
+    label: 'Exports',
+    list: {
+      label: 'Exports',
+      title: 'Exports'
+    },
     new: {
       label: 'Download vaccination report',
       confirm: 'Download vaccination data'
@@ -848,6 +853,14 @@ export const en = {
       title: 'Home'
     }
   },
+  interchange: {
+    label: 'Manage data',
+    list: {
+      label: 'Manage data',
+      title: 'Manage data',
+      description: 'Import and export child and vaccination records'
+    }
+  },
   notice: {
     label: 'Notice',
     list: {

app/routes.js

@@ -18,6 +18,7 @@ import { consentRoutes } from './routes/consent.js'
 import { defaultBatchRoutes } from './routes/default-batch.js'
 import { downloadRoutes } from './routes/download.js'
 import { homeRoutes } from './routes/home.js'
+import { interchangeRoutes } from './routes/interchange.js'
 import { moveRoutes } from './routes/move.js'
 import { noticeRoutes } from './routes/notice.js'
 import { parentRoutes } from './routes/parent.js'
@@ -45,7 +46,9 @@ router.use(referrer)
 router.use('/', homeRoutes)
 router.use('/account', accountRoutes)
 router.use('/consents', consentRoutes)
+router.use('/downloads', downloadRoutes)
 router.use('/give-or-refuse-consent', parentRoutes)
+router.use('/interchange', interchangeRoutes)
 router.use('/moves', moveRoutes)
 router.use('/notices', noticeRoutes)
 router.use('/teams', teamRoutes)

app/routes/download.js

@@ -4,6 +4,8 @@ import { downloadController as download } from '../controllers/download.js'
 
 const router = express.Router({ strict: true })
 
+router.get('/', download.list)
+
 router.get('/new', download.form)
 router.post('/new', download.create)
 

app/routes/interchange.js

@@ -0,0 +1,9 @@
+import express from 'express'
+
+import { interchangeController as interchange } from '../controllers/interchange.js'
+
+const router = express.Router({ strict: true, mergeParams: true })
+
+router.get('/', interchange.list)
+
+export const interchangeRoutes = router

app/views/_layouts/default.njk

@@ -67,9 +67,9 @@
         },
         {
           classes: 'app-header__navigation-item--with-count',
-          href: "/uploads",
-          html: __("upload.list.label"),
-          active: navigation.activeSection == "uploads"
+          href: "/interchange",
+          html: __("interchange.list.label"),
+          active: navigation.activeSection in ["uploads", "downloads"]
         },
         {
           href: "/reports",

app/views/dashboard.njk

@@ -65,30 +65,30 @@
       {{ card({
         clickable: true,
         secondary: true,
-        heading: __("move.list.title"),
+        heading: __("consent.list.title"),
         headingSize: "xs",
-        href: "/moves",
-        description: __("move.list.description")
+        href: "/consents",
+        description: __("consent.list.description")
       }) }}
     </li>
     <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
       {{ card({
         clickable: true,
         secondary: true,
-        heading: __("consent.list.title"),
+        heading: __("move.list.title"),
         headingSize: "xs",
-        href: "/consents",
-        description: __("consent.list.description")
+        href: "/moves",
+        description: __("move.list.description")
       }) }}
     </li>
     <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
       {{ card({
         clickable: true,
         secondary: true,
-        heading: __("upload.list.title"),
+        heading: __("interchange.list.title"),
         headingSize: "xs",
-        href: "/uploads",
-        description: __("upload.list.description")
+        href: "/interchange",
+        description: __("interchange.list.description")
       }) }}
     </li>
     <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">

app/views/download/list.njk

@@ -0,0 +1,15 @@
+{% from "interchange/_navigation.njk" import interchangeNavigation with context %}
+
+{% extends "_layouts/form.njk" %}
+
+{% set gridColumns = "full" %}
+{% set hideConfirmButton = true %}
+{% set title = __("download.list.title") %}
+
+{% block form %}
+  {{ super() }}
+
+  {{ interchangeNavigation({
+    view: "downloads"
+  }) }}
+{% endblock %}

app/views/interchange/_navigation.njk

@@ -0,0 +1,27 @@
+{% from "_macros/heading.njk" import appHeading %}
+{% from "_macros/secondary-navigation.njk" import appSecondaryNavigation %}
+
+{% macro interchangeNavigation(params) %}
+  {{ appHeading({
+    title: __("interchange.list.title")
+  }) }}
+
+  {{ appSecondaryNavigation({
+    items: [
+      {
+        text: __("upload.list.label"),
+        href: "/uploads",
+        current: params.view == "uploads"
+      },
+      {
+        text: __("download.list.label"),
+        href: "/downloads",
+        current: params.view == "downloads"
+      }
+    ]
+  }) }}
+
+  <h2 class="nhsuk-heading-m nhsuk-u-visually-hidden">
+    {{ __(params.view + "list.title") }}
+  </h2>
+{% endmacro %}