User confirms closed records status once for all metadata

app/assets/sass/_da-attachment.scss

@@ -0,0 +1,75 @@
+$thumbnail-width: 70px;
+$thumbnail-height: 100px;
+$thumbnail-border-width: 5px;
+$thumbnail-background: govuk-colour("white");
+$thumbnail-border-colour: rgba(11, 12, 12, .1);
+$thumbnail-shadow-colour: rgba(11, 12, 12, .4);
+$thumbnail-shadow-width: 0 2px 2px;
+$thumbnail-icon-border-colour: govuk-colour("mid-grey");
+
+.da-attachment {
+  @include govuk-font(19);
+  @include govuk-clearfix;
+  position: relative;
+
+  .govuk-details {
+    margin: govuk-spacing(3) 0;
+  }
+}
+
+.da-attachment__thumbnail-image {
+  display: block;
+  width: auto; // for IE8
+  max-width: $thumbnail-width;
+  height: $thumbnail-height;
+  border: $thumbnail-border-colour; // for IE9 & IE10
+  outline: $thumbnail-border-width solid $thumbnail-border-colour;
+  background: $thumbnail-background;
+  box-shadow: $thumbnail-shadow-width $thumbnail-shadow-colour;
+  fill: $thumbnail-icon-border-colour;
+  stroke: $thumbnail-icon-border-colour;
+}
+
+
+.da-attachment__thumbnail {
+  position: relative;
+  width: auto;
+  margin-right: govuk-spacing(5);
+  margin-bottom: govuk-spacing(3);
+  padding: $thumbnail-border-width;
+  float: left;
+}
+
+.da-attachment__details {
+  padding-left: $thumbnail-width + $thumbnail-border-width * 2 + govuk-spacing(5);
+}
+
+.da-attachment__title {
+  @include govuk-font($size: 27);
+  margin: 0 0 govuk-spacing(3);
+}
+
+.da-attachment__link {
+  line-height: 1.29;
+}
+
+.da-attachment__metadata {
+  @include govuk-font($size: 19);
+  margin: 0 0 govuk-spacing(3);
+  color: $govuk-secondary-text-colour;
+
+  &:last-of-type {
+    margin-bottom: 0;
+  }
+
+  .da-attachment__attribute {
+    // From the Design System
+    // Automatic wrapping for unbreakable text (e.g. URLs)
+    word-wrap: break-word; // Fallback for older browsers only
+    overflow-wrap: break-word;
+  }
+}
+
+.da-attachment__metadata--compact {
+  margin-bottom: 0;
+}

app/assets/sass/application.scss

@@ -4,6 +4,7 @@
 //
 
 // Add extra styles here
+@import './da-attachment.scss';
 @import 'node_modules/@nationalarchives/tdr-components/components/multi-select-search/_index';
 @import 'node_modules/@nationalarchives/tdr-components/components/nested-navigation/_index';
 @import './prototype-history.scss';
@@ -119,6 +120,11 @@
   width: 100%;
 }
 
+.hidden {
+  visibility: hidden;
+  height:0;
+}
+
 .showBanner {
   animation: showBlock 0s 10s forwards;
   visibility: hidden;
@@ -490,3 +496,6 @@
   text-align: center;
 }
 
+.govuk-list--inline-pre pre {
+  display: inline;
+}

app/routes.js

@@ -137,6 +137,46 @@ const populateWithClosureData = (req, res) => {
 
 // Add your routes here
 
+
+/*
+ * When confirm closure has a radio button that redirects user to
+ * an info page if they select 'no' which provides further info
+ */
+router.post(
+  "/:ticketId/confirm-closure-v2",
+  function(req, res){
+    if(req.session.data["confirmClosureStatus"] == "no-1"){
+      res.redirect(`/${req.params.ticketId}/confirm-closure-no-1`)
+    } else if(req.session.data["confirmClosureStatus"] == "no-2"){
+      res.redirect(`/${req.params.ticketId}/confirm-closure-no-2`);
+    } else {
+      res.redirect(`/${req.params.ticketId}/${req.session.data["confirmClosureStatus"]}`);
+    }
+  })
+
+router.get(
+  "/:ticketId/has-closed-records",
+  function(req, res){
+
+    // req.session.data[req.params.ticketId] = req.session.data[req.params.ticketId] || [];
+    req.session.data['hasClosedRecords'] = req.session.data["has-closed-records"] == "true"
+
+    res.redirect(`/${req.params.ticketId}/upload-checks`)
+  })
+
+router.post(
+  "/:ticketId/metadata-route",
+  function(req, res){
+
+    const route = req.session.data['metadata-route']
+    if (route == "csv"){
+      res.redirect(`/${req.params.ticketId}/upload-csv`)
+    } else {
+      // response.redirect("/ineligible-country")
+    }
+
+  })
+
 router.get(
   "/metadata/descriptive-metadata/confirm-delete-metadata",
   function (req, res) {

app/views/TDR-3731/csv-checks.html

@@ -0,0 +1,66 @@
+{% extends "layouts/main.html" %}
+
+{% block pageTitle %}
+  Checking your metadata
+{% endblock %}
+
+{% block content %}
+
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+
+      <span class="govuk-caption-l">Step 5 of 7</span>
+      <h1 class="govuk-heading-l">
+        Checking your metadata
+      </h1>
+
+      <p class="govuk-body">Please wait while we check your metadata against the uploaded records. This may take a few minutes. </p>
+
+      <div id="checks-banner" class="hidden">
+        <div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+          <div class="govuk-notification-banner__header">
+            <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+              Important
+            </h2>
+          </div>
+          <div class="govuk-notification-banner__content">
+            <h3 class="govuk-notification-banner__heading">
+              Your metadata has been checked.
+            </h3>
+            <p class="govuk-body">Please click 'Continue' to see your results.</p>
+          </div>
+        </div>
+      </div>
+
+      <div class="govuk-button-group">
+        <a href="./csv-results" id="next-step-btn" role="button" disabled="true" draggable="false" class="govuk-button"  data-module="govuk-button">
+          Continue
+        </a>
+      </div>
+
+    </div>
+     <div class="govuk-grid-column-one-third">
+    <details class="govuk-details" data-module="govuk-details">
+      <summary class="govuk-details__summary">
+        <span class="govuk-details__summary-text">
+          Consignment reference
+        </span>
+      </summary>
+      <div class="govuk-details__text">
+        MOCK-123-TDR
+      </div>
+    </details>
+  </div>
+</div>
+
+
+  <script type="text/javascript">
+    setTimeout(() => {
+      const banner = document.getElementById("checks-banner")
+      const button = document.getElementById("next-step-btn")
+      button.removeAttribute("disabled");
+      banner.classList.remove("hidden");
+    }, 5000);
+  </script>
+
+{% endblock %}