skill-details.component.html 1.1 KB

12345678910111213141516171819202122232425262728
  1. <div class="title">{{ "skills." + skillName | translate }}</div>
  2. <div class="content">{{ "skillsDescription." + skillName | translate }}</div>
  3. <value-box [value]="skillModifier" [label]="'general.modifier'"></value-box>
  4. <h4 class="t-2">{{ "skillDetails.title" | translate }}</h4>
  5. <mat-radio-group [(ngModel)]="advantage" (change)="showButtons()">
  6. <mat-radio-button class="example-radio-button" [value]="'none'">{{
  7. "skillDetails.none" | translate
  8. }}</mat-radio-button>
  9. <mat-radio-button class="example-radio-button" [value]="'advantage'">{{
  10. "skillDetails.advantage" | translate
  11. }}</mat-radio-button>
  12. <mat-radio-button class="example-radio-button" [value]="'disadvantage'">{{
  13. "skillDetails.disadvantage" | translate
  14. }}</mat-radio-button>
  15. </mat-radio-group>
  16. @if (showButtonsContainer) {
  17. <div class="vertical-buttons bottom">
  18. <ui-button [width]="'w20'" (click)="close('update')"
  19. >{{ "buttons.apply" | translate }}
  20. </ui-button>
  21. <ui-button [width]="'w20'" (click)="close('cancel')"
  22. >{{ "buttons.discard" | translate }}
  23. </ui-button>
  24. </div>
  25. }