Manipulate large volumes of metadata (TDR-2677)

app/assets/sass/application.scss

@@ -9,7 +9,6 @@
 @import './prototype-history.scss';
 @import './folder-upload.scss';
 
-
 .tna-tree__radios-directory__label {
   background-image: url('/public/images/folder.png');
 }
@@ -69,7 +68,7 @@
   float: right;
 }
 
-//file-checks-results.html
+//upload-records-checks-results.html
 .govuk-success-summary {
   @include govuk-text-colour;
   @include govuk-responsive-padding(4);
@@ -490,3 +489,87 @@
   text-align: center;
 }
 
+/**
+ * Task list
+ * - Cannot go into a seperate sass file because mixins are not recognised. :(
+ */
+
+ $govuk-task-list-hover-colour: govuk-colour("light-grey");
+
+.govuk-task-list {
+  @include govuk-font($size: 19);
+  margin-top: 0;
+  @include govuk-responsive-margin(6, "bottom");
+  padding: 0;
+  list-style-type: none;
+}
+
+// This uses table layout so that the task name and status always appear side-by-side, with the width of
+// each 'column' being flexible depending upon the length of the task names and statuses.
+//
+// The position is set to 'relative' so than an absolutely-positioned transparent element box
+// can be added within the link so that the whole row can be clickable.
+.govuk-task-list__item {
+  display: table;
+  position: relative;
+  width: 100%;
+  margin-bottom: 0;
+  padding-top: govuk-spacing(2);
+  padding-bottom: govuk-spacing(2);
+  border-bottom: 1px solid $govuk-border-colour;
+}
+
+.govuk-task-list__item:first-child {
+  border-top: 1px solid $govuk-border-colour;
+}
+
+// This class is added to the <li> elements where the task name is a link.
+// The background hover colour is added to help indicate that the whole row is clickable, rather
+// than just the visible link text.
+.govuk-task-list__item--with-link:hover {
+  background: $govuk-task-list-hover-colour;
+}
+
+.govuk-task-list__task-name-and-hint {
+  display: table-cell;
+  vertical-align: top;
+  @include govuk-text-colour;
+}
+
+.govuk-task-list__status {
+  display: table-cell;
+  padding-left: govuk-spacing(2);
+  text-align: right;
+  vertical-align: top;
+  @include govuk-text-colour;
+}
+
+.govuk-task-list__status--cannot-start-yet {
+  color: $govuk-secondary-text-colour;
+}
+
+// This adds an empty transparent box covering the whole row, including the task status and
+// any hint text. Because this is generated within the link element, this allows the whole area
+// to be clickable.
+.govuk-task-list__link::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.govuk-task-list__task_hint {
+  margin-top: govuk-spacing(1);
+  color: $govuk-secondary-text-colour;
+}
+
+.govuk-task-list__link {
+  color: $govuk-link-colour;
+}
+
+.tdr-aside {
+  border-top: 2px solid $govuk-link-colour;
+}

app/routes.js

