opt-cc/opt-cc-static/src/app/decorations/new-decoration/new-decoration.component.html

74 lines
2.4 KiB
HTML

<form #form="ngForm" class="overview">
<h3 >Neue Auszeichnung hinzufügen</h3>
<div class="form-group">
<label for="title">Name</label>
<input type="text" class="form-control"
[(ngModel)]="decoration.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)]="decoration.fraction">
<option value="OPFOR">CSAT</option>
<option value="BLUFOR">NATO</option>
<option value="GLOBAL">Global</option>
</select>
<show-error text="Fraktion" path="fraction"></show-error>
</div>
<div class="form-group">
<label for="type">Art</label>
<select id="type" name="type" class="form-control btn dropdown-toggle"
required
[(ngModel)]="decoration.isMedal">
<option value="true">Orden</option>
<option value="false">Ribbon</option>
</select>
<show-error text="Art" path="type"></show-error>
</div>
<div class="form-group">
<label for="sort">Sortierung</label>
<input id="sort" name="sort" type="number" class="form-control btn dropdown-toggle"
[(ngModel)]="decoration.sortingNumber">
<show-error text="Sortierung" path="sort"></show-error>
</div>
<div class="form-group">
<label for="description">Beschreibung</label>
<textarea id="description" name="description" class="form-control" rows="5"
required
[(ngModel)]="decoration.description">></textarea>
<show-error text="Beschreibung" path="description"></show-error>
</div>
<div class="form-group">
<label for="graphic">Bild</label>
<input id="graphic" name="graphic" class="ui-button form-control" type="file"
accept="image/png"
(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>
</div>
<button id="cancel"
(click)="cancel()"
class="btn btn-default">
Abbrechen
</button>
<button id="save"
(click)="saveDecoration()"
class="btn btn-default"
[disabled]="!form.valid">
Auszeichnung speichern
</button>
</form>