Merge pull request #1472 from bcgov/stories/ecer-5180

ecer-5180 manage submission card on dashboard

Author: SoLetsDev

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/IcraCard.vue

@@ -1,8 +1,8 @@
 <template>
-  <v-card :rounded="!isRounded ? '0' : ''" flat color="primary">
+  <v-card :rounded="!isRounded ? '0' : ''" flat color="primary" :variant="icraStore.icraEligibilityStatus === undefined ? 'outlined' : undefined">
     <v-card-item class="ma-4">
-      <h2 class="text-white">{{ title }}</h2>
-      <p class="small text-white mt-4">
+      <h2 :class="{ 'text-white': icraStore.icraEligibilityStatus !== undefined }">{{ title }}</h2>
+      <p :class="{ small: true, 'mt-4': true, 'text-white': icraStore.icraEligibilityStatus !== undefined }">
         {{ subTitle }}
       </p>
     </v-card-item>
@@ -30,6 +30,9 @@
           Manage submission
         </v-btn>
       </v-card-actions>
+      <v-card-actions v-else-if="icraStore.icraEligibilityStatus === undefined">
+        <router-link :to="{ name: 'icra-eligibility' }">Learn more</router-link>
+      </v-card-actions>
     </div>
   </v-card>
 </template>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/IcraEligibilityCard.vue

@@ -43,7 +43,6 @@ export default defineComponent({
 
     return {
       smAndUp,
-
       router,
     };
   },

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/IcraEligibilityManageWorkExperienceReferences.vue

@@ -67,17 +67,14 @@
       <v-row v-if="applications && userStore.isVerified && (showApplicationCard || showIcraEligibilityCard)" justify="center">
         <v-col>
           <v-row>
-            <v-col v-if="showIcraEligibilityCard" cols="12" :sm="showTransferCard ? 6 : 12">
-              <IcraEligibilityCard @cancel-application="showCancelDialog = true" />
-            </v-col>
-            <v-col v-else-if="showApplicationCard" cols="12" :sm="showTransferCard ? 6 : 12">
+            <v-col v-if="showApplicationCard" cols="12" :sm="showTransferCard ? 6 : 12">
               <ApplicationCard @cancel-application="showCancelDialog = true" />
             </v-col>
             <v-col v-if="showTransferCard" cols="12" sm="6">
               <TransferCard />
             </v-col>
-            <v-col v-if="showIcraCard" cols="12" sm="6">
-              <IcraCard />
+            <v-col v-if="showIcraEligibilityCard" cols="12" :sm="showTransferCard ? 6 : 12">
+              <IcraEligibilityCard />
             </v-col>
           </v-row>
         </v-col>
@@ -223,7 +220,6 @@ import ActionCard from "@/components/ActionCard.vue";
 import Alert from "@/components/Alert.vue";
 import ApplicationCard from "@/components/ApplicationCard.vue";
 import TransferCard from "@/components/TransferCard.vue";
-import IcraCard from "@/components/IcraCard.vue";
 import IcraEligibilityCard from "@/components/IcraEligibilityCard.vue";
 import CertificationCard from "@/components/CertificationCard.vue";
 import ConfirmationDialog from "@/components/ConfirmationDialog.vue";
@@ -250,7 +246,6 @@ export default defineComponent({
     PageContainer,
     ApplicationCard,
     TransferCard,
-    IcraCard,
     IcraEligibilityCard,
     CertificationCard,
     ECEHeader,
@@ -343,6 +338,10 @@ export default defineComponent({
         return false;
       }
 
+      if (this.icraStore.hasIcraEligibilityInProcess) {
+        return false;
+      }
+
       return (
         this.applicationStore.applicationStatus === undefined ||
         this.applicationStore.applicationStatus === "Draft" ||
@@ -358,20 +357,21 @@ export default defineComponent({
         !this.icraStore.hasSubmittedIcraEligibility
       );
     },
-    showIcraCard(): boolean {
-      return (
-        (this.configurationStore.applicationConfiguration.icraFeatureEnabled ?? false) &&
-        !this.applicationStore.hasApplication &&
-        !this.applicationStore.hasDraftApplication &&
-        !this.icraStore.hasDraftIcraEligibility &&
-        !this.icraStore.hasSubmittedIcraEligibility
-      );
-    },
     showIcraEligibilityCard(): boolean {
-      return (
-        (this.configurationStore.applicationConfiguration.icraFeatureEnabled ?? false) &&
-        (this.icraStore.hasDraftIcraEligibility || this.icraStore.hasSubmittedIcraEligibility)
-      );
+      if (this.configurationStore.applicationConfiguration.icraFeatureEnabled === false) {
+        return false;
+      }
+      if (this.certificationStore.hasCertifications && this.icraStore.icraEligibilityStatus === undefined) {
+        return false;
+      }
+      // do not show if there is an application in process
+      if (this.applicationStore.hasApplication || this.applicationStore.hasDraftApplication) {
+        return false;
+      }
+      if (this.icraStore.hasIcraEligibilityInProcess || this.icraStore.icraEligibilityStatus === undefined) {
+        return true;
+      }
+      return false;
     },
     showLoading(): boolean {
       return (

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/Dashboard.vue

@@ -44,6 +44,15 @@ export const useIcraStore = defineStore("icra", {
         state.icraEligibility?.status === "ReadyforAssessment"
       );
     },
+    hasIcraEligibilityInProcess(state): boolean {
+      return (
+        state.icraEligibility?.status === "Submitted" ||
+        state.icraEligibility?.status === "InReview" ||
+        state.icraEligibility?.status === "ReadyforReview" ||
+        state.icraEligibility?.status === "ReadyforAssessment" ||
+        state.icraEligibility?.status === "Draft"
+      );
+    },
   },
   actions: {
     async fetchIcraEligibilities() {