danielk/bildungdb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Nach langem wieder committed

Browse Source
This commit is contained in:
Daniel Kirchmeier
2022-08-26 15:37:05 +02:00
commit 3c0d400505
141 changed files with 51160 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/app/dash/dash.component.html Normal file
View File

@@ -0,0 +1,94 @@
<script>
const someTabTriggerEl = document.querySelector('#someTabTrigger')
const tab = new bootstrap.Tab(someTabTriggerEl)
tab.show()
</script>
<div class="col-md-1">&nbsp;</div>
<div class="col-md-3">
<mat-form-field appearance="standard">
<mat-label>Filter</mat-label>
<input matInput (keyup)="applyFilter($event)" placeholder="Suche ..." #input>
</mat-form-field>
</div>
<div class="col-md-1 pl-5">
&nbsp;
</div>
<div class="row">
<div class="tabelle col-md-4" mat-elevation-z8 #TABLE>
<table style="width: 100%" mat-elevation-z8 mat-table class="lehrlingstabelle" [dataSource]="datasource" id="lehrlingstabelle"
matSort aria-label="Lehrlinge">
<!-- Id Column -->
<ng-container matColumnDef="apprenticeid">
<th mat-header-cell class="kopf col-1" *matHeaderCellDef mat-sort-header>Id</th>
<td mat-cell *matCellDef="let row">{{row.apprenticeid}}</td>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="firstname">
<th mat-header-cell class="kopf col-1" *matHeaderCellDef mat-sort-header>Vorname</th>
<td mat-cell *matCellDef="let row">{{row.firstname}}</td>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="lastname">
<th mat-header-cell class="kopf col-1" *matHeaderCellDef mat-sort-header>Name</th>
<td mat-cell *matCellDef="let row">{{row.lastname}}</td>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="groupname">
<th mat-header-cell class="kopf col-1" *matHeaderCellDef mat-sort-header>Gruppe</th>
<td mat-cell *matCellDef="let row">{{row.groupname}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<mat-paginator #paginator
[length]="datasource?.data?.length"
[pageIndex]="0"
[pageSize]="10"
[pageSizeOptions]="[5, 10, 20]"
aria-label="Seite wählen">
</mat-paginator>
</div>
<div class="container col-md-8 mat-elevation-z8 bg-white" id="lehrlingTab">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-controls="messages" aria-selected="false">Messages</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab" aria-controls="settings" aria-selected="false">Settings</button>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab" tabindex="0">...</div>
<div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">...</div>
<div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="0">...</div>
<div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab" tabindex="0">...</div>
</div>
<script>
const firstTabEl = document.querySelector('#myTab li:last-child button')
const firstTab = new bootstrap.Tab(firstTabEl)
firstTab.show()
</script>
</div>
</div>