DNDTools/src/app/journal/journal-stats/skill-panel/skill-details/skill-details.component.html

<div class="title">{{ "skills." + skillName | translate }}</div>
<div class="content">{{ "skillsDescription." + skillName | translate }}</div>
<value-box [value]="skillModifier" [label]="'general.modifier'"></value-box>

<h4 class="t-2">{{ "skillDetails.title" | translate }}</h4>

<mat-radio-group [(ngModel)]="advantage" (change)="showButtons()">
  <mat-radio-button class="example-radio-button" [value]="'none'">{{
    "skillDetails.none" | translate
  }}</mat-radio-button>
  <mat-radio-button class="example-radio-button" [value]="'advantage'">{{
    "skillDetails.advantage" | translate
  }}</mat-radio-button>
  <mat-radio-button class="example-radio-button" [value]="'disadvantage'">{{
    "skillDetails.disadvantage" | translate
  }}</mat-radio-button>
</mat-radio-group>

@if (showButtonsContainer) {
  <div class="vertical-buttons bottom">
    <ui-button [width]="'w20'" (click)="close('update')"
      >{{ "buttons.apply" | translate }}
    </ui-button>
    <ui-button [width]="'w20'" (click)="close('cancel')"
      >{{ "buttons.discard" | translate }}
    </ui-button>
  </div>
}