Merge pull request #1275 from bcgov/stories/ecer-4383

Stories/ecer 4383

Author: farzadnadiri

src/ECER.Clients.RegistryPortal/ECER.Clients.RegistryPortal.Server/ConfigurationEndpoints.cs

@@ -28,6 +28,15 @@ public void Register(IEndpointRouteBuilder endpointRouteBuilder)
       .WithOpenApi("Handles province queries", string.Empty, "province_get")
       .CacheOutput(p => p.Expire(TimeSpan.FromMinutes(5)));
 
+
+    endpointRouteBuilder.MapGet("/api/defaultContents", async (HttpContext ctx, IMediator messageBus, IMapper mapper, CancellationToken ct) =>
+    {
+      var results = await messageBus.Send(new DefaultContentsQuery(), ct);
+      return TypedResults.Ok(mapper.Map<IEnumerable<DefaultContent>>(results.Items));
+    })
+     .WithOpenApi("Handles default contents", string.Empty, "defaultContent_get")
+     .CacheOutput(p => p.Expire(TimeSpan.FromMinutes(5)));
+
     endpointRouteBuilder.MapGet("/api/countrylist", async (HttpContext ctx, IMediator messageBus, IMapper mapper, CancellationToken ct) =>
     {
       var results = await messageBus.Send(new CountriesQuery(), ct);
@@ -134,3 +143,9 @@ public record ComparisonRecord()
     public OutOfProvinceCertificationType? TransferringCertificate { get; set; }
     public IEnumerable<CertificationComparison> Options { get; set; } = Array.Empty<CertificationComparison>();
   }
+public record DefaultContent
+{
+  public string? Name { get; set; }
+  public string? SingleText { get; set; }
+  public string? MultiText { get; set; }
+}

src/ECER.Clients.RegistryPortal/ECER.Clients.RegistryPortal.Server/ConfigurationMapper.cs

@@ -14,5 +14,6 @@ public ConfigurationMapper()
     CreateMap<Managers.Admin.Contract.Metadatas.OutOfProvinceCertificationType, OutOfProvinceCertificationType>().ReverseMap();
     CreateMap<Managers.Admin.Contract.Metadatas.CertificationComparison, CertificationComparison>().ReverseMap();
     CreateMap<Managers.Admin.Contract.Metadatas.ComparisonRecord, ComparisonRecord>().ReverseMap();
+    CreateMap<Managers.Admin.Contract.Metadatas.DefaultContent, DefaultContent>().ReverseMap();
   }
 }

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/package-lock.json

@@ -6,6 +6,11 @@ const getConfiguration = async (): Promise<Components.Schemas.ApplicationConfigu
   return (await client.configuration_get()).data;
 };
 
