Add a reset button

sondreb · Nov 16, 2024 · 27af7c0 · 27af7c0
1 parent 8fe2fc9
commit 27af7c0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/app/photo-collage/photo-collage.component.html b/src/app/photo-collage/photo-collage.component.html
@@ -32,5 +32,6 @@
   <div class="controls">
     <button (click)="fileInput.click()">Add Photos</button>
     <button (click)="saveCollage()">Save Collage</button>
+    <button (click)="resetCollage()">Reset</button>
   </div>
 </div>
diff --git a/src/app/photo-collage/photo-collage.component.ts b/src/app/photo-collage/photo-collage.component.ts
@@ -526,4 +526,14 @@ export class PhotoCollageComponent implements AfterViewInit {
 
     this.render();
   }
+
+  resetCollage() {
+    this.photos = [];
+    this.maxZIndex = 0;
+    this.scale = 1;
+    this.panX = 0;
+    this.panY = 0;
+    this.hoveredPhoto = null;
+    this.render();
+  }
 }