certificate completion

ELEVATE-Project · Sep 5, 2024 · 88556d0 · 88556d0
1 parent 2bd11b8
commit 88556d0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/projects/lib-project/src/lib/dock/components/certificates/certificates.component.html b/projects/lib-project/src/lib/dock/components/certificates/certificates.component.html
@@ -20,8 +20,7 @@
         }
       </div>
 
-      @if(selectedYes === "1" && certificateList.length) {
-        <div class="px-10 text-tertiary">
+        <div class="px-10 text-tertiary" [ngClass]="{hidden: selectedYes === '2'}">
             <p class="text-lg">{{ "CERTIFICATE_DETAILS" | translate}}
                 <span class="px-1 text-base text-[$buttonDisable]">({{"CERTIFICATE_SUB_DETAILS" | translate}})</span>
             </p>
@@ -153,11 +152,16 @@
                     </div>
                     <div class="certificate-content w-1/2">
                         <!-- certificate image content to place here -->
-                        <div class="px-10 mt-10 flex justify-center">
-                            <ng-container *ngTemplateOutlet="reusableSection"></ng-container>
-                            <button type="button" class="btn primary-button-enable" (click)="viewCertificate()">
-                            {{ 'VIEW_FULL_SCREEN' | translate }}
-                            </button>
+                        <div class="px-10 mt-10">
+                            <div class="mt-4 m-3 flex justify-center">
+                                <div  class=" w-[100%] sm:w-[80%]" #certificateContainer>
+                                </div>
+                            </div>
+                            <div class="flex justify-center">
+                                <button type="button" class="btn primary-button-enable" (click)="viewCertificate()">
+                                    {{ 'VIEW_FULL_SCREEN' | translate }}
+                                    </button>
+                            </div>
                       </div>
                     </div>
                 </div>
@@ -200,14 +204,10 @@
                     }
                 }
         </div>
-      }
     </form>
 </div>
 
-<ng-template #reusableSection>
-    <div class="mt-4 m-3 flex justify-center">
-        <div  class=" w-[100%] sm:w-[80%]" #certificateContainer>
-        </div>
+<div class="mt-4 m-3 flex justify-center">
+    <div  class=" w-[100%] sm:w-[80%]" #certificateContainer>
     </div>
-</ng-template>
-<ng-container *ngTemplateOutlet="reusableSection"></ng-container>
+</div>
diff --git a/projects/lib-project/src/lib/dock/components/certificates/certificates.component.ts b/projects/lib-project/src/lib/dock/components/certificates/certificates.component.ts
@@ -169,7 +169,7 @@ export class CertificatesComponent implements OnInit, OnDestroy{
         this.projectId = params.projectId;
         if (Object.keys(this.libProjectService.projectData)?.length) {
           if (params.mode === 'edit') {
-            // this.startAutoSaving();
+            this.startAutoSaving();
             this.tasks = this.libProjectService.projectData.tasks.filter((task:any) => {
               if(task.evidence_details.min_no_of_evidences) {
                 if(this.libProjectService.projectData.certificate && this.libProjectService.projectData.certificate.criteria) {
@@ -217,7 +217,7 @@ export class CertificatesComponent implements OnInit, OnDestroy{
               }
               this.getCertificateForm();
               if (params.mode === 'edit') {
-                // this.startAutoSaving();
+                this.startAutoSaving();
               }
             });
         }