show level in small sprites

LandOfTheRair · Oct 12, 2024 · 9426748 · 9426748
1 parent 1dac106
commit 9426748
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/app/shared/components/sprite-with-inline-name/sprite-with-inline-name.component.html b/src/app/shared/components/sprite-with-inline-name/sprite-with-inline-name.component.html
@@ -3,5 +3,5 @@
   <app-sprite class="absolute -top-5 -left-5" [scale]="0.5" [type]="type()" [sprite]="sprite()"></app-sprite>
   }
 
-  <span class="ml-7">{{ name() }}</span>
+  <span class="ml-7">{{ name() }} {{ level() }}</span>
 </div>
diff --git a/src/app/shared/components/sprite-with-inline-name/sprite-with-inline-name.component.ts b/src/app/shared/components/sprite-with-inline-name/sprite-with-inline-name.component.ts
@@ -12,6 +12,26 @@ export class SpriteWithInlineNameComponent {
   public name = input.required<string>();
   public type = input.required<'items' | 'creatures'>();
 
+  public level = computed(() => {
+    const mod = this.modService.mod();
+    const name = this.name();
+    const type = this.type();
+
+    let levelReq = 0;
+
+    if (type === 'items') {
+      const foundItem = mod.items.find((i) => i.name === name);
+      levelReq = foundItem?.requirements?.level ?? 0;
+    }
+
+    if (type === 'creatures') {
+      const foundNpc = mod.npcs.find((i) => i.npcId === name);
+      levelReq = foundNpc?.level ?? 0;
+    }
+
+    return levelReq ? `(Level ${levelReq})` : '';
+  });
+
   public sprite = computed(() => {
     const mod = this.modService.mod();
     const name = this.name();