Feat/admin 2551 update application view in line with character update…

…s in application form (#2578) * update qualification info fields * amend character information wordings * fix
jac-uk · Oct 9, 2024 · dd4bfb1 · dd4bfb1
1 parent d72d0b0
commit dd4bfb1
Show file tree

Hide file tree

Showing 5 changed files with 806 additions and 6 deletions.
diff --git a/src/components/Page/InformationReviewSectionRenderer.vue b/src/components/Page/InformationReviewSectionRenderer.vue
@@ -35,7 +35,7 @@
               v-if="key != 'taskDetails' && key != 'judicialFunctions' && key != 'details' && key != 'startDate' || (edit && key == 'startDate' && showDateRange)"
               class="govuk-summary-list__key widerColumn"
             >
-              {{ $filters.lookup(key) }}
+              {{ lookup(key) }}
             </dt>
             <dt
               v-else-if="key == 'details'"
@@ -456,6 +456,11 @@ export default {
       required: false,
       default: true,
     },
+    customisedLookup: {
+      type: Object,
+      required: false,
+      default: () => {},
+    },
   },
   emits: ['changeField', 'changeTaskDetails', 'changeJudicialFunctions', 'addField', 'removeField'],
   data() {
@@ -523,6 +528,12 @@ export default {
       this.currentIndex = index;
       this.$refs.removeModal.openModal();
     },
+    lookup(key) {
+      if (this.customisedLookup && this.customisedLookup[key]) {
+        return this.customisedLookup[key];
+      }
+      return this.$filters.lookup(key);
+    },
   },
 };
 </script>

diff --git a/src/views/Exercise/Applications/Application.vue b/src/views/Exercise/Applications/Application.vue
@@ -438,7 +438,9 @@ export default {
       return isNonLegal(this.exercise);
     },
     correctCharacterInformation() {
-      if (this.applicationVersion >= 2) {
+      if (this.characterInformationVersion === 3) {
+        return this.application.characterInformationV3 || {};
+      } else if (this.applicationVersion >= 2) {
         return this.application.characterInformationV2 || {};
       } else {
         return this.application.characterInformation || {};
@@ -454,6 +456,10 @@ export default {
       return this.exercise._applicationVersion || 1;
     },
     characterInformationVersion() {
+      // All exercises launching on or after 15/10/24 use the V3 Character questions
+      if (this.exercise.applicationOpenDate > new Date('2023-10-15')) {
+        return 3;
+      }
       return this.applicationVersion >= 2 ? 2 : 1;
     },
     applications() {

diff --git a/src/views/InformationReview/CharacterInformationSummary.vue b/src/views/InformationReview/CharacterInformationSummary.vue
@@ -30,6 +30,19 @@
           />
         </div>
       </dl>
+      <dl
+        v-else-if="isVersion3"
+        class="govuk-summary-list"
+      >
+        <div>
+          <CharacterInformationSummaryV3
+            :form-data="characterInformation || {}"
+            :edit="editable"
+            :is-asked="isAsked"
+            @change-info="changeCharacterInfo"
+          />
+        </div>
+      </dl>
       <dl v-else>
         <div>
           <CharacterInformationSummaryV1
@@ -47,12 +60,14 @@
 <script>
 import CharacterInformationSummaryV1 from '@/views/InformationReview/CharacterInformationSummaryV1.vue';
 import CharacterInformationSummaryV2 from '@/views/InformationReview/CharacterInformationSummaryV2.vue';
+import CharacterInformationSummaryV3 from '@/views/InformationReview/CharacterInformationSummaryV3.vue';
 
 export default {
   name: 'CharacterInformationSummary',
   components: {
     CharacterInformationSummaryV1,
     CharacterInformationSummaryV2,
+    CharacterInformationSummaryV3,
   },
   props: {
     characterInformation: {
@@ -77,6 +92,9 @@ export default {
   },
   emits: ['updateApplication'],
   computed: {
+    isVersion3() {
+      return this.version === 3;
+    },
     isVersion2() {
       return this.version === 2;
     },
@@ -93,12 +111,12 @@ export default {
       }
     },
     changeCharacterInfo(obj) {
-      let myCharacterInfo;
-      if (this.isVersion2) {
-        myCharacterInfo = { ...this.characterInformation, ...obj };
+      const myCharacterInfo = { ...this.characterInformation, ...obj };
+      if (this.isVersion3) {
+        this.$emit('updateApplication', { characterInformationV3: myCharacterInfo });
+      } else if (this.isVersion2) {
         this.$emit('updateApplication', { characterInformationV2: myCharacterInfo });
       } else {
-        myCharacterInfo = { ...this.characterInformation, ...obj };
         this.$emit('updateApplication', { characterInformation: myCharacterInfo });
       }
     },