+const getDefaultContent = async (): Promise<Components.Schemas.DefaultContent[] | null | undefined> => {
+  const client = await getClient(false);
+  return (await client.defaultContent_get()).data;
+};
+
 const getProvinceList = async (): Promise<Components.Schemas.Province[] | null | undefined> => {
   const client = await getClient(false);
   return (await client.province_get()).data;
@@ -53,4 +58,5 @@ export {
   getRecaptchaSiteKey,
   getSystemMessages,
   getIdentificationTypes,
+  getDefaultContent,
 };

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

@@ -4,25 +4,7 @@
     <h1 class="mb-5">Declaration and consent</h1>
     <p>You must read and agree to the following to apply for certification.</p>
     <br />
-    <ul class="ml-10">
-      <li>I understand that the ECE Registry may require additional information (including supporting documents) in connection with this application.</li>
-      <li>
-        I confirm that the information provided in this application is complete and accurate. I understand if inaccurate information is submitted it may result
-        in the denial of certification.
-      </li>
-      <li>
-        I understand that information in this application or subsequently provided information may be reviewed, audited, and verified for the purpose of
-        determining or auditing my eligibility for an ECE Certificate in British Columbia.
-      </li>
-      <li>
-        I understand that the ECE Registry may take disciplinary actions against me, including action to cancel my certification, if I have, by omission or
-        commission, knowingly given false or misleading information in the course of completing this application.
-      </li>
-      <li>
-        I consent the work experience and character references indicated in this application to provide the ECE Registry with this reference and other
-        information as part of my application for certification.
-      </li>
-    </ul>
+    <p class="ml-10 multiline">{{ configStore.defaultContents.find((content) => content.name == "New BC Recognized Application")?.multiText }}</p>
 
     <v-form ref="declarationForm">
       <v-row>
@@ -59,7 +41,6 @@
 import { DateTime } from "luxon";
 import { defineComponent } from "vue";
 import type { VForm } from "vuetify/components";
-
 import { getProfile } from "@/api/profile";
 import Breadcrumb from "@/components/Breadcrumb.vue";
 import EceCheckbox from "@/components/inputs/EceCheckbox.vue";
@@ -68,6 +49,7 @@ import EceDateInput from "@/components/inputs/EceDateInput.vue";
 import { useAlertStore } from "@/store/alert";
 import { useApplicationStore } from "@/store/application";
 import { useLoadingStore } from "@/store/loading";
+import { useConfigStore } from "@/store/config";
 import { useUserStore } from "@/store/user";
 import { formatDate } from "@/utils/format";
 import * as Rules from "@/utils/formRules";
@@ -79,6 +61,7 @@ export default defineComponent({
   async setup() {
     const userStore = useUserStore();
     const applicationStore = useApplicationStore();
+    const configStore = useConfigStore();
     const alertStore = useAlertStore();
     const loadingStore = useLoadingStore();
     const router = useRouter();
@@ -154,7 +137,7 @@ export default defineComponent({
             },
           ];
 
-    return { items, Rules, userStore, applicationStore, alertStore, loadingStore, router };
+    return { items, Rules, userStore, applicationStore, alertStore, loadingStore, configStore, router };
   },
   data() {
     return {

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

@@ -5,7 +5,7 @@
   <v-container>
     <v-row v-for="systemMessage in configStore.systemMessages" class="mt-10 mb-10">
       <v-col v-if="systemMessage.portalTags && systemMessage.portalTags.includes('LOOKUP')" cols="12">
-        <Banner type="info" :title="systemMessage.message ? systemMessage.message : ''" />
+        <Alert title="Alert">{{ systemMessage.message ? systemMessage.message : "" }}</Alert>
       </v-col>
     </v-row>
     <v-row>
@@ -120,10 +120,10 @@ import { formatDate } from "@/utils/format";
 import { isNumber } from "@/utils/formInput";
 import { postLookupCertificate } from "@/api/certification";
 import { useConfigStore } from "@/store/config";
-import Banner from "@/components/Banner.vue";
 import * as Rules from "../utils/formRules";
 import EceRecaptcha from "./inputs/EceRecaptcha.vue";
 import type { Components } from "@/types/openapi";
+import Alert from "@/components/Alert.vue";
 
 interface LookupCertificationData {
   recaptchaToken: string;
@@ -134,7 +134,7 @@ type ReadonlyHeaders = VDataTable["$props"]["headers"];
 
 export default defineComponent({
   name: "LookupCertification",
-  components: { EceRecaptcha, EceTextField, Banner },
+  components: { EceRecaptcha, EceTextField, Alert },
   setup() {
     const alertStore = useAlertStore();
     const lookupCertificationStore = useLookupCertificationStore();

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

@@ -8,7 +8,7 @@
   <PageContainer :margin-top="false">
     <div v-for="systemMessage in configStore.systemMessages">
       <div v-if="systemMessage.portalTags && systemMessage.portalTags.includes('LOGIN')" class="d-flex flex-column ga-3 mb-10">
-        <Banner type="info" :title="systemMessage.message ? systemMessage.message : ''" />
+        <Alert title="Alert">{{ systemMessage.message ? systemMessage.message : "" }}</Alert>
       </div>
     </div>
     <v-row>
@@ -40,11 +40,11 @@ import { useOidcStore } from "@/store/oidc";
 import { useUserStore } from "@/store/user";
 import { useConfigStore } from "@/store/config";
 import { useDisplay } from "vuetify";
-import Banner from "../Banner.vue";
+import Alert from "../Alert.vue";
 
 export default defineComponent({
   name: "Login",
-  components: { LoginCard, PageContainer, Banner },
+  components: { LoginCard, PageContainer, Alert },
   setup() {
     const userStore = useUserStore();
     const oidcStore = useOidcStore();

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

@@ -1,5 +1,5 @@
 <template>
-  <Banner type="error" title="404 Error - Page not found" />
+  <Alert type="error" title="404 Error - Page not found" />
   <v-container>
     <div class="d-flex flex-column ga-10 mt-10">
       <h3>The page you’re looking for might have been removed, moved, or is temporarily unavailable.</h3>
@@ -21,11 +21,11 @@
 </template>
 
 <script lang="ts">
-import Banner from "@/components/Banner.vue";
 import { useRouter } from "vue-router";
+import Alert from "../Alert.vue";
 export default {
   name: "PageNotFound",
-  components: { Banner },
+  components: { Alert },
   setup() {
     const router = useRouter();
     return { router };

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

@@ -1,14 +1,15 @@
 <template>
   <Banner type="error" title="Sorry, this link is no longer valid" />
+  
 </template>
 
 <script lang="ts">
 import { defineComponent } from "vue";
 
-import Banner from "@/components/Banner.vue";
+import Alert from "../Alert.vue";
 
 export default defineComponent({
   name: "Invalid",
-  components: { Banner },
+  components: { Alert },
 });
 </script>