29 lines
1.5 KiB
HTML
29 lines
1.5 KiB
HTML
<mat-dialog-content class="classroom">
|
|
<div *ngFor="let group of groupedClients" class="classroom-group">
|
|
<div class="misc-clients">
|
|
<div class="classroom-board" cdkDrag cdkDragBoundary=".classroom">{{ 'digitalBoard' | translate }}</div>
|
|
<img mat-card-image src="assets/images/proyector.png" alt="{{ 'projectorAlt' | translate }}" class="proyector-image" cdkDrag cdkDragBoundary=".classroom"/>
|
|
</div>
|
|
<div *ngFor="let row of group.clientRows" class="client-row">
|
|
<div class="client-container" *ngFor="let client of row" cdkDrag [cdkDragFreeDragPosition]="client.dragPosition" (cdkDragMoved)="onDragMoved($event, client)" cdkDragBoundary=".classroom">
|
|
<div class="client-box" (dblclick)="handleClientClick(client)">
|
|
<mat-card appearance="outlined">
|
|
<div class="client-image-container">
|
|
<img mat-card-image src="assets/images/client.png" alt="{{ 'clientAlt' | translate }}" class="client-image"/>
|
|
<div class="client-info">
|
|
<div class="client-name">{{ client.name }}</div>
|
|
<div class="client-details">
|
|
<span>{{ client.ip }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</mat-dialog-content>
|
|
<mat-dialog-actions align="end">
|
|
<button mat-raised-button color="primary" class="saveDisposition-btn" (click)="saveDisposition()">{{ 'saveDispositionButton' | translate }}</button>
|
|
</mat-dialog-actions>
|