61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<header>
|
|
<app-navbar [currentPage]="'edit'"></app-navbar>
|
|
</header>
|
|
|
|
<div class="container">
|
|
<div class="row mt-3">
|
|
<div class="col">
|
|
<ul class="nav nav-pills">
|
|
<li class="nav-item" *ngFor="let body of sessionInBodyService.bodies | async">
|
|
<button type="button" class="nav-link" [class.active]="sessionInBodyService.currentBody === body.payload.val()?.name"
|
|
[attr.aria-current]="sessionInBodyService.currentBody === body.payload.val()?.name ? 'page' : 'false'"
|
|
(click)="sessionInBodyService.changeBody(body.key, body.payload.val()?.name, 'edit')">{{body.payload.val()?.name}}</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Sitzungsnummer</th>
|
|
<th>Sitzungstag</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let session of sessionInBodyService.sessions | async">
|
|
<td>{{session.payload.val()?.number}}</td>
|
|
<td>{{session.payload.val()?.date}}</td>
|
|
<td>
|
|
<button class="btn btn-outline-success mx-1" type="button" (click)="editSession(session.key)">
|
|
<span class="bi bi-pencil"></span>
|
|
</button>
|
|
<button class="btn btn-outline-danger" type="button" (click)="sessionService.deleteSession(session.key)">
|
|
<span class="bi bi-trash"></span>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<form #addForm="ngForm"
|
|
(ngSubmit)="sessionService.addSession(
|
|
sessionNumber.value, sessionDate.value, sessionInBodyService.currentBody, sessionInBodyService.currentBodyKey
|
|
); addForm.resetForm(); sessionNumber.value = ''; sessionDate.value = ''">
|
|
<div class="row">
|
|
<div class="col">
|
|
<input type="number" class="form-control" aria-label="Sitzungsnummer" #sessionNumber>
|
|
</div>
|
|
<div class="col">
|
|
<input type="date" class="form-control" aria-label="Sitzungstag" #sessionDate>
|
|
</div>
|
|
<div class="col">
|
|
<button type="submit" class="btn btn-primary">Hinzufügen</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<router-outlet></router-outlet>
|
|
</div>
|