lint fix

LandOfTheRair · Aug 6, 2024 · 6729f98 · 6729f98
1 parent 296f426
commit 6729f98
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/src/app/shared/components/cell-buttons/cell-buttons.component.html b/src/app/shared/components/cell-buttons/cell-buttons.component.html
@@ -20,12 +20,15 @@
   }
 
   @if(params.showDeleteButton) {
-  <button class="ml-2 btn btn-sm btn-warning" (click)="params.deleteCallback?.(params.data)"><svg
-      xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
-      class="size-6">
+  <button class="ml-2 btn btn-sm btn-warning" [swal]="deleteItem"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
+      viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
       <path stroke-linecap="round" stroke-linejoin="round"
         d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
     </svg>
   </button>
+
+  <swal #deleteItem title="Delete This?" text="This cannot be undone." icon="warning" [showCancelButton]="true"
+    [focusCancel]="true" (confirm)="params.deleteCallback?.(params.data)">
+  </swal>
   }
 </div>
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
@@ -3,16 +3,17 @@ import { NgModule } from '@angular/core';
 
 import { FormsModule } from '@angular/forms';
 import { NgSelectModule } from '@ng-select/ng-select';
+import { SweetAlert2Module } from '@sweetalert2/ngx-sweetalert2';
+import { CellButtonsComponent } from './components/cell-buttons/cell-buttons.component';
+import { CellSpriteComponent } from './components/cell-sprite/cell-sprite.component';
+import { HeaderButtonsComponent } from './components/header-buttons/header-buttons.component';
 import { InputFloatingLabelComponent } from './components/input-floating-label/input-floating-label.component';
 import { InputItemclassComponent } from './components/input-itemclass/input-itemclass.component';
+import { InputSkillComponent } from './components/input-skill/input-skill.component';
 import { InputSpriteComponent } from './components/input-sprite/input-sprite.component';
 import { PageNotFoundComponent } from './components/page-not-found/page-not-found.component';
 import { SpriteComponent } from './components/sprite/sprite.component';
 import { WebviewDirective } from './directives/';
-import { InputSkillComponent } from './components/input-skill/input-skill.component';
-import { CellButtonsComponent } from './components/cell-buttons/cell-buttons.component';
-import { CellSpriteComponent } from './components/cell-sprite/cell-sprite.component';
-import { HeaderButtonsComponent } from './components/header-buttons/header-buttons.component';
 
 @NgModule({
   declarations: [
@@ -27,7 +28,7 @@ import { HeaderButtonsComponent } from './components/header-buttons/header-butto
     CellSpriteComponent,
     HeaderButtonsComponent,
   ],
-  imports: [CommonModule, FormsModule, NgSelectModule],
+  imports: [CommonModule, FormsModule, NgSelectModule, SweetAlert2Module],
   exports: [
     WebviewDirective,
     FormsModule,

diff --git a/src/app/tabs/items/items.component.ts b/src/app/tabs/items/items.component.ts
@@ -69,11 +69,15 @@ export class ItemsComponent {
       cellClass: 'no-adjust',
       cellRendererParams: {
         showCopyButton: true,
-        copyCallback: (item: EditingType) => {},
+        copyCallback: (item: EditingType) => {
+          const newItem = structuredClone(item);
+          newItem.name = `${newItem.name} (copy)`;
+          this.saveNewData(newItem);
+        },
         showEditButton: true,
         editCallback: (item: EditingType) => this.editExisting(item),
         showDeleteButton: true,
-        deleteCallback: (item: EditingType) => {},
+        deleteCallback: (item: EditingType) => this.deleteData(item),
       },
     },
   ];
@@ -105,4 +109,8 @@ export class ItemsComponent {
 
     this.modService.addItem(data);
   }
+
+  public deleteData(data: EditingType) {
+    this.modService.removeItem(data);
+  }
 }