life-details.component.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <div class="details-title">Trefferpunkte</div>
  2. <div class="life-container">
  3. <div class="life-box">
  4. <input type="number" class="life-input" [(ngModel)]="maxHitPoints" />
  5. <div for="" class="life-label">Maximale Trefferpunkte</div>
  6. </div>
  7. <div class="life-box">
  8. <input
  9. type="number"
  10. class="life-input"
  11. [(ngModel)]="currentHitPoints"
  12. (change)="checkValidity()"
  13. />
  14. <div for="" class="life-label">Momentane Trefferpunkte</div>
  15. </div>
  16. <div class="life-box">
  17. <input type="number" class="life-input" [(ngModel)]="temporaryHitPoints" />
  18. <div for="" class="life-label">Temporäre Trefferpunkte</div>
  19. </div>
  20. </div>
  21. <hit-dice (setHitDice)="setHitDice($event)"></hit-dice>
  22. <div class="vertical-button-wrapper-2">
  23. <ui-button
  24. [type]="'apply'"
  25. [size]="'xlarge'"
  26. [color]="'primary'"
  27. (click)="close('update')"
  28. ></ui-button>
  29. <ui-button
  30. [type]="'dismiss'"
  31. [size]="'xlarge'"
  32. [color]="'primary'"
  33. (click)="close('dismiss')"
  34. ></ui-button>
  35. </div>