custom-spells-modal.component.html 917 B

1234567891011121314151617181920212223242526272829303132333435
  1. <div class="dimensions">
  2. <div class="content">
  3. <div class="title">{{ "spellcards.manage" | translate }}</div>
  4. <div class="spell-list">
  5. @for (spell of spells; let index = $index; track spell) {
  6. <div
  7. matRipple
  8. class="spell"
  9. [ngClass]="{ selected: indexList.includes(index) }"
  10. (click)="toggleSpellSelection(index)"
  11. >
  12. @if (translate.getDefaultLang() == "de") {
  13. {{ spell.german }}
  14. } @else {
  15. {{ spell.english }}
  16. }
  17. </div>
  18. }
  19. </div>
  20. </div>
  21. <div class="horizontal-buttons" style="padding: 2rem 1.5rem">
  22. <ui-button
  23. [color]="'red'"
  24. [width]="'w15'"
  25. [type]="'deleteSelected'"
  26. (click)="delete()"
  27. ></ui-button>
  28. <ui-button
  29. [color]="'red'"
  30. [width]="'w15'"
  31. [type]="'cancel'"
  32. (click)="cancel()"
  33. ></ui-button>
  34. </div>
  35. </div>