33 lines
1.4 KiB
HTML
33 lines
1.4 KiB
HTML
<h2 mat-dialog-title>{{ 'manageClientsTitle' | translate }}</h2>
|
|
<mat-dialog-content>
|
|
<mat-list>
|
|
<ng-container *ngFor="let client of clients">
|
|
<mat-list-item>
|
|
<div class="list-item-content">
|
|
<mat-icon matListItemIcon [ngClass]="{'red-icon': client.pxeSync === false || !client.pxeSync, 'green-icon': client.pxeSync === true}">
|
|
computer
|
|
</mat-icon>
|
|
<div class="text-content">
|
|
<div matListItemTitle>{{ client.name }}</div>
|
|
<div matListItemLine>{{ client.mac }}</div>
|
|
</div>
|
|
<div class="icon-container">
|
|
<button mat-icon-button color="info" (click)="showInfo(client)">
|
|
<mat-icon>{{ 'viewIcon' | translate }}</mat-icon>
|
|
</button>
|
|
<button mat-icon-button color="primary" (click)="addClientToTemplate(client)">
|
|
<mat-icon>{{ 'syncIcon' | translate }}</mat-icon>
|
|
</button>
|
|
<button mat-icon-button color="warn" class="right-icon" (click)="deleteClient(client)">
|
|
<mat-icon>{{ 'deleteIcon' | translate }}</mat-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-list-item>
|
|
</ng-container>
|
|
</mat-list>
|
|
</mat-dialog-content>
|
|
<mat-dialog-actions align="end">
|
|
<button mat-button type="button" (click)="onCancel()">{{ 'cancelButton' | translate }}</button>
|
|
</mat-dialog-actions>
|