44 lines
2.0 KiB
HTML
44 lines
2.0 KiB
HTML
<div class="pb-1 mb-4 display-6 border-bottom border-danger">
|
|
Module
|
|
</div>
|
|
<div class="container col-5 float-left">
|
|
<mat-form-field appearance="standard">
|
|
<mat-label>Filter</mat-label>
|
|
<input matInput (keyup)="applyFilter($event)" placeholder="Suchbegriff" #input>
|
|
</mat-form-field>
|
|
|
|
<table mat-table [dataSource]="dataSource" matSort (matSortChange)="announceSortChange($event)" class="mat-elevation-z8">
|
|
<ng-container matColumnDef="moduleid">
|
|
<th class="kopf col-1" mat-header-cell *matHeaderCellDef> ID </th>
|
|
<td mat-cell *matCellDef="let mod"> {{mod.moduleid}} </td>
|
|
</ng-container>
|
|
<ng-container matColumnDef="moduleshort">
|
|
<th class="kopf col-1" mat-sort-header mat-header-cell *matHeaderCellDef> Modul </th>
|
|
<td mat-cell *matCellDef="let mod"> {{mod.moduleshort}} </td>
|
|
</ng-container>
|
|
<ng-container matColumnDef="modulename">
|
|
<th class="kopf col-5" mat-sort-header mat-header-cell *matHeaderCellDef> Name </th>
|
|
<td mat-cell *matCellDef="let mod"> {{mod.modulename}} </td>
|
|
</ng-container>
|
|
<ng-container matColumnDef="moduledescription">
|
|
<th class="kopf col-5" mat-sort-header mat-header-cell *matHeaderCellDef> Beschreibung </th>
|
|
<td mat-cell *matCellDef="let mod"> {{mod.moduledescription}} </td>
|
|
</ng-container>
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let modrow; columns: displayedColumns;"></tr>
|
|
</table>
|
|
<mat-paginator class="mat-elevation-z8 mt-2" #paginator [pageSizeOptions]="[10, 20, 50]" showFirstLastButtons></mat-paginator>
|
|
</div>
|
|
<!-- Edit Bereich -->
|
|
<div class="container col-6 mt-3 float-left">
|
|
<div class="abstandoben"> </div>
|
|
<div class="ueberschrift">Modul bearbeiten
|
|
<button class="btn btn-primary float-right mt-5">Neu</button>
|
|
</div>
|
|
<div class="container mt-8 mat-elevation-z8">
|
|
|
|
<form>
|
|
|
|
</form>
|
|
</div>
|
|
</div> |