@@ -476,7 +476,26 @@ router.get(
 );
 
 router.post(
-  "/prototype-versions/clear-data",
+  "/transfer-tasks",
+  function (req, res) {
+
+    if(req.session.data['redirect-to'] ){
+      const redirectTo = req.session.data['redirect-to'];
+      delete req.session.data['redirect-to'];
+      res.redirect(redirectTo);
+    } else {
+      res.render("transfer-tasks")
+    }
+
+  }
+);
+
+router.all('/*/j/:journeyid', (req, res, next) => {
+  req.session.data.journeyid = req.params.journeyid;
+  res.redirect("/"+req.params[0]+"?journey="+req.params['journeyid']);
+})
+
+router.post("/prototype-versions/clear-data",
   function (req, res) {
     req.session.data = {};
     res.redirect("/prototype-versions/data-cleared");

app/views/confirm-transfer.html

@@ -0,0 +1,76 @@
+{% extends "layouts/main.html" %}
+
+{% block pageTitle %}
+  Confirm transfer - MOCK-TDR-1294 - Transfer Digital Records
+{% endblock %}
+
+{% block beforeContent %}
+  <a href="./transfer-tasks" class="govuk-back-link">Consignment: MOCK-TDR-1294</a>
+{% endblock %}
+
+{% block content %}
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds-from-desktop">
+
+      <span class="govuk-caption-l">Consignment: MOCK-TDR-1294</span>
+      <h1 class="govuk-heading-l">Confirm your transfer</h1>
+
+      <p class="govuk-body">Here is a summary of your consignment.</p>
+
+
+      {{ govukSummaryList({
+        rows: [
+          {
+            key: {  text: "Series reference" },
+            value: { text: data['series'] }
+          },
+          {
+            key: {  text: "Consignment reference" },
+            value: { text: "MOCK-TDR-1294" }
+          },
+          {
+            key: {  text: "Transferring body" },
+            value: { text: "Test Department" }
+          },
+          {
+            key: {  text: "Records uploaded" },
+            value: { text: "1200" }
+          },
+          {
+            key: {  text: "Closed records" },
+            value: { text: "20" }
+          },
+          {
+            key: {  text: "Records with additional metadata" },
+            value: { text: "223" }
+          }
+        ]
+      }) }}
+
+
+        <div class="govuk-form-group">
+          <fieldset class="govuk-fieldset" aria-describedby="waste-hint">
+            <div class="govuk-checkboxes">
+              <div class="govuk-checkboxes__item">
+                <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="mines">
+                <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+                  By proceeding with this transfer, I confirm that I am agreeing to transfer legal custody of these records to The National Archives.
+                </label>
+              </div>
+            </div>
+
+          </fieldset>
+        </div>
+
+      <form class="form" action="/transfer-confirmation" method="post">
+        <input type="hidden" name="transfer-status" value="confirmed" />
+        <div class="govuk-button-group">
+          <button type="submit" class="govuk-button" data-module="govuk-button">
+            Transfer your records
+          </button>
+        </div>
+      </form>
+
+    </div>
+  </div>
+{% endblock %}

app/views/file-upload-restrictions.html

@@ -0,0 +1,48 @@
+{% extends "layouts/main.html" %}
+{% from "govuk/components/warning-text/macro.njk" import govukWarningText %}
+{% from "govuk/components/pagination/macro.njk" import govukPagination %}
+
+
+{% block pageTitle %}
+  File upload restrictions - MOCK-TDR-1294 - Transfer Digital Records
+{% endblock %}
+
+{% block beforeContent %}
+  <a href="./transfer-tasks" class="govuk-back-link">Consignment: MOCK-TDR-1294</a>
+{% endblock %}
+
+{% block content %}
+
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+
+      <span class="govuk-caption-l">Consignment: MOCK-TDR-1294</span>
+      <h1 class="govuk-heading-l">File upload restrictions</h1>
+
+
+      <h2 class="govuk-heading-m">File size restrictions</h2>
+
+      <p class="govuk-body">There is a size limit of 2GB for an individual file and we ask that you upload no more than 500,000 files per consignment.</p>
+      <p class="govuk-body">If you need to transfer larger files, contact us at <a class="govuk-link" href="mailto:[email protected]">[email protected]</a>.</p>
+
+      <h2 class="govuk-heading-m">Files and folders we cannot accept</h2>
+
+      <p class="govuk-body">We cannot accept files and folders which are password protected, zipped or contain slashes (/ and \) in the name. You must remove all thumbnail images (thumbs.db) and executable files (.exe). Empty folders will not be transferred.</p>
+
+      {{ govukWarningText({
+        html: "If your folder contains files that we cannot accept, you may have to start the transfer again.",
+        iconFallbackText: "Warning"
+      }) }}
+
+      {{ govukPagination({
+        next: {
+          labelText: "Complete transfer agreement",
+          href: "/transfer-agreement"
+        }
+      }) }}
+
+
+    </div>
+  </div>
+
+{% endblock %}

app/views/home.html

@@ -29,7 +29,7 @@ <h1 class="govuk-heading-l govuk-!-margin-bottom-9">
       </h1>
 
       <h2 class="govuk-heading-m">Upload your records to start a new transfer</h2>
-      <a href="series.html" role="button" draggable="false" class="govuk-button"  data-module="govuk-button">
+      <a href="/transfer-tasks" role="button" draggable="false" class="govuk-button"  data-module="govuk-button">
         Start new transfer
       </a>