Ccfri 3660 improve report change (#618) and CCFRI 4426 add text box to MTFI

* Info page removed, subtitle banner changed for MTFI, wording updates, update BCSSEA links to be dynamic

* align mtfi UI so it matches between pages, moved bcssa link to common.js

* centered text on AFS page

* centered some more text

* small fix so licence number is displayed on AFS MTFI page

* CCFRI-4426-add-text-box-mtfi

* Comments from Wes

* added text field to MTFI summary (#619)

---------

Co-authored-by: Panika-cgi <[email protected]>

Author: jenbeckett

frontend/public/styles/common.css

@@ -163,6 +163,10 @@ h5.text-h6,
 p.text-h6,
 span.text-h6,
 div.text-body-1,
+p,
+ul,
+li,
+ol,
 div.text-body-2 {
   font-family: "BCSans", Verdana, Arial, sans-serif;
 }

frontend/src/components/LandingPage.vue

@@ -182,7 +182,7 @@
         <SmallCard :disable="!isReportChangeButtonEnabled">
           <template #content>
             <p class="text-h6">Request a change</p>
-            <p>Submit a request to change your Organization, licence, service details, or Parent Fee information.</p>
+            <p>Submit a request to change your Organization, licence, service detail, or parent fee information.</p>
           </template>
           <template #button>
             <v-row no-gutters>
@@ -192,7 +192,11 @@
                 </v-btn>
               </v-col>
               <v-col class="col-12">
-                <v-btn :class="buttonColor(!isReportChangeButtonEnabled)" theme="dark" @click="goToReportChange()">
+                <v-btn
+                  :class="buttonColor(!isReportChangeButtonEnabled)"
+                  theme="dark"
+                  @click="goToChangeRequestHistory()"
+                >
                   Request a change
                 </v-btn>
               </v-col>
@@ -618,9 +622,6 @@ export default {
       this.setIsRenewal(true);
       this.$router.push(pcfUrl(PATHS.RENEW_CONFIRM, this.getNextProgramYear?.programYearId));
     },
-    goToReportChange() {
-      this.$router.push(PATHS.ROOT.CHANGE_INFO);
-    },
     goToChangeRequestHistory() {
       this.$router.push(PATHS.ROOT.CHANGE_LANDING + '#change-request-history');
     },

frontend/src/components/ccfriApplication/AFS/ApprovableFeeSchedule.vue

@@ -28,7 +28,7 @@
             :license-number="currentFacility?.licenseNumber"
             class="mb-10"
           />
-          <div class="mt-8">
+          <div class="mt-8 text-center">
             <div class="mb-4">
               Thank you for working with us while we completed the assessment of your application for the Child Care Fee
               Reduction Initiative (CCFRI). This schedule is to inform you of the approvable parent fees for your
@@ -161,9 +161,19 @@ export default {
       'applicationUploadedDocuments',
     ]),
     ...mapState(useCcfriAppStore, ['approvableFeeSchedules']),
-    ...mapState(useNavBarStore, ['navBarList', 'nextPath', 'previousPath', 'isChangeRequest']),
+    ...mapState(useNavBarStore, [
+      'navBarList',
+      'nextPath',
+      'previousPath',
+      'isChangeRequest',
+      'getNavByCCFRIId',
+      'userProfileList',
+    ]),
     currentFacility() {
-      return this.navBarList?.find((el) => el.ccfriApplicationId === this.$route.params.urlGuid);
+      //navBarList populates from the Change Action entity for MTFI. This entity does not store licenseNumber, so find it in userProfileList so it can be displayed
+      const fac = this.getNavByCCFRIId(this.$route.params.urlGuid);
+      fac.licenseNumber = this.userProfileList.find((el) => el.facilityId === fac.facilityId)?.licenseNumber;
+      return fac;
     },
     filteredUploadedDocuments() {
       if (this.isChangeRequest) {

frontend/src/components/ccfriApplication/group/AddNewFees.vue

@@ -13,14 +13,14 @@
         :license-number="currentFacility?.licenseNumber"
         class="mb-10"
       />
-      <p>
+      <p class="text-center">
         Enter the fees you would charge a new parent for full-time care at this facility for the months below.
         <br /><br />
         If you have more than one fee for the same category, <strong> enter the highest fee. </strong><br /><br />
         <strong>Enter the fee before CCFRI is applied. </strong> <br /><br />
         <span v-if="languageYearLabel != programYearTypes.HISTORICAL">
           CCFRI regions align with the BCSSA's grouping of school districts into 6 regional chapters. Use the
-          <a href="https://bcmcf.ca1.qualtrics.com/jfe/form/SV_eVcEWJC8HTelRCS" target="_blank">BCSSA region lookup</a>
+          <a :href="BCSSALink" target="_blank">BCSSA region lookup</a>
           to find your region.</span
         >
         <br /><br />
@@ -542,6 +542,8 @@ import AppDateInput from '@/components/guiComponents/AppDateInput.vue';
 import AppAlertBanner from '@/components/guiComponents/AppAlertBanner.vue';
 import rules from '@/utils/rules.js';
 
+import { getBCSSALink } from '@/utils/common.js';
+
 import {
   PATHS,
   pcfUrlGuid,
@@ -640,6 +642,9 @@ export default {
     languageYearLabel() {
       return this.getLanguageYearLabel;
     },
+    BCSSALink() {
+      return getBCSSALink(this.getLanguageYearLabel);
+    },
     programYearTypes() {
       return PROGRAM_YEAR_LANGUAGE_TYPES;
     },