Fix spell selector on items

Gnome-Archiviste · Mar 18, 2024 · 0d0ce32 · 0d0ce32
1 parent 158e346
commit 0d0ce32
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/app/item/spell-definition-selector.component.html b/src/app/item/spell-definition-selector.component.html
@@ -33,4 +33,20 @@ <h2 class="title" [innerHTML]="highlightSpellName(spellResult)"></h2>
     </div>
 </ng-container>
 
+<ng-container *ngIf="selectedSpell">
+    <div class="selected-spell">
+        <h2>Choisir le niveau d'arcane</h2>
+
+        <div class="arcane-levels">
+            <ng-container *ngFor="let arcaneLevel of arcanesLevels">
+                <a (click)="selectArcaneLevelForSpell(arcaneLevel)" class="level" [class.active]="arcaneLevel === selectedSpellContext.arcaneLevel">
+                    {{arcaneLevel}}
+                </a>
+            </ng-container>
+        </div>
+        <h2>Sort</h2>
+        <lvl0-spell [spell]="selectedSpell"></lvl0-spell>
+        <button type="button" (click)="selectSpell()">Choisir</button>
+    </div>
+</ng-container>