weapon-details.component.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <div class="title">{{ weapon?.name }}</div>
  2. <div class="subheading left">{{ "weapons.attack" | translate }}</div>
  3. <div class="flex-row">
  4. <div class="label">{{ "general.modifier" | translate }}:</div>
  5. <span>{{ weapon?.attackBonus }}</span>
  6. </div>
  7. <!-- Singel Damage -->
  8. @if (!weapon?.isVersatile) {
  9. <div class="flex-row">
  10. <div class="label">{{ "weapons.header.damage" | translate }}:</div>
  11. @for (damage of weapon?.damage; let index = $index; track damage) {
  12. {{ damage.diceNumber }} {{ "general.dice" | translate
  13. }}{{ damage.diceType }} &nbsp;
  14. <span *ngIf="index === 0 && damageModifier !== '0'">
  15. {{ damageModifier }} &nbsp;
  16. </span>
  17. {{ ("damageTypes." | translate) + damage.damageType | translate }}
  18. }
  19. </div>
  20. }
  21. <!-- Versatility Damage -->
  22. <div *ngIf="weapon?.isVersatile" class="label">
  23. {{ "weapons.single" | translate }}:
  24. <div *ngFor="let damage of weapon?.damage">
  25. {{ damage.diceNumber }} {{ damage.diceType }} {{ damage.damageType }}
  26. </div>
  27. {{ "weapons.dual" | translate }}:
  28. <div *ngFor="let damage of weapon?.damage; let index = index">
  29. {{ damage.diceNumber }}
  30. <span *ngIf="index === 0">{{ weapon?.versatileDamage }}</span>
  31. <span *ngIf="index !== 0">{{ damage.diceType }}</span>
  32. {{ damage.damageType }}
  33. </div>
  34. </div>
  35. <!-- Magical -->
  36. <div class="subheading left">{{ "general.property" | translate }}</div>
  37. <div class="weapon-properties">
  38. <span *ngIf="weapon?.proficient"
  39. >{{ "weapons.proficient" | translate }}
  40. </span>
  41. <span *ngIf="weapon?.isRanged">{{ "weapons.ranged" | translate }} </span>
  42. <span *ngIf="weapon?.isVersatile"
  43. >{{ "weapons.versatile" | translate }}
  44. </span>
  45. <span *ngIf="weapon?.isTwoHanded"
  46. >{{ "weapons.twoHanded" | translate }}
  47. </span>
  48. <span *ngIf="weapon?.isFinesse">{{ "weapons.finesse" | translate }} </span>
  49. <span *ngIf="weapon?.canBeThrown"
  50. >{{ "weapons.throwable" | translate }}
  51. </span>
  52. <span *ngIf="weapon?.isMagical">{{ "weapons.magical" | translate }} </span>
  53. </div>
  54. @if (weapon?.isRanged || weapon?.canBeThrown) {
  55. <div class="subheading left">{{ "weapons.range" | translate }}</div>
  56. <!-- Ranged -->
  57. <div *ngIf="weapon?.isRanged">
  58. {{ "weapons.range" | translate }}:
  59. {{ weapon?.range }}
  60. </div>
  61. <!-- Thrown -->
  62. <div *ngIf="weapon?.canBeThrown">
  63. {{ "weapons.throwRange" | translate }}:
  64. {{ weapon?.throwRange }}
  65. </div>
  66. }
  67. <!-- Description -->
  68. @if (weapon?.description != "") {
  69. <div class="subheading left">{{ "general.description" | translate }}</div>
  70. <p class="content" [innerHTML]="weapon?.description"></p>
  71. }
  72. <div class="vertical-buttons bottom">
  73. <ui-button
  74. [color]="'green'"
  75. [type]="'edit'"
  76. [width]="'w20'"
  77. (click)="close('update')"
  78. >
  79. Anpassen
  80. </ui-button>
  81. <ui-button
  82. [color]="'red'"
  83. [type]="'delete'"
  84. [width]="'w20'"
  85. (click)="close('delete')"
  86. >
  87. Löschen
  88. </ui-button>
  89. </div>