128 lines
4.0 KiB
HTML
128 lines
4.0 KiB
HTML
|
<form #form="ngForm" class="overview">
|
||
|
|
<h3>Teilnehmer auszeichnen</h3>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="title">Name</label>
|
||
|
|
<input type="text" class="form-control"
|
||
|
|
[(ngModel)]="user.username"
|
||
|
|
name="title"
|
||
|
|
id="title"
|
||
|
|
required maxlength="50"/>
|
||
|
|
|
||
|
|
<show-error text="Name" path="title"></show-error>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="squad">Squad</label>
|
||
|
|
<select class="form-control"
|
||
|
|
name="squad"
|
||
|
|
id="squad"
|
||
|
|
[(ngModel)]="user.squad"
|
||
|
|
[compareWith]="equals"
|
||
|
|
(change)="toggleRanks()">
|
||
|
|
<option [value]="0">Ohne Fraktion/ Squad</option>
|
||
|
|
<option *ngFor="let squad of squads" [ngValue]="squad">
|
||
|
|
{{squad.fraction == 'BLUFOR'? 'NATO' : 'CSAT'}}: {{squad.name}}
|
||
|
|
</option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<show-error text="Squad" path="squad"></show-error>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group" [style.display]="ranksDisplay">
|
||
|
|
<label for="rank">Rang</label>
|
||
|
|
<select class="form-control"
|
||
|
|
name="rank"
|
||
|
|
id="rank" [ngModel]="user.rank?.level"
|
||
|
|
#rankLevel
|
||
|
|
style="min-width: 200px;">
|
||
|
|
<option *ngFor="let rank of ranks" [value]="rank.level">{{rank.name}}</option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
<show-error text="Squad" path="squad"></show-error>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button id="cancel"
|
||
|
|
(click)="cancel()"
|
||
|
|
class="btn btn-default">
|
||
|
|
Abbrechen
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button id="save"
|
||
|
|
(click)="saveUser(rankLevel.value)"
|
||
|
|
class="btn btn-default"
|
||
|
|
[disabled]="!form.valid">
|
||
|
|
Bestätigen
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<div class="section-content">
|
||
|
|
<div class="container">
|
||
|
|
<div class="table-responsive table-responsive-dropdowns">
|
||
|
|
<table class="table table-hover">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th class="col-sm-2">Grafik</th>
|
||
|
|
<th class="col-sm-3">Bezeichnung</th>
|
||
|
|
<th class="col-sm-3">Begründung</th>
|
||
|
|
<th class="col-sm-3 text-right">Datum</th>
|
||
|
|
<th class="col-sm-2 text-center">LÖschen</th>
|
||
|
|
<th></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<!--begin forEach-->
|
||
|
|
<tr>
|
||
|
|
<td class="table-cell-id">
|
||
|
|
1
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a class="small text-nowrap">2016-04-16 12:02:12</a>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
Herman
|
||
|
|
Melville
|
||
|
|
</td>
|
||
|
|
<td class="text-right">
|
||
|
|
222
|
||
|
|
</td>
|
||
|
|
<td class="text-center">
|
||
|
|
<span class="label label-default">Paid online</span>
|
||
|
|
</td>
|
||
|
|
<td class="table-cell-actions">
|
||
|
|
<a href="/orders/edit/1" class="item-action" title="Edit">
|
||
|
|
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="item-action" title="Mark as delivered">
|
||
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span>
|
||
|
|
</a>
|
||
|
|
<div class="btn-group">
|
||
|
|
<button class="item-action" type="button" id="itemOptions1" data-toggle="dropdown" aria-haspopup="true"
|
||
|
|
aria-expanded="false">
|
||
|
|
<span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
|
||
|
|
</button>
|
||
|
|
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="itemOptions1">
|
||
|
|
<li>
|
||
|
|
<button type="button" class="btn btn-dropdown" data-toggle="confirm"
|
||
|
|
data-confirm-message="Do you really want to cancel this order?" data-confirm-yes="Yes"
|
||
|
|
data-confirm-no="No">
|
||
|
|
<span class="glyphicon glyphicon-remove-sign offset-right" aria-hidden="true"></span>
|
||
|
|
Cancel order
|
||
|
|
</button>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!--end forEach-->
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</form>
|