fixed unlock not working for ccfri NEW fac CR, Update PCF button, add…

… facility ID on pages

frontend/src/components/LandingPage.vue

@@ -110,7 +110,7 @@
         </v-card>
       </v-dialog>
 
-      <SmallCard :class="smallCardLayout('RENEW')" :title="`Renew my funding agreement for ${renewalYearLabel}`" :disable="!isRenewEnabled ">
+      <SmallCard :class="smallCardLayout('RENEW')" :title="`Renew my funding agreement for ${renewalYearLabel}`" :disable="!(ccofRenewStatus === RENEW_STATUS_ACTION_REQUIRED || isRenewEnabled) ">
         <template #content>
           <!-- <p class="text-h6">Renew my Funding Agreement {{ renewalYearLabel }}</p> -->
           <p class="text-h6">Renew my Funding Agreement {{ getRenewYearLabel }}</p>
@@ -136,7 +136,7 @@
             <!-- {{ isRenewEnabled }} -->
             <v-btn :color='buttonColor(!isRenewEnabled)' dark v-if="ccofRenewStatus === RENEW_STATUS_NEW" @click="renewApplication()">Renew my Funding Agreement </v-btn>
             <v-btn :color='buttonColor(!isRenewEnabled)' dark v-else-if="ccofRenewStatus === RENEW_STATUS_CONTINUE" @click="continueRenewal()">Continue Renewal</v-btn>
-            <v-btn :color='buttonColor(!isRenewEnabled)' dark v-else-if="ccofRenewStatus === RENEW_STATUS_ACTION_REQUIRED" @click="actionRequiredOrganizationRoute()">Update your PCF</v-btn>
+            <v-btn :color='buttonColor(false)' dark v-else-if="ccofRenewStatus === RENEW_STATUS_ACTION_REQUIRED" @click="actionRequiredOrganizationRoute()">Update your PCF</v-btn>
             <v-btn :color='buttonColor(true)' :disabled=true v-else>Renew my Funding Agreement</v-btn>
           </div>
         </template>

frontend/src/components/RFI/NMF.vue

@@ -192,10 +192,12 @@ export default {
   computed: {
     ...mapState('application', ['formattedProgramYear']),
     ...mapState('nmfApp', ['nmfModel']),
+    ...mapState('navBar', ['navBarList']),
     ...mapGetters('navBar', ['nextPath', 'previousPath', 'getNavByCCFRIId']),
     ...mapGetters('app', [ 'getFundingUrl']),
     currentFacility(){
-      return this.getNavByCCFRIId(this.$route.params.urlGuid);
+      //return this.getNavByCCFRIId(this.$route.params.urlGuid);
+      return this.navBarList.find(el => el.ccfriApplicationId == this.$route.params.urlGuid );
     },
     isReadOnly(){
       return (!this.currentFacility.unlockNmf);

frontend/src/components/RFI/RFILanding.vue

@@ -10,6 +10,8 @@
     </v-container>
     <v-container v-else>
 
+      {{isFormComplete}}
+
       <div class="pt-4 text-center">
         <p class="text-h5">Child Care Operating Funding Program - {{ formattedProgramYear }} Program Confirmation
           Form</p>
@@ -1597,13 +1599,14 @@ export default {
     ...mapState('rfiApp', ['rfiModel', 'loadedModel']),
     ...mapState('app', ['programYearList']),
     ...mapState('application', ['formattedProgramYear', 'applicationStatus', 'applicationId', 'programYearId']),
-    ...mapState('navBar',['changeRequestId']),
+    ...mapState('navBar',['changeRequestId', 'navBarList']),
     ...mapGetters('supportingDocumentUpload', ['getUploadedDocuments']),
     ...mapGetters('navBar', ['nextPath', 'previousPath', 'getNavByCCFRIId','isChangeRequest']),
     ...mapGetters('reportChanges',['changeRequestStatus']),
     ...mapGetters('app', [ 'getFundingUrl', 'getLanguageYearLabel']),
     currentFacility() {
-      return this.getNavByCCFRIId(this.$route.params.urlGuid);
+      //return this.getNavByCCFRIId(this.$route.params.urlGuid);
+      return this.navBarList.find(el => el.ccfriApplicationId == this.$route.params.urlGuid );
     },
     fundingUrl(){
       return this.getFundingUrl(this.programYearId);

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

@@ -7,9 +7,13 @@
       </div>
       <br>
       <div class="row pt-4 justify-center">
-      <span class="text-h5">Child Care Fee Reduction Initiative (CCFRI)</span>
+        <span class="text-h5">Child Care Fee Reduction Initiative (CCFRI)</span>
+      </div>
+    <br>
+    <div class="row pt-4 justify-center" v-if="currentFacility.facilityAccountNumber">
+        <span class="text-h5">{{currentFacility.facilityAccountNumber}}</span>
     </div>
-    <br><br>
+    <br>
       <p class="text-h5 text-center" style="color: rgb(0, 52, 102)"> Facility Name:  {{currentFacility.facilityName}}  </p> <br><br>
       <p>
         Enter the fees you charged a new parent for full-time care at this facility for the months below. <br><br>
@@ -541,11 +545,12 @@ export default {
       return PROGRAM_YEAR_LANGUAGE_TYPES;
     },
     currentFacility(){
-      if (this.getNavByCCFRIId(this.$route.params.urlGuid)){
-        return this.getNavByCCFRIId(this.$route.params.urlGuid);
-      }
-      //if viewing historical CR - getNavByCCFRID will not work because fac won't be in userProfile. Load from navBarList instead
-      else return this.navBarList.find(el => el.ccfriApplicationId == this.$route.params.urlGuid );
+      // if (this.getNavByCCFRIId(this.$route.params.urlGuid)){
+      //   return this.getNavByCCFRIId(this.$route.params.urlGuid);
+      // }
+      // //if viewing historical CR - getNavByCCFRID will not work because fac won't be in userProfile. Load from navBarList instead
+      // else
+      return this.navBarList.find(el => el.ccfriApplicationId == this.$route.params.urlGuid );
     },
     fundingUrl(){
       return this.getFundingUrl(this.programYearId);

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

@@ -24,11 +24,12 @@
         <!-- <v-skeleton-loader max-height="475px" v-if="!facilityList" :loading="loading"  type="image, image, image"></v-skeleton-loader> -->
 
         <v-card elevation="4" class="py-2 px-5 mx-2 my-10 rounded-lg col-12 " min-width="500px" rounded tiled exact tile
-          :ripple="false" v-for="({ facilityName, facilityId, licenseNumber, ccfriOptInStatus }, index) in navBarList"
+          :ripple="false" v-for="({ facilityName, facilityId, licenseNumber, ccfriOptInStatus, facilityAccountNumber }, index) in navBarList"
           :key="facilityId">
           <v-card-text>
             <v-row>
               <v-col cols="" class="col-12 col-md-7">
+                <p class="text--primary " v-if="facilityAccountNumber"><strong>  {{ facilityAccountNumber }}</strong></p>
                 <p class="text--primary "><strong> Facility Name: {{ facilityName }}</strong></p>
                 <p class="text--primary"> Licence: {{ licenseNumber }}</p>
                 <strong>

frontend/src/mixins/facilityMixin.js

@@ -38,7 +38,7 @@ export default {
     isModelEmpty() {
       return !(Object.values(this.model)?.some(item => item));
     },
-},
+  },
   async beforeRouteLeave(_to, _from, next) {
     if (!this.isModelEmpty) {
       await this.save(false);