finish item editor

LandOfTheRair · Aug 7, 2024 · aa98482 · aa98482
1 parent 9d9a116
commit aa98482
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/src/app/tabs/items/items-editor/items-editor.component.html b/src/app/tabs/items/items-editor/items-editor.component.html
@@ -445,11 +445,26 @@
 
 @case (2) {
 <div class="flex flex-row gap-2">
+  <div class="form-column">
+
+    <div class="form-row">
+      <app-input-floating-label>Cosmetic Name</app-input-floating-label>
+      <input [(ngModel)]="editingData.cosmetic!.name" type="text" placeholder="Enter cosmetic name..."
+        class="form-input" />
+    </div>
+
+    <div class="form-row">
+      <label class="label cursor-pointer" floatUi="Whether or not the cosmetic can be taken off of the item.">
+        <input type="checkbox" [(ngModel)]="editingData.cosmetic!.isPermanent" class="checkbox" />
+        <span class="label-text">Is Permanent Cosmetic</span>
+      </label>
+    </div>
+  </div>
+
+  <div class="form-column">
+  </div>
   <div class="form-column">
   </div>
 </div>
 }
 }
-
-<br>
-{{ editingData | json }}
diff --git a/src/app/tabs/items/items-editor/items-editor.component.ts b/src/app/tabs/items/items-editor/items-editor.component.ts
@@ -105,6 +105,7 @@ export class ItemsEditorComponent
     item.equipEffect ??= { name: '', potency: 0 };
     item.breakEffect ??= { name: '', potency: 0 };
     item.requirements ??= { baseClass: undefined, level: 0 };
+    item.cosmetic ??= { name: '', isPermanent: false };
 
     this.editing.set(item);
   }
@@ -313,6 +314,10 @@ export class ItemsEditorComponent
     ) {
       delete item.requirements;
     }
+
+    if (item.cosmetic && !item.cosmetic.name) {
+      delete item.cosmetic;
+    }
   }
 
   public doSave() {