DNDTools/src/app/journal/journal-stats/life-container/life/life-details/life-details.component.html

<div class="title">{{ "life.hitpoints" | translate }}</div>

<div class="value-row t-2 b-15">
  <value-box
    [isInput]="true"
    [(ngModel)]="maxHitPoints"
    [label]="'life.max'"
    (change)="checkValidity()"
  ></value-box>
  <value-box
    [isInput]="true"
    [(ngModel)]="currentHitPoints"
    [label]="'life.current'"
    (change)="checkValidity()"
  ></value-box>
  <value-box
    [isInput]="true"
    [(ngModel)]="temporaryHitPoints"
    [label]="'life.temporary'"
  ></value-box>
</div>
<hit-dice style="margin-top: 5rem" (setHitDice)="setHitDice($event)"></hit-dice>

<div class="vertical-buttons bottom">
  <ui-button
    [color]="'green'"
    [type]="'apply'"
    [width]="'w20'"
    (click)="close('update')"
  >
  </ui-button>
  <ui-button
    [color]="'red'"
    [type]="'discard'"
    [width]="'w20'"
    (click)="close('cancel')"
  >
  </ui-button>
</div>