37 lines
1.0 KiB
HTML
37 lines
1.0 KiB
HTML
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Fraktion</th>
|
|
<th># Mitglieder</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let faction of factions | async">
|
|
<td>{{faction.payload.val()?.name}}</td>
|
|
<td>{{faction.payload.val()?.size}}</td>
|
|
<td>
|
|
<button class="btn btn-outline-danger" (click)="deleteFaction(faction.key)">
|
|
<span class="bi bi-trash"></span>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<form #addForm="ngForm" (ngSubmit)="addFaction(faction.value, factionSize.value); addForm.resetForm(); faction.value = ''; factionSize.value = '0'">
|
|
<div class="row">
|
|
<div class="col">
|
|
<input type="text" class="form-control" placeholder="Neue Fraktion" aria-label="Fraktion" #faction>
|
|
</div>
|
|
<div class="col">
|
|
<input type="number" class="form-control" min="3" aria-label="Fraktion" #factionSize>
|
|
</div>
|
|
<div class="col">
|
|
<button type="submit" class="btn btn-primary">Hinzufügen</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
|