27 lines
1.1 KiB
HTML
27 lines
1.1 KiB
HTML
<div class="classroom">
|
|
<mat-card *ngFor="let group of groupedClients" class="classroom-group">
|
|
<mat-card-title>Clientes dentro de: {{ group.organizationalUnitName }}</mat-card-title>
|
|
<div class="misc-clients">
|
|
<div class="classroom-board">Pizarra digital</div>
|
|
<img mat-card-image src="assets/images/proyector.png" alt="Proyector" class="proyector-image"/>
|
|
</div>
|
|
<div *ngFor="let row of group.clientRows" class="client-row">
|
|
<div class="client-container" *ngFor="let client of row">
|
|
<div class="client-box" (click)="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"/>
|
|
<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>
|
|
</mat-card>
|
|
</div>
|