31 lines
1.5 KiB
HTML
31 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" i18n="@@digital-board">Pizarra digital</div>
|
|
<img mat-card-image src="assets/images/proyector.png" alt="Proyector" class="proyector-image" cdkDrag cdkDragBoundary=".classroom" i18n-alt="@@projector-alt"/>
|
|
</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="Client" class="client-image" i18n-alt="@@client-image-alt"/>
|
|
<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>
|
|
<button mat-flat-button class="saveDisposition-btn" color="primary" (click)="saveDisposition()" i18n="@@save-disposition-button">Guardar disposición</button>
|
|
</mat-dialog-actions>
|
|
|