Added "Copy" button to popups workshop.

paperbits · Apr 6, 2024 · 0497e2a · 0497e2a
1 parent 59b9a8d
commit 0497e2a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/workshops/popups/ko/popupDetails.html b/src/workshops/popups/ko/popupDetails.html
@@ -28,6 +28,10 @@
             <i aria-hidden="true" class="paperbits-icon paperbits-simple-remove"></i>
             Delete popup
         </button>
+        <button class="btn btn-default" data-bind="click: copyPopup">
+            <i aria-hidden="true" class="paperbits-icon paperbits-single-copy-04"></i>
+            Copy page
+        </button>
     </div>
     <!-- /ko -->
 </div>
diff --git a/src/workshops/popups/ko/popupDetails.ts b/src/workshops/popups/ko/popupDetails.ts
@@ -38,6 +38,9 @@ export class PopupDetailsWorkshop {
     @Event()
     private readonly onDeleteCallback: () => void;
 
+    @Event()
+    private readonly onCopyCallback: (popupItem: PopupItem) => void;
+
     @OnMounted()
     public async onMounted(): Promise<void> {
         this.popupItem.title
@@ -95,4 +98,12 @@ export class PopupDetailsWorkshop {
 
         this.router.navigateTo("/");
     }
+
+    public async copyPopup(): Promise<void> {
+        const copiedPopup = await this.popupService.copyPopup(this.popupItem.key);
+
+        if (this.onCopyCallback) {
+            this.onCopyCallback(new PopupItem(copiedPopup));
+        }
+    }
 }