From 374c4bb4a060ee89056e18d5ab60dd6097373fe1 Mon Sep 17 00:00:00 2001
From: warrensearle <warren@precise-minds.co.uk>
Date: Tue, 28 Feb 2023 12:40:51 +0000
Subject: [PATCH] #1911 Enable QTs to be set up while exercise is still open
 (#1920)

* #1911 Enable QTs to be set up whilst exercise is still open

* Tidy up wording and font size
---
 src/views/Exercise/Tasks/Task/New/default.vue | 70 +++++++++++--------
 .../Exercise/Tasks/Task/TestActivated.vue     |  8 ++-
 .../Exercise/Tasks/Task/TestInitialised.vue   | 14 ++--
 3 files changed, 52 insertions(+), 40 deletions(-)

diff --git a/src/views/Exercise/Tasks/Task/New/default.vue b/src/views/Exercise/Tasks/Task/New/default.vue
index 8a7bd2983..d03f3f20a 100644
--- a/src/views/Exercise/Tasks/Task/New/default.vue
+++ b/src/views/Exercise/Tasks/Task/New/default.vue
@@ -5,45 +5,32 @@
     </h1>
 
     <p
-      class="govuk-body-l"
+      class="govuk-body"
     >
-      Please check the following details before continuing
+      Please confirm the following
     </p>
 
-    <div class="govuk-grid-row">
-      <div class="govuk-grid-column-one-half">
-        <div class="panel govuk-!-margin-bottom-5 govuk-!-padding-4 background-light-grey">
-          <div class="govuk-caption-m">
-            Applications <span v-if="entryStatus">({{ entryStatus | lookup }})</span>
-          </div>
-          <h2
-            class="govuk-heading-m govuk-!-margin-bottom-0"
-          >
-            {{ totalApplications }}
-          </h2>
-        </div>
-      </div>
+    <Checkbox
+      v-for="(timelineTask, index) in timelineTasks"
+      :id="`timelineTask-${index}`"
+      :key="`timelineTask-${index}`"
+      v-model="formData.timelineTasks[index]"
+    >
+      {{ timelineTask.entry }} will happen on {{ timelineTask.dateString }}
+    </Checkbox>
 
-      <div
-        v-for="(timelineTask, index) in timelineTasks"
-        :key="`timelineTask-${index}`"
-        class="govuk-grid-column-one-half"
-      >
-        <div class="panel govuk-!-margin-bottom-5 govuk-!-padding-4 background-light-grey">
-          <span class="govuk-caption-m">{{ timelineTask.entry }}</span>
-          <h2
-            class="govuk-heading-m govuk-!-margin-bottom-0"
-          >
-            {{ timelineTask.dateString }}
-          </h2>
-        </div>
-      </div>
-    </div>
+    <Checkbox
+      v-if="entryStatus"
+      id="entryStatus"
+      v-model="formData.entryStatus"
+    >
+      Only '{{ entryStatus | lookup }}' applications will be included
+    </Checkbox>
 
     <ActionButton
       class="govuk-!-margin-bottom-0"
       type="primary"
-      :disabled="!totalApplications"
+      :disabled="!isFormCompleted"
       @click="btnInitialise"
     >
       Continue
@@ -56,11 +43,13 @@ import { btnNext } from '../helper';
 import { TASK_TYPE } from '@/helpers/constants';
 import { taskEntryStatus, previousTaskType, getTimelineTasks } from '@/helpers/exerciseHelper';
 import ActionButton from '@jac-uk/jac-kit/draftComponents/ActionButton';
+import Checkbox from '@jac-uk/jac-kit/draftComponents/Form/Checkbox';
 import { functions } from '@/firebase';
 
 export default {
   components: {
     ActionButton,
+    Checkbox,
   },
   props: {
     type: {
@@ -68,6 +57,14 @@ export default {
       type: String,
     },
   },
+  data() {
+    return {
+      formData: {
+        entryStatus: null,
+        timelineTasks: [],
+      },
+    };
+  },
   computed: {
     exercise() {
       return this.$store.state.exerciseDocument.record;
@@ -97,6 +94,17 @@ export default {
       }
       return 0;
     },
+    isFormCompleted() {
+      let expectedLength = 0;
+      let actualLength = 0;
+      if (this.entryStatus) {
+        expectedLength += 1;
+        if (this.formData.entryStatus === true) actualLength += 1;
+      }
+      expectedLength += this.timelineTasks.length;
+      actualLength += this.formData.timelineTasks.length;
+      return expectedLength === actualLength;
+    },
   },
   methods: {
     btnNext,
diff --git a/src/views/Exercise/Tasks/Task/TestActivated.vue b/src/views/Exercise/Tasks/Task/TestActivated.vue
index acc049c21..e4c5a3ab0 100644
--- a/src/views/Exercise/Tasks/Task/TestActivated.vue
+++ b/src/views/Exercise/Tasks/Task/TestActivated.vue
@@ -3,13 +3,15 @@
     <h1 class="govuk-heading-l">
       {{ type | lookup }}
     </h1>
-    <p class="govuk-body-l govuk-!-margin-bottom-4">
-      This test is hosted on the
+    <p class="govuk-body govuk-!-margin-bottom-4">
+      Please log in to the
       <a
         :href="testAdminURL"
         target="_blank"
       >
-        QT Platform</a>.
+        QT Platform</a> to run and manage the {{ type | lookup }}.
+    </p>
+    <p class="govuk-body govuk-!-margin-bottom-4">
       When the test and mop-ups have been completed you may continue.
     </p>
     <ActionButton
diff --git a/src/views/Exercise/Tasks/Task/TestInitialised.vue b/src/views/Exercise/Tasks/Task/TestInitialised.vue
index 4af3ebe05..20fc22c16 100644
--- a/src/views/Exercise/Tasks/Task/TestInitialised.vue
+++ b/src/views/Exercise/Tasks/Task/TestInitialised.vue
@@ -3,22 +3,24 @@
     <h1 class="govuk-heading-l">
       {{ type | lookup }}
     </h1>
-    <p class="govuk-body-l govuk-!-margin-bottom-4">
-      This test is hosted on the
+    <p class="govuk-body govuk-!-margin-bottom-4">
+      Please log in to the
       <a
         :href="testAdminURL"
         target="_blank"
       >
-        QT Platform</a>.
+        QT Platform</a> to set up the {{ type | lookup }}.
+    </p>
+    <p class="govuk-body govuk-!-margin-bottom-4">
       When all applications are ready please transfer them to the QT Platform.
     </p>
     <ActionButton
       type="primary"
       @click="updateTask"
     >
-      Transfer {{ totalApplications }} applications to the QT Platform
+      Transfer applications to the QT Platform
     </ActionButton>
-    <div class="panel govuk-!-margin-top-6 govuk-!-margin-bottom-6 govuk-!-padding-4 background-light-grey">
+    <!-- <div class="panel govuk-!-margin-top-6 govuk-!-margin-bottom-6 govuk-!-padding-4 background-light-grey">
       <div class="govuk-caption-m">
         URL for candidates to take this test
       </div>
@@ -33,7 +35,7 @@
       >
         Copy URL to clipboard
       </ActionButton>
-    </div>
+    </div> -->
   </div>
 </template>