46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
<h2>Crear</h2>
|
|
<div class="groups-button-row">
|
|
<button mat-flat-button color="primary" (click)="addOU()">+ Unidad Organizativa</button>
|
|
<button mat-flat-button color="primary">+ Aula</button>
|
|
<button mat-flat-button color="primary" (click)="addClient()">+ Cliente</button>
|
|
</div>
|
|
<mat-divider></mat-divider>
|
|
<h2>Grupos</h2>
|
|
<div class="groupLists-container">
|
|
<mat-card>
|
|
<mat-card-title>Unidad organizativa</mat-card-title>
|
|
<mat-card-content>
|
|
<mat-selection-list role="list">
|
|
<mat-list-option
|
|
*ngFor="let unidad of unidadesOrganizativas"
|
|
(click)="onSelectUnidad(unidad)">
|
|
{{ unidad.nombre }}
|
|
</mat-list-option>
|
|
</mat-selection-list>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
<mat-card *ngIf="selectedUnidad">
|
|
<mat-card-title>Aulas</mat-card-title>
|
|
<mat-card-content>
|
|
<mat-selection-list role="list">
|
|
<mat-list-option
|
|
*ngFor="let aula of selectedUnidad.aulas"
|
|
(click)="onSelectAula(aula)">
|
|
{{ aula.nombre }}
|
|
</mat-list-option>
|
|
</mat-selection-list>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
<mat-card *ngIf="selectedAula">
|
|
<mat-card-title>Clientes</mat-card-title>
|
|
<mat-card-content>
|
|
<mat-selection-list role="list">
|
|
<mat-list-option
|
|
*ngFor="let cliente of selectedClientes">
|
|
{{ cliente.nombre }}
|
|
</mat-list-option>
|
|
</mat-selection-list>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|