79 lines
2.8 KiB
Plaintext
79 lines
2.8 KiB
Plaintext
<h3>Lehrling zuordnen!</h3>
|
|
<div class="row row-cols-1 row-cols-md-3 g-4">
|
|
<div class="col">
|
|
<div class="card h-100">
|
|
<img src="../../assets/icons/user_klein.png" class="card-img-top" alt="Lehrlinge">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Lehrlinge</h5>
|
|
|
|
|
|
<mat-table class="lehrling-table mat-elevation-z8"
|
|
[dataSource]="lehrlinge"
|
|
[ngClass]="{ 'active': selectedLehrling}">
|
|
|
|
|
|
<ng-container matColumnDef="apprenticeid">
|
|
<mat-header-cell *matHeaderCellDef>ID</mat-header-cell>
|
|
<mat-cell *matCellDef="let aktlehrling">{{aktlehrling.apprenticeid}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="firstname">
|
|
<mat-header-cell *matHeaderCellDef>Vorname</mat-header-cell>
|
|
<mat-cell class="firstname-cell"
|
|
*matCellDef="let aktlehrling">{{aktlehrling.firstname}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="lastname">
|
|
<mat-header-cell *matHeaderCellDef>Name</mat-header-cell>
|
|
<mat-cell class="lastname-cell"
|
|
*matCellDef="let aktlehrling">{{aktlehrling.lastname}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="groupid">
|
|
<mat-header-cell *matHeaderCellDef>Gruppe</mat-header-cell>
|
|
<mat-cell class="groupid-cell"
|
|
*matCellDef="let aktlehrling">{{aktlehrling.groupid}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
|
|
|
|
<div class="card" style="width: 10rem;">
|
|
<mat-row *matRowDef="let row; columns: displayedColumns"
|
|
(click)="onRowClicked(row)">
|
|
|
|
</mat-row>
|
|
</div>
|
|
|
|
|
|
</mat-table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<table class="row-border hover table table-striped">
|
|
<thead class="bg-light blue">
|
|
<th>Name</th>
|
|
<th>Gruppe</th>
|
|
<th>Geschlecht</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let aktlehrling of lehrlinge">
|
|
<!-- [ngClass]="{ 'active': aktlehrling === selectedLehrling }" >-->
|
|
<td>{{aktlehrling.firstname}} {{aktlehrling.lastname}}</td>
|
|
<td>{{aktlehrling.groupid}}</td>
|
|
<td>{{aktlehrling.sex}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-footer">
|
|
<small class="text-muted">Letztes Update vor 2 min</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |