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

Vor erster Präsentation am 29.8.2022

Browse Source
This commit is contained in:
DanielKirchmeier
2022-08-29 01:40:27 +02:00
parent 5f3a5605fe
commit f6c23c2d2b
21 changed files with 569 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/app/dash/dash.component.html
View File

@@ -1,10 +1,7 @@
<script>
const someTabTriggerEl = document.querySelector('#someTabTrigger')
const tab = new bootstrap.Tab(someTabTriggerEl)
tab.show()
</script>
<div class="pb-1 mb-4 display-6 border-bottom border-danger">
Übersicht der Ausbildung
</div>
<div class="col-md-1">&nbsp;</div>
<div class="col-md-3">
<mat-form-field appearance="standard">
<mat-label>Filter</mat-label>
@@ -53,36 +50,23 @@
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 class="ueberschrift">Lehrling</div>
<mat-tab-group mat-align-tabs="start">
<mat-tab label="Kompetenz">
<br><br>Hier werden die erworbenen und noch fehlenden Kompetenzen des ausgewählten Lehrlings angezeigt
</mat-tab>
<mat-tab label="Module">
<br><br>Hier werden die erworbenen und noch fehlenden Module des ausgewählten Lehrlings angezeigt
</mat-tab>
<mat-tab label="Prüfungen">
<br><br>Hier werden die absolvierten und noch fehlenden Prüfungen des ausgewählten Lehrlings angezeigt
</mat-tab>
<mat-tab label="Anmerkungen">
<br><br>Hier können Anmerkungen zum ausgewählten Lehrlings angezeigt oder eingetragen werden.
</mat-tab>
</mat-tab-group>
</div>
</div>