Merge pull request #1577 from bcgov/tasks/ecer-5327

ecer-5327 icra management page completed, partial completion for refe…

Author: SoLetsDev

src/ECER.Clients.RegistryPortal/ECER.Clients.RegistryPortal.Server/ICRA/ICRAEligibilitiesEndpoints.cs

@@ -155,6 +155,7 @@ public record InternationalCertification
   public IEnumerable<Applications.FileInfo> Files { get; set; } = Array.Empty<Applications.FileInfo>();
   public IEnumerable<string> DeletedFiles { get; set; } = Array.Empty<string>();
   public IEnumerable<string> NewFiles { get; set; } = Array.Empty<string>();
+  public InternationalCertificationStatus Status { get; set; }
 }
 
 public enum CertificateStatus
@@ -186,6 +187,19 @@ public enum ICRAStatus
   ReadyforAssessment
 }
 
+public enum InternationalCertificationStatus
+{
+  ApplicationSubmitted,
+  Approved,
+  Draft,
+  ICRAEligibilitySubmitted,
+  Inactive,
+  InProgress,
+  Rejected,
+  UnderReview,
+  WaitingforResponse,
+}
+
 public record ICRAEligibilitySubmissionRequest(string Id);
 public record SubmitICRAEligibilityResponse(ICRAEligibility Eligibility);
 

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/api/icra.ts

@@ -30,7 +30,20 @@ const createOrUpdateDraftIcraEligibility = async (
   });
 };
 
-const submitIcraEligibilityApplication = async (eligibilityId: string): Promise<ApiResponse<Components.Schemas.SubmitICRAEligibilityResponse | null | undefined>> => {
+const getIcraEligibilityStatus = async (eligibilityId: string): Promise<ApiResponse<Components.Schemas.ICRAEligibilityStatus | null | undefined>> => {
+  const client = await getClient();
+  const pathParameters = {
+    id: eligibilityId,
+  };
+
+  return await apiResultHandler.execute<Components.Schemas.ICRAEligibilityStatus | null | undefined>({
+    request: client.icra_status_get(pathParameters),
+  });
+};
+
+const submitIcraEligibilityApplication = async (
+  eligibilityId: string,
+): Promise<ApiResponse<Components.Schemas.SubmitICRAEligibilityResponse | null | undefined>> => {
   const client = await getClient();
   const body: Components.Schemas.ICRAEligibilitySubmissionRequest = {
     id: eligibilityId,
@@ -42,4 +55,4 @@ const submitIcraEligibilityApplication = async (eligibilityId: string): Promise<
   });
 };
 
-export { createOrUpdateDraftIcraEligibility, getIcraEligibilities, submitIcraEligibilityApplication };
+export { createOrUpdateDraftIcraEligibility, getIcraEligibilities, getIcraEligibilityStatus, submitIcraEligibilityApplication };

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

@@ -2,7 +2,7 @@
   <v-card elevation="0" rounded="0" class="border-t border-b">
     <v-card-text>
       <div class="d-flex" :class="[smAndUp ? 'space-between align-center' : 'flex-column']">
-        <div v-if="!active">
+        <div v-if="!active || !showLink">
           <p>{{ text }}</p>
         </div>
         <a v-else href="#" @click.prevent="buttonClick">
@@ -37,6 +37,11 @@ export default defineComponent({
       type: Function,
       required: true,
     },
+    showLink: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
   },
   setup: async () => {
     const { smAndUp } = useDisplay();

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

@@ -388,6 +388,23 @@ export default defineComponent({
             { title: "Declaration", disabled: true, href: "/icra-eligibility/declaration" },
           ];
 
+        case "manage-icra-eligibility":
+          return [
+            ...this.baseItems,
+            { title: "Apply with international certification", disabled: true, href: `/icra-eligibility/manage/${params.icraEligibilityId}` },
+          ];
+
+        case "manage-icra-eligibility-work-experience-references":
+          return [
+            ...this.baseItems,
+            { title: "Apply with international certification", disabled: false, href: `/icra-eligibility/manage/${params.icraEligibilityId}` },
+            {
+              title: "Employment experience references",
+              disabled: true,
+              href: `/icra-eligibility/manage/${params.icraEligibilityId}/icra-work-experience-references`,
+            },
+          ];
+
         default:
           return this.baseItems;
       }

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

@@ -0,0 +1,53 @@
+<template>
+  <v-container>
+    <Breadcrumb />
+    <h1>Employment experience references</h1>
+    <br />
+    <h2>Provide proof of 2 years of independent ECE practice.</h2>
+    <br />
+    <p>Your employment experience must:</p>
+    <br />
+    <ul class="ml-10">
+      <li>Have been completed within the last 5 years</li>
+      <li>Not overlap (any overlapping employment experience will only be counted once)</li>
+      <li>Have been completed while holding valid ECE certification</li>
+    </ul>
+    <br />
+    <p>If your employment experience was completed at multiple locations:</p>
+    <br />
+    <ul class="ml-10">
+      <li>Provide a reference from each person</li>
+      <li>You may enter up to 6 references</li>
+    </ul>
+  </v-container>
+</template>
+<script>
+import { defineComponent } from "vue";
+import { useRouter } from "vue-router";
+import { useDisplay } from "vuetify";
+
+import Breadcrumb from "@/components/Breadcrumb.vue";
+
+export default defineComponent({
+  name: "ManageWorkExperienceReferenceList",
+  components: { Breadcrumb },
+  props: {
+    icraEligibilityId: {
+      type: String,
+      required: true,
+    },
+  },
+  setup: async (props) => {
+    const { smAndUp } = useDisplay();
+    const router = useRouter();
+
+    return {
+      smAndUp,
+
+      router,
+    };
+  },
+  computed: {},
+  methods: {},
+});
+</script>