67 lines
1.9 KiB
HTML
67 lines
1.9 KiB
HTML
|
<form #form="ngForm" class="overview">
|
||
|
|
<h3 *ngIf="rank._id">Rang editieren</h3>
|
||
|
|
<h3 *ngIf="!rank._id">Neuen Rang hinzufügen</h3>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="title">Name</label>
|
||
|
|
<input type="text" class="form-control"
|
||
|
|
[(ngModel)]="rank.name"
|
||
|
|
name="title"
|
||
|
|
id="title"
|
||
|
|
required maxlength="50"/>
|
||
|
|
|
||
|
|
<show-error text="Name" path="title"></show-error>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="fraction">Fraktion</label>
|
||
|
|
<select id="fraction" name="fraction" class="form-control btn dropdown-toggle"
|
||
|
|
required
|
||
|
|
[(ngModel)]="rank.fraction">
|
||
|
|
<option value="OPFOR">CSAT</option>
|
||
|
|
<option value="BLUFOR">NATO</option>
|
||
|
|
</select>
|
||
|
|
<show-error text="Fraktion" path="fraction"></show-error>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="level">Stufe</label>
|
||
|
|
<input id="level" name="level" type="number" class="form-control btn dropdown-toggle"
|
||
|
|
[(ngModel)]="rank.level">
|
||
|
|
<show-error text="Stufe" path="level"></show-error>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="logo">Bild</label>
|
||
|
|
<input id="logo" name="logo" class="ui-button form-control" type="file"
|
||
|
|
accept="image/png"
|
||
|
|
#fileInput
|
||
|
|
(change)="fileChange($event)">
|
||
|
|
<span class="label label-bg label-danger center-block" style="font-size:small" *ngIf="showImageError">
|
||
|
|
Bild muss im PNG Format vorliegen
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<img class="preview-image" src="{{imagePreviewSrc}}">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button id="cancel"
|
||
|
|
(click)="cancel()"
|
||
|
|
class="btn btn-default">
|
||
|
|
Abbrechen
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button id="save"
|
||
|
|
(click)="saveRank(fileInput)"
|
||
|
|
class="btn btn-default"
|
||
|
|
[disabled]="!form.valid">
|
||
|
|
Bestätigen
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<span *ngIf="showSuccessLabel"
|
||
|
|
class="label label-success label-small"
|
||
|
|
style="margin-left: inherit">
|
||
|
|
Erfolgreich gespeichert
|
||
|
|
</span>
|
||
|
|
|
||
|
|
</form>
|