download optimization

RadicalLedger · Nov 2, 2023 · 7fabc69 · 7fabc69
1 parent 2bc67fa
commit 7fabc69
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 19 deletions.
diff --git a/src/app/credentials/credentials.component.html b/src/app/credentials/credentials.component.html
@@ -9,7 +9,10 @@
         <div class="card">
             <div *ngFor="let vc of currentVCs; let i = index" class="vc">
                 <label class="vc-label">
-                    <input type="checkbox" class="checkbox" [checked]="selectedVCs[i]"
+                    <input
+                        type="checkbox"
+                        class="checkbox"
+                        [checked]="selectedVCs[i]"
                         (change)="selectedVCs[vc.index] = !selectedVCs[vc.index]" />
                     <span class="name">{{ getName(vc) || 'VC ' + vc.index }}</span>
                 </label>
@@ -18,4 +21,4 @@
             </div>
         </div>
     </div>
-</div>
+</div>
diff --git a/src/app/credentials/credentials.component.ts b/src/app/credentials/credentials.component.ts
@@ -39,14 +39,7 @@ export class CredentialsComponent {
         const vc_data = this.currentVCs.find((item: any) => item.index == index);
         let title = utils.getObjectValue(vc_data.vc, 'title') || 'Verifiable credential';
 
-        var element = document.createElement('a');
-        var sJson = JSON.stringify(vc_data.vc, null, 4);
-        element.setAttribute('href', 'data:text/json;charset=UTF-8,' + encodeURIComponent(sJson));
-        element.setAttribute('download', `${title}.json`);
-        element.style.display = 'none';
-        document.body.appendChild(element);
-        element.click();
-        document.body.removeChild(element);
+        utils.downloadJson(vc_data.vc, title);
     }
 
     removeVC(index: string | number) {

diff --git a/src/app/presentations/presentations.component.html b/src/app/presentations/presentations.component.html
@@ -18,4 +18,7 @@
     </div>
 </div>
 
-<app-presentation *ngIf="selectedVP != null" [data]="selectedVP" (onBack)="onSelectVP(null)"></app-presentation>
+<app-presentation
+    *ngIf="selectedVP != null"
+    [data]="selectedVP"
+    (onBack)="onSelectVP(null)"></app-presentation>
diff --git a/src/app/presentations/presentations.component.ts b/src/app/presentations/presentations.component.ts
@@ -34,14 +34,7 @@ export class PresentationsComponent implements OnInit {
         const vp_data = this.currentVPs.find((item: any) => item.index == index);
         let title = vp_data.title || 'Verifiable presentation';
 
-        var element = document.createElement('a');
-        var sJson = JSON.stringify(vp_data.vp, null, 4);
-        element.setAttribute('href', 'data:text/json;charset=UTF-8,' + encodeURIComponent(sJson));
-        element.setAttribute('download', `${title}.json`);
-        element.style.display = 'none';
-        document.body.appendChild(element);
-        element.click();
-        document.body.removeChild(element);
+        utils.downloadJson(vp_data.vp, title);
     }
 
     removeVP(index: string | number) {

diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -54,5 +54,15 @@ export default {
         } catch (error) {
             return false;
         }
+    },
+    downloadJson: (json: object, title: string) => {
+        var element = document.createElement('a');
+        var sJson = JSON.stringify(json, null, 4);
+        element.setAttribute('href', 'data:text/json;charset=UTF-8,' + encodeURIComponent(sJson));
+        element.setAttribute('download', `${title}.json`);
+        element.style.display = 'none';
+        document.body.appendChild(element);
+        element.click();
+        document.body.removeChild(element);
     }
 };