From a40dc7cf18e6ebed7303a9311f32ca4206f29e90 Mon Sep 17 00:00:00 2001
From: suvarnakale <suvarna.kale@tekditechnologies.com>
Date: Tue, 10 Oct 2023 12:26:08 +0530
Subject: [PATCH 1/2] #784 - VC template -edit and Delete functionality- Done

---
 .../add-template/add-template.component.html  |  31 ++-
 .../add-template/add-template.component.ts    |  81 +++++-
 .../create-vc-template.component.html         |   6 +-
 .../create-vc-template.component.ts           |   9 +-
 .../edit-template.component.html              |   2 +-
 .../edit-template/edit-template.component.ts  | 258 ++++++++++--------
 src/app/services/general/general.service.ts   |  10 +
 src/assets/i18n/global/en-global.json         |   2 +
 src/assets/i18n/global/hi-global.json         |   2 +
 9 files changed, 262 insertions(+), 139 deletions(-)

diff --git a/src/app/admin/add-template/add-template.component.html b/src/app/admin/add-template/add-template.component.html
index e29e096..06c6eb6 100644
--- a/src/app/admin/add-template/add-template.component.html
+++ b/src/app/admin/add-template/add-template.component.html
@@ -16,7 +16,7 @@
         </form> -->
 
         <div class="row d-flex">
-            <div class="col-12 col-sm-4 card h-card ">
+            <div class="col-12 col-sm-4 card h-card " *ngIf="!fromEdit">
                 <!-- <form [formGroup]="form2" (ngSubmit)="submit()" *ngIf="fields">
                             <formly-form [model]="model" [fields]="fields" [options]="options" [form]="form2"></formly-form>
                         </form> -->
@@ -90,13 +90,16 @@
              
 
             </div>
-            <div class=" col-12 col-sm-8 p-sm-0" *ngIf="userHtml">
+            <div class=" col-12 col-sm-8 p-sm-0" *ngIf="userHtml" [ngClass]="{'col-sm-12': fromEdit}">
                 <div class="card">
                     <div class="d-flex justify-content-between card-body px-4 py-2">
                         <div class="heading-2">{{'PREVIEW' | translate}}</div>
                         <div>
+                            <button class="float-end heading-3 btn bg-color-secondary  color-sec fw-bold submit-button" data-toggle="modal" data-target="#deleteDocument" *ngIf="fromEdit"><i
+                                class="fa fa-trash" aria-hidden="true"></i> {{'DELETE_TEMPLATE' | translate}}</button> &nbsp;
+
                             <button (click)="editTemplate()"
-                                class="float-end heading-3 btn bg-color-secondary  color-sec fw-bold submit-button"><i
+                                class="float-end heading-3 btn bg-color-secondary  color-sec fw-bold submit-button mr-3"><i
                                     class="fa fa-pencil-square-o" aria-hidden="true"></i> {{'EDIT_TEMPLATE' | translate}}</button>
                         </div>
                     </div>
@@ -122,3 +125,25 @@
 
 
 </div>
+
+<div class="modal right fade" id="deleteDocument" tabindex="-1" role="dialog"
+aria-labelledby="deleteDocument">
+<div class="modal-dialog" role="document">
+   <div class="modal-content d-flex">
+      <div class="modal-header pt-4 border-0">
+         <h3 class="heading-5">{{'DELETE_TEMPLATE' | translate}}</h3>
+         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
+            aria-hidden="true">&times;</span></button>
+      </div>
+      <div class="container mt-1 justify-content-center pb-3">
+        <p class="heading-4 font-700 mb-05 pl-3">{{ 'DELETE_CONFIRM' | translate}}</p>
+         <div class="mt-2">
+            <button (click)="deleteTemplate()" data-dismiss="modal" aria-label="Close"
+               class="btn text-capitalize float-end btn-danger text-white fw-bold p1">{{'DELETE' | translate}}</button>
+            <button class="close" data-dismiss="modal" aria-label="Close"
+               class="btn text-capitalize bg-color-primary text-white fw-bold p1 sb-text-primary mr-2 bg-none">{{'CANCEL' | translate}}</button>
+         </div>
+      </div>
+   </div>
+</div>
+</div>
diff --git a/src/app/admin/add-template/add-template.component.ts b/src/app/admin/add-template/add-template.component.ts
index 5eb5b96..d01d46f 100644
--- a/src/app/admin/add-template/add-template.component.ts
+++ b/src/app/admin/add-template/add-template.component.ts
@@ -8,7 +8,7 @@ import { GeneralService } from 'src/app/services/general/general.service';
 import { ToastMessageService } from 'src/app/services/toast-message/toast-message.service';
 import { SchemaService } from '../../services/data/schema.service';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { TranslateService } from '@ngx-translate/core'; 
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-add-template',
@@ -57,6 +57,11 @@ export class AddTemplateComponent implements OnInit {
   params: any;
   entityName: any;
   usecase: any;
+  fromEdit: boolean = false;
+  certificateIndex: number;
+  certificateTitle: any;
+  schemaOsid: any;
+  vcStep: string;
   constructor(public schemaService: SchemaService,
     public toastMsg: ToastMessageService,
     private route: ActivatedRoute,
@@ -70,7 +75,14 @@ export class AddTemplateComponent implements OnInit {
   ngOnInit(): void {
 
     this.getDocument();
+    this.route.queryParams.subscribe(params => {
+      this.fromEdit = params['fromEdit'] === 'true';
+      this.certificateIndex = +params['certificateIndex'];
 
+    });
+    if (this.fromEdit) {
+      this.previewScreen();
+    }
     // this.generalService.getData('/Issuer').subscribe((res) => {
     //   console.log(res);
     //   this.issuerOsid = res[0].osid;
@@ -78,15 +90,21 @@ export class AddTemplateComponent implements OnInit {
 
     this.activeRoute.params.subscribe(params => {
       this.params = params;
-      console.log({params});
+      console.log({ params });
 
       if (this.params.hasOwnProperty('entity')) {
         this.entityName = params.entity;
         this.usecase = params.usecase.toLowerCase();
-
-
       }
-  });
+      this.schemaService.getEntitySchemaJSON().subscribe((data) => {
+        let allSteps = data['usecase'][this.usecase]['steps'];
+        for(let i=0; i<allSteps.length; i++){
+          if(allSteps[i]['key'] === 'create-vc'){
+            this.vcStep = i.toString();
+          }
+        }
+      })
+    });
 
   }
 
@@ -125,7 +143,14 @@ export class AddTemplateComponent implements OnInit {
     //  this.isPreview = true;
     //  localStorage.setItem('isPreview', 'yes');
 
-    this.userHtml = `<html lang="en">
+    if (this.fromEdit && this.certificateIndex !== undefined) {
+      const credTemp = this.generalService.getCertificateData();
+      const certificateData = credTemp[this.certificateIndex]['html'];
+      this.certificateTitle = credTemp[this.certificateIndex]['title'];
+      this.userHtml = certificateData;
+    }
+    if (!this.fromEdit) {
+      this.userHtml = `<html lang="en">
     <head>
       <style>
         .line {
@@ -170,12 +195,16 @@ export class AddTemplateComponent implements OnInit {
     </body>
   </html>
   `
-  this.injectHTML();
+    }
+    this.injectHTML();
   }
 
   editTemplate() {
-     localStorage.setItem('sampleData', JSON.stringify(this.userHtml));
-   this.router.navigate(['/edit-template/' + this.usecase + '/' +this.entityName], { state: { item: this.userHtml } });
+    localStorage.setItem('sampleData', JSON.stringify(this.userHtml));
+    if (this.certificateTitle) {
+      localStorage.setItem('certificateTitle', this.certificateTitle);
+    }
+    this.router.navigate(['/edit-template/' + this.usecase + '/' + this.entityName], { state: { item: this.userHtml } });
   }
 
 
@@ -184,9 +213,9 @@ export class AddTemplateComponent implements OnInit {
       "filters": {}
     }
 
-     this.documentTypeList = [{"osUpdatedAt":"2022-05-24T10:24:21.515Z","osCreatedAt":"2022-05-24T10:24:21.515Z","osUpdatedBy":"anonymous","name":"Proof of skill","osCreatedBy":"anonymous","samples":[{"osUpdatedAt":"2022-05-24T10:24:21.515Z","osCreatedAt":"2022-05-24T10:24:21.515Z","osUpdatedBy":"anonymous","osCreatedBy":"anonymous","certificateUrl":"https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/SkillCertificate.html","osid":"1-cf863d16-c827-446b-93bf-8ce98cb92ece","schemaUrl":"https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/SkillCertificate.json"}],"osid":"1-69ff3505-99b5-4271-9996-7c0e31624bb9","osOwner":["anonymous"]},{"osUpdatedAt":"2022-05-24T10:06:42.920Z","osCreatedAt":"2022-05-24T10:06:42.920Z","osUpdatedBy":"anonymous","name":"Proof of Work","osCreatedBy":"anonymous","samples":[{"osUpdatedAt":"2022-05-24T10:06:42.920Z","osCreatedAt":"2022-05-24T10:06:42.920Z","osUpdatedBy":"anonymous","osCreatedBy":"anonymous","certificateUrl":"https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/TrainingCertificate.html","osid":"1-93537196-1a5f-4fd2-bbc9-8934b451b2e6","schemaUrl":"https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/TrainingCertificate.json","thumbnailUrl":"https://i.ibb.co/7n2pjt6/A4-Template-5.png"}],"osid":"1-0f708c3f-1430-47ea-a107-55bb22c7a225","osOwner":["anonymous"]}];
-      this.selectedDecType = [{"osUpdatedAt":"2022-05-24T10:24:21.515Z","osCreatedAt":"2022-05-24T10:24:21.515Z","osUpdatedBy":"anonymous","name":"Proof of skill","osCreatedBy":"anonymous","samples":[{"osUpdatedAt":"2022-05-24T10:24:21.515Z","osCreatedAt":"2022-05-24T10:24:21.515Z","osUpdatedBy":"anonymous","osCreatedBy":"anonymous","certificateUrl":"https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/SkillCertificate.html","osid":"1-cf863d16-c827-446b-93bf-8ce98cb92ece","schemaUrl":"https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/SkillCertificate.json"}],"osid":"1-69ff3505-99b5-4271-9996-7c0e31624bb9","osOwner":["anonymous"]},{"osUpdatedAt":"2022-05-24T10:06:42.920Z","osCreatedAt":"2022-05-24T10:06:42.920Z","osUpdatedBy":"anonymous","name":"Proof of Work","osCreatedBy":"anonymous","samples":[{"osUpdatedAt":"2022-05-24T10:06:42.920Z","osCreatedAt":"2022-05-24T10:06:42.920Z","osUpdatedBy":"anonymous","osCreatedBy":"anonymous","certificateUrl":"https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/TrainingCertificate.html","osid":"1-93537196-1a5f-4fd2-bbc9-8934b451b2e6","schemaUrl":"https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/TrainingCertificate.json","thumbnailUrl":"https://i.ibb.co/7n2pjt6/A4-Template-5.png"}],"osid":"1-0f708c3f-1430-47ea-a107-55bb22c7a225","osOwner":["anonymous"]}];
-   
+    this.documentTypeList = [{ "osUpdatedAt": "2022-05-24T10:24:21.515Z", "osCreatedAt": "2022-05-24T10:24:21.515Z", "osUpdatedBy": "anonymous", "name": "Proof of skill", "osCreatedBy": "anonymous", "samples": [{ "osUpdatedAt": "2022-05-24T10:24:21.515Z", "osCreatedAt": "2022-05-24T10:24:21.515Z", "osUpdatedBy": "anonymous", "osCreatedBy": "anonymous", "certificateUrl": "https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/SkillCertificate.html", "osid": "1-cf863d16-c827-446b-93bf-8ce98cb92ece", "schemaUrl": "https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/SkillCertificate.json" }], "osid": "1-69ff3505-99b5-4271-9996-7c0e31624bb9", "osOwner": ["anonymous"] }, { "osUpdatedAt": "2022-05-24T10:06:42.920Z", "osCreatedAt": "2022-05-24T10:06:42.920Z", "osUpdatedBy": "anonymous", "name": "Proof of Work", "osCreatedBy": "anonymous", "samples": [{ "osUpdatedAt": "2022-05-24T10:06:42.920Z", "osCreatedAt": "2022-05-24T10:06:42.920Z", "osUpdatedBy": "anonymous", "osCreatedBy": "anonymous", "certificateUrl": "https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/TrainingCertificate.html", "osid": "1-93537196-1a5f-4fd2-bbc9-8934b451b2e6", "schemaUrl": "https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/TrainingCertificate.json", "thumbnailUrl": "https://i.ibb.co/7n2pjt6/A4-Template-5.png" }], "osid": "1-0f708c3f-1430-47ea-a107-55bb22c7a225", "osOwner": ["anonymous"] }];
+    this.selectedDecType = [{ "osUpdatedAt": "2022-05-24T10:24:21.515Z", "osCreatedAt": "2022-05-24T10:24:21.515Z", "osUpdatedBy": "anonymous", "name": "Proof of skill", "osCreatedBy": "anonymous", "samples": [{ "osUpdatedAt": "2022-05-24T10:24:21.515Z", "osCreatedAt": "2022-05-24T10:24:21.515Z", "osUpdatedBy": "anonymous", "osCreatedBy": "anonymous", "certificateUrl": "https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/SkillCertificate.html", "osid": "1-cf863d16-c827-446b-93bf-8ce98cb92ece", "schemaUrl": "https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/SkillCertificate.json" }], "osid": "1-69ff3505-99b5-4271-9996-7c0e31624bb9", "osOwner": ["anonymous"] }, { "osUpdatedAt": "2022-05-24T10:06:42.920Z", "osCreatedAt": "2022-05-24T10:06:42.920Z", "osUpdatedBy": "anonymous", "name": "Proof of Work", "osCreatedBy": "anonymous", "samples": [{ "osUpdatedAt": "2022-05-24T10:06:42.920Z", "osCreatedAt": "2022-05-24T10:06:42.920Z", "osUpdatedBy": "anonymous", "osCreatedBy": "anonymous", "certificateUrl": "https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/TrainingCertificate.html", "osid": "1-93537196-1a5f-4fd2-bbc9-8934b451b2e6", "schemaUrl": "https://raw.githubusercontent.com/Sunbird-RC/demo-certificate-issuance/main/samples/TrainingCertificate.json", "thumbnailUrl": "https://i.ibb.co/7n2pjt6/A4-Template-5.png" }], "osid": "1-0f708c3f-1430-47ea-a107-55bb22c7a225", "osOwner": ["anonymous"] }];
+
   }
 
   onChange(index) {
@@ -219,5 +248,33 @@ export class AddTemplateComponent implements OnInit {
     }, 500)
   }
 
+  deleteTemplate() {
+    this.generalService.getData('/Schema').subscribe((res) => {
+      for (let i = 0; i < res.length; i++) {
+        if (res[i]["name"] == this.entityName) {
+          this.schemaOsid = res[i].osid;
+          let data = JSON.parse(res[i]['schema']);
+          var certificateTemplates = data._osConfig['certificateTemplates'];
+          var templateKeys = Object.keys(certificateTemplates);
+          if (this.certificateIndex >= 0 && this.certificateIndex < templateKeys.length) {
+            var templateName = templateKeys[this.certificateIndex];
+            var certificateTemplateData = certificateTemplates[templateName];
+          }
+          if (certificateTemplates.hasOwnProperty(templateName)) {
+            delete certificateTemplates[templateName];
+          }
+
+          let payload = {
+            "schema": JSON.stringify(data)
+          };
+
+          this.generalService.putData('/Schema/', this.schemaOsid, payload).subscribe((res) => {
+            this.router.navigate(['/create/' + this.vcStep + '/' + this.usecase + '/' + this.entityName]);
+          });
+
+        }
+      }
+    });
 
+  }
 }
diff --git a/src/app/admin/create-vc-template/create-vc-template.component.html b/src/app/admin/create-vc-template/create-vc-template.component.html
index 666212b..c103c0e 100644
--- a/src/app/admin/create-vc-template/create-vc-template.component.html
+++ b/src/app/admin/create-vc-template/create-vc-template.component.html
@@ -35,7 +35,11 @@
             <div class="wrap">
               <iframe id="iframe{{i}}" class="iframe-container embed-responsive-item iframeCert"></iframe>
             </div>
-            <div class="l12 fw-bold">{{item?.title}}</div>
+            <div class="l12 fw-bold">{{item?.title}}
+              <a id="editLink" [routerLink]="['/add-template', usecase, entityName]" [queryParams]="{ fromEdit: true, certificateIndex: i }"class="ml-1">
+                <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
+              </a>
+            </div>
           </div>
         </div>
      </div>
diff --git a/src/app/admin/create-vc-template/create-vc-template.component.ts b/src/app/admin/create-vc-template/create-vc-template.component.ts
index 62f259e..b311d3a 100644
--- a/src/app/admin/create-vc-template/create-vc-template.component.ts
+++ b/src/app/admin/create-vc-template/create-vc-template.component.ts
@@ -177,8 +177,8 @@ export class CreateVcTemplateComponent implements OnInit, OnChanges {
             // Put the content in the iframe
             iframedoc.open();
             iframedoc.writeln(this.credTemp[i].html);
-
             iframedoc.close();
+            this.generalService.setCertificateData(this.credTemp);
           } else {
             alert('Cannot inject dynamic contents into iframe.');
           }
@@ -195,6 +195,11 @@ export class CreateVcTemplateComponent implements OnInit, OnChanges {
     this.location.replaceState('/add-template/' + this.usecase + '/' + this.entityName);
   }
 
-
+  editCertificate(){
+    const anchorTag = document.getElementById('editLink');
+    if (anchorTag) {
+      anchorTag.click();
+    }
+  }
 
 }
diff --git a/src/app/admin/edit-template/edit-template.component.html b/src/app/admin/edit-template/edit-template.component.html
index 91d6dca..703d0ee 100644
--- a/src/app/admin/edit-template/edit-template.component.html
+++ b/src/app/admin/edit-template/edit-template.component.html
@@ -48,7 +48,7 @@ <h3 class="heading-5">{{'SAVE_DOCUMENT' | translate}}</h3>
                    </div>
                    <div class="container mt-4">
                       <div class="mb-4">
-                         <p class="heading-4 font-700 mb-05">{{'NAME' | translate}}</p>
+                         <p class="heading-4 font-700 mb-05">{{'NAME' | translate}} </p>
                          <input [(ngModel)]="templateName" class="w-100 input-field fs-14 p-3 inputField"
                          placeholder="Enter Document name" type="text" />
                       </div>
diff --git a/src/app/admin/edit-template/edit-template.component.ts b/src/app/admin/edit-template/edit-template.component.ts
index 88abc15..9f7dcea 100644
--- a/src/app/admin/edit-template/edit-template.component.ts
+++ b/src/app/admin/edit-template/edit-template.component.ts
@@ -10,6 +10,7 @@ import 'grapesjs-preset-webpage';
 import { JsonEditorComponent, JsonEditorOptions } from 'ang-jsoneditor';
 import { ToastMessageService } from 'src/app/services/toast-message/toast-message.service';
 import { SchemaService } from '../../services/data/schema.service';
+import { HttpHeaders } from '@angular/common/http';
 
 @Component({
   selector: 'app-edit-template',
@@ -46,6 +47,8 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
   usecase: any;
   schemaOsid: string;
   vcStep: string;
+  isCreatingNewTemplate: boolean = true;
+  certificateData: any;
 
   constructor(public router: Router, public route: ActivatedRoute, public toastMsg: ToastMessageService,public translate: TranslateService,
     public generalService: GeneralService, public schemaService: SchemaService) {
@@ -66,7 +69,10 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
       this.sampleData = this.router.getCurrentNavigation().extras.state.item;
       localStorage.setItem('sampleData', JSON.stringify(this.sampleData));
     }
-
+    if (localStorage.getItem('certificateTitle')) {
+    this.oldTemplateName = localStorage.getItem('certificateTitle');
+    this.isCreatingNewTemplate = false;
+    }
     this.route.params.subscribe(params => {
       this.params = params;
   
@@ -81,16 +87,15 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
 
 
   async ngOnInit() {
-
+    
     this.route.params.subscribe(params => {
       this.params = params;
       if (this.params.hasOwnProperty('entity')) {
         this.entityName = params.entity;
         this.usecase = params.usecase.toLowerCase();
-
       }
     });
-
+    
     this.schemaService.getEntitySchemaJSON().subscribe((data) => {
       let allSteps = data['usecase'][this.usecase]['steps'];
       for(let i=0; i<allSteps.length; i++){
@@ -99,59 +104,59 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
         }
       }
     })
-
+    
     await this.readHtmlSchemaContent(this.sampleData);
     this.grapesJSDefine();
     /* ------END-------------------------Advance Editor ----------------------- */
-
+    
   }  //onInit();
-
-
+  
+  
   grapesJSDefine() {
     this.editor = this.initializeEditor();
     this.editor.on('load', () => {
       var panelManager = this.editor.Panels;
-
+      
       panelManager.removePanel('devices-c');
       panelManager.removeButton('options', 'gjs-toggle-images');
       panelManager.removeButton('options', 'gjs-open-import-webpage');
       panelManager.removeButton('options', 'undo');
       const um = this.editor.UndoManager;
       um.clear();
-
+      
       const iconsOptions = document.querySelector('.gjs-pn-options');
-        if (iconsOptions) {
-          iconsOptions.classList.add('custom-icons-margin-right');
+      if (iconsOptions) {
+        iconsOptions.classList.add('custom-icons-margin-right');
       }
-
+      
       const iconsViews = document.querySelector('.gjs-pn-views');
-        if (iconsViews) {
-          iconsViews.classList.add('custom-icons-margin-right');
+      if (iconsViews) {
+        iconsViews.classList.add('custom-icons-margin-right');
       }
     })
-
+    
     this.editor.on('asset:add', () => {
       this.editor.runCommand('open-assets');
     });
-
-
+    
+    
     // This will execute once asset manager will be open
     this.editor.on("run:select-assets", function () {
       var dateNow = 'img-' + Date.now();
-
+      
       // Using below line i am changing the id of img tag on which user has clicked.
       this.editor.getSelected().setId(dateNow);
 
       // Store active asset manager image id and it's src
       localStorage.setItem('activeAssetManagerImageId', dateNow);
     })
-
+    
     const pn = this.editor.Panels;
     const panelViews = pn.addPanel({
       id: "views"
     });
-
-
+    
+    
     panelViews.get("buttons").add([
       {
         attributes: {
@@ -163,12 +168,12 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
         id: "open-code"
       }
     ]);
-
-
+    
+    
     const panelOp1 = pn.addPanel({
       id: "options"
     });
-
+    
     panelOp1.get("buttons").add([
       {
         attributes: {
@@ -180,16 +185,16 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
         id: "preview"
       }
     ]);
-
-
+    
+    
     /* ---------Start----------------------Advance Editor ----------------------- */
-
-
+    
+    
     const panelOp = pn.addPanel({
       id: "options"
     });
-
-
+    
+    
     let editPanel = null
     let self = this;
     pn.addButton('views', {
@@ -200,11 +205,11 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
       command: {
         run: function (editor) {
           if (editPanel == null) {
+            
 
-
-
+            
             const editMenuDiv = document.createElement('div');
-
+            
             const arr = ['alpha', 'bravo', 'charlie', 'delta', 'echo', 'alpha', 'bravo', 'charlie', 'delta', 'echo', 'alpha', 'bravo', 'charlie', 'delta', 'echo'];
 
             const cardDiv = document.createElement('div');
@@ -213,22 +218,22 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
             cardDiv.innerHTML = ` <div class="d-flex flex-justify-between py-2">
             <div class="heading-2">Preview</div>
             <div class="adv-btn-div">
-                <button id="advanceBtn" (click)="editTemplate()"
-                    class="float-end adv-btn btn"><i
-                        class="fa fa-pencil-square-o" aria-hidden="true"></i>Advance Editor</button>
+            <button id="advanceBtn" (click)="editTemplate()"
+            class="float-end adv-btn btn"><i
+            class="fa fa-pencil-square-o" aria-hidden="true"></i>Advance Editor</button>
             </div>
-        </div>
-        <p style="color:white;font-size:12px"> <i class="fa fa-asterisk" style="color: #FFD965; font-size: 7px;" aria-hidden="true"></i>
-        These propeties are mandatory to make it <org> complaint</p>`;
-
+            </div>
+            <p style="color:white;font-size:12px"> <i class="fa fa-asterisk" style="color: #FFD965; font-size: 7px;" aria-hidden="true"></i>
+            These propeties are mandatory to make it <org> complaint</p>`;
+            
             const cardBContainer = document.createElement('div');
             cardBContainer.className = 'card-body-container p-3';
             cardDiv.appendChild(cardBContainer);
-
+            
             // ul.setAttribute('id', 'theList');
             for (let i = 0; i <= self.propertyArr.length - 1; i++) {
               const cardBdiv = document.createElement('div');	// create li element.
-
+              
               if (self.propertyArr[i].require) {
                 cardBdiv.innerHTML = `<i class="fa fa-asterisk" style="color: red; font-size: 7px;" aria-hidden="true"></i> &nbsp` + self.propertyArr[i].propertyTag;
               } else {
@@ -238,50 +243,50 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
               cardBdiv.setAttribute('style', 'padding-bottom: 10px; border-bottom: 2px solid #000');	// remove the bullets.
               cardBContainer.appendChild(cardBdiv);		// append li to ul.
             }
-
+            
 
 
             editMenuDiv.appendChild(cardDiv);
-
+            
 
 
             const panels = pn.getPanel('views-container')
             panels.set('appendContent', editMenuDiv).trigger('change:appendContent')
             editPanel = editMenuDiv;
-
+            
             const urlInputElemen = document.getElementById('advanceBtn');
             urlInputElemen.onclick = function () {
-
-
+              
+              
               // here is where you put your ajax logic
               self.editTemplate();
-
-
+              
+              
             };
           }
           editPanel.style.display = 'block';
-
-
-
+          
+          
+          
         },
         stop: function (editor) {
           if (editPanel != null) {
             editPanel.style.display = 'none'
           }
         }
-
+        
       }
     })
-
+    
   }
-
+  
   editTemplate() {
     this.schemaDiv = true;
     this.htmlDiv = false;
   }
-
+  
   private initializeEditor(): any {
-
+    
     return grapesjs.init({
       // Indicate where to init the editor. You can also pass an HTMLElement
       container: '#gjs',
@@ -314,9 +319,9 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
           }
         },
         'gjs-preset-newsletter': {
-
+          
         }
-
+        
       },
 
       assetManager: {
@@ -335,45 +340,45 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
         ]
       },
     });
-
+    
     var html = this.editor.getHtml();
-    }
+  }
 
   dataChange() {
     window.location.reload();
   }
-
+  
   back() {
     history.back();    //this.router.navigate(['/certificate']);
     this.editor.runCommand('core:canvas-clear')
   }
-
+  
   backToHtmlEditor() {
     this.schemaDiv = false;
     this.htmlDiv = true;
   }
-
+  
   cancel() {
     localStorage.setItem('sampleData', '');
     this.router.navigate(['/dashboard']);
   }
 
   async readHtmlSchemaContent(doc) {
-   this.userHtml = doc;
-   await this.generalService.getData('/Schema').subscribe((res) => {
-          for(let i =0; i < res.length; i++)
-          {
-            if(res[i]["name"] == this.entityName)
-            {
-
-              this.schemaOsid = res[i].osid;
-              this.generalService.getData('/Schema/' + this.schemaOsid).subscribe((response) => {
-                let data = JSON.parse(response['schema']);
-                this.certificateTitle = response['name'];
-                this.userJson = response;              
-              });
-            
-            }
+    this.userHtml = doc;
+    await this.generalService.getData('/Schema').subscribe((res) => {
+      for(let i =0; i < res.length; i++)
+      {
+        if(res[i]["name"] == this.entityName)
+        {
+          
+          this.schemaOsid = res[i].osid;
+          this.generalService.getData('/Schema/' + this.schemaOsid).subscribe((response) => {
+            let data = JSON.parse(response['schema']);
+            this.certificateTitle = response['name'];
+            this.userJson = response;              
+          });
+          
+        }
       
           }
          
@@ -490,57 +495,70 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
   }
 
   async submit() {
-   this.generalService.getData('/Schema/' + this.schemaOsid).subscribe((res) => {
-      let data = JSON.parse(res['schema']);
-      this.certificateTitle = res['name'];
-      this.userJson = data;
-      this.schemaContent = data;
-    
-    var htmlWithCss = this.editor.runCommand('gjs-get-inlined-html');
-
-
-    var parser = new DOMParser();
-    var htmlDoc = parser.parseFromString(htmlWithCss, 'text/html');
-    this.userHtml = htmlDoc.documentElement.innerHTML;
-
-    let vcTrmplate = {
+    this.generalService.getData('/Schema/' + this.schemaOsid).subscribe((res) => {
+       let data = JSON.parse(res['schema']);
+       this.certificateTitle = res['name'];
+       this.userJson = data;
+       this.schemaContent = data;
+     
+     var htmlWithCss = this.editor.runCommand('gjs-get-inlined-html');
+ 
+ 
+     var parser = new DOMParser();
+     var htmlDoc = parser.parseFromString(htmlWithCss, 'text/html');
+     this.userHtml = htmlDoc.documentElement.innerHTML;
+  
+    const { vcTemplate, formData } = this.createVCTemplateAndFormData();
+
+     localStorage.setItem('schemaVc', JSON.stringify(vcTemplate));
+
+     this.generalService.postData('/Schema/' + this.schemaOsid + '/certificateTemplate/documents', formData).subscribe((res) => {
+      this.certificateData = res.documentLocations[0];     
+
+      if(!this.oldTemplateName){
+        this.schemaContent._osConfig['certificateTemplates'][this.templateName] = 'minio://' + this.certificateData;
+       }
+       if(this.oldTemplateName){
+         delete this.schemaContent._osConfig['certificateTemplates'][this.oldTemplateName];
+         this.schemaContent._osConfig['certificateTemplates'][this.templateName] = 'minio://' + this.certificateData;
+       }
+     
+ 
+       console.log(this.schemaContent)
+
+       let result = this.schemaContent;
+       let payload = {
+         "schema": JSON.stringify(result)
+       }
+      
+      this.generalService.putData('/Schema/', this.schemaOsid, payload).subscribe((res) => {
+         this.router.navigate(['/create/' + this.vcStep + '/' + this.usecase + '/' + this.entityName]);
+       });
+     });
+    });
+   }
+ 
+   createVCTemplateAndFormData(): { vcTemplate: any, formData: FormData } {
+    this.templateName = this.templateName.replace(/\s+/g, '');
+    this.templateName = this.templateName.charAt(0).toUpperCase() + this.templateName.slice(1);
+  
+    const vcTemplate = {
       [this.entityName]: {
         'name': this.templateName,
         'description': this.description,
         'html': this.userHtml
       },
       'title': this.usecase
-    }
-
-    localStorage.setItem('schemaVc', JSON.stringify(vcTrmplate));
-
-
-    // Creating a file object with some content
-    var fileObj = new File([this.userHtml], this.templateName.replace(/\s+/g, '') + '.html');
-
-
-    let str = this.templateName.replace(/\s+/g, '');
-    this.templateName = str.charAt(0).toUpperCase() + str.slice(1);
+    };
+  
+    const fileObj = new File([this.userHtml], this.templateName + '.html');
 
-    // Create form data
     const formData = new FormData();
-    // Store form name as "file" with file data
     formData.append("files", fileObj, fileObj.name);
-    this.generalService.postData('/Schema/' + this.schemaOsid + '/certificateTemplate/documents', formData).subscribe((res) => {
-      this.schemaContent._osConfig['certificateTemplates'][this.templateName] = 'minio://' + res.documentLocations[0];
-      let result = this.schemaContent;
-      let payload = {
-        "schema": JSON.stringify(result)
-      }
-
-     this.generalService.putData('/Schema/', this.schemaOsid, payload).subscribe((res) => {
-        this.router.navigate(['/create/' + this.vcStep + '/' + this.usecase + '/' + this.entityName]);
-      });
-    });
-  });
+  
+    return { vcTemplate, formData };
   }
 
-
   injectHTML() {
 
     const iframe: HTMLIFrameElement = document.getElementById('iframe2') as HTMLIFrameElement;
diff --git a/src/app/services/general/general.service.ts b/src/app/services/general/general.service.ts
index fbf8e91..d3ca942 100644
--- a/src/app/services/general/general.service.ts
+++ b/src/app/services/general/general.service.ts
@@ -12,6 +12,16 @@ import { map } from 'rxjs/operators';
   providedIn: 'root'
 })
 export class GeneralService {
+  private credTemp;
+ 
+  setCertificateData(data: string) {
+    this.credTemp = data;
+  }
+
+  getCertificateData(): string | null {
+    return this.credTemp;
+  }
+
   baseUrl = this.config.getEnv('baseUrl');
   translatedString: string;
   constructor(public dataService: DataService, 
diff --git a/src/assets/i18n/global/en-global.json b/src/assets/i18n/global/en-global.json
index 44ad6e9..a26b24e 100644
--- a/src/assets/i18n/global/en-global.json
+++ b/src/assets/i18n/global/en-global.json
@@ -23,6 +23,8 @@
 
     "ADD_DOCUMENT": "Add Document",
     "EDIT_TEMPLATE": "Edit Template",
+    "DELETE_TEMPLATE": "Delete Template",
+    "DELETE_CONFIRM":"Are you sure you want to delete this template?",
     "GENERAL_TEMPLATE": "General Templates",
     "A4": "A4",
     "DONT_HAVE_TEMPLATES_UPLOAD_SVG_CODE": "You don't have any templates. You can upload SVG or HTML code",
diff --git a/src/assets/i18n/global/hi-global.json b/src/assets/i18n/global/hi-global.json
index 0d7665f..2aad7cb 100644
--- a/src/assets/i18n/global/hi-global.json
+++ b/src/assets/i18n/global/hi-global.json
@@ -24,6 +24,8 @@
 
   "ADD_DOCUMENT":"दस्तावेज़ जोड़ें",
   "EDIT_TEMPLATE":"टेम्पलेट संपादित करें",
+  "DELETE_TEMPLATE": "टेम्पलेट हटाएँ",
+  "DELETE_CONFIRM":"क्या आप वाकई इस टेम्पलेट को हटाना चाहते हैं?",
   "GENERAL_TEMPLATE":"सामान्य टेम्पलेट्स",
   "A4":"ए4",
   "DONT_HAVE_TEMPLATES_UPLOAD_SVG_CODE":"आपके पास कोई टेम्प्लेट नहीं है। आप SVG या HTML कोड अपलोड कर सकते हैं",

From 9c8f9b967000eb6fd78d681c4b720b3504c087eb Mon Sep 17 00:00:00 2001
From: suvarnakale <suvarna.kale@tekditechnologies.com>
Date: Tue, 10 Oct 2023 12:38:21 +0530
Subject: [PATCH 2/2] removed unsed codelines

---
 src/app/admin/edit-template/edit-template.component.html | 2 +-
 src/app/admin/edit-template/edit-template.component.ts   | 7 -------
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/app/admin/edit-template/edit-template.component.html b/src/app/admin/edit-template/edit-template.component.html
index 703d0ee..91d6dca 100644
--- a/src/app/admin/edit-template/edit-template.component.html
+++ b/src/app/admin/edit-template/edit-template.component.html
@@ -48,7 +48,7 @@ <h3 class="heading-5">{{'SAVE_DOCUMENT' | translate}}</h3>
                    </div>
                    <div class="container mt-4">
                       <div class="mb-4">
-                         <p class="heading-4 font-700 mb-05">{{'NAME' | translate}} </p>
+                         <p class="heading-4 font-700 mb-05">{{'NAME' | translate}}</p>
                          <input [(ngModel)]="templateName" class="w-100 input-field fs-14 p-3 inputField"
                          placeholder="Enter Document name" type="text" />
                       </div>
diff --git a/src/app/admin/edit-template/edit-template.component.ts b/src/app/admin/edit-template/edit-template.component.ts
index 9f7dcea..3f89b35 100644
--- a/src/app/admin/edit-template/edit-template.component.ts
+++ b/src/app/admin/edit-template/edit-template.component.ts
@@ -10,7 +10,6 @@ import 'grapesjs-preset-webpage';
 import { JsonEditorComponent, JsonEditorOptions } from 'ang-jsoneditor';
 import { ToastMessageService } from 'src/app/services/toast-message/toast-message.service';
 import { SchemaService } from '../../services/data/schema.service';
-import { HttpHeaders } from '@angular/common/http';
 
 @Component({
   selector: 'app-edit-template',
@@ -502,8 +501,6 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
        this.schemaContent = data;
      
      var htmlWithCss = this.editor.runCommand('gjs-get-inlined-html');
- 
- 
      var parser = new DOMParser();
      var htmlDoc = parser.parseFromString(htmlWithCss, 'text/html');
      this.userHtml = htmlDoc.documentElement.innerHTML;
@@ -522,10 +519,6 @@ export class EditTemplateComponent implements OnInit, OnDestroy {
          delete this.schemaContent._osConfig['certificateTemplates'][this.oldTemplateName];
          this.schemaContent._osConfig['certificateTemplates'][this.templateName] = 'minio://' + this.certificateData;
        }
-     
- 
-       console.log(this.schemaContent)
-
        let result = this.schemaContent;
        let payload = {
          "schema": JSON.stringify(result)