21 lines
847 B
HTML
21 lines
847 B
HTML
<mat-tab-group>
|
|
<mat-tab *ngFor="let item of list">
|
|
<ng-template matTabLabel>
|
|
<span>{{item.name}}</span>
|
|
<mat-chip-list matBadge="0" matBadgeOverlap="false">
|
|
<mat-chip *ngIf="!item.maximum">{{item.minimum}} - ∞</mat-chip>
|
|
<mat-chip *ngIf="!!item.maximum">{{item.minimum}} - {{item.maximum}}</mat-chip>
|
|
</mat-chip-list>
|
|
</ng-template>
|
|
<div fxLayout="row wrap" fxLayoutGap="grid 20px">
|
|
<mat-card fxLayout="column" class="square-button" matRipple *ngFor="let m of item.modifiers" (click)="select(m)"
|
|
[class.selected]="selectedIds.indexOf(m.id) !== -1">
|
|
<h3 class="item-name">{{m.name}}</h3>
|
|
</mat-card>
|
|
</div>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
<mat-dialog-actions align="end">
|
|
<button mat-button [mat-dialog-close]="selected">Done</button>
|
|
</mat-dialog-actions>
|