life-details.component.html 878 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <div class="title">{{ "life.hitpoints" | translate }}</div>
  2. <div class="value-row t-2 b-15">
  3. <value-box
  4. [isInput]="true"
  5. [(ngModel)]="maxHitPoints"
  6. [label]="'life.max'"
  7. (change)="checkValidity()"
  8. ></value-box>
  9. <value-box
  10. [isInput]="true"
  11. [(ngModel)]="currentHitPoints"
  12. [label]="'life.current'"
  13. (change)="checkValidity()"
  14. ></value-box>
  15. <value-box
  16. [isInput]="true"
  17. [(ngModel)]="temporaryHitPoints"
  18. [label]="'life.temporary'"
  19. ></value-box>
  20. </div>
  21. <hit-dice style="margin-top: 5rem" (setHitDice)="setHitDice($event)"></hit-dice>
  22. <div class="vertical-buttons bottom">
  23. <ui-button
  24. [color]="'green'"
  25. [type]="'apply'"
  26. [width]="'w20'"
  27. (click)="close('update')"
  28. >
  29. </ui-button>
  30. <ui-button
  31. [color]="'red'"
  32. [type]="'discard'"
  33. [width]="'w20'"
  34. (click)="close('cancel')"
  35. >
  36. </ui-button>
  37. </div>