opt-cc/static/src/app/statistic/war/war-submit/war-submit.component.html

<form #form="ngForm" class="overview">
  <h3>Neue Schlacht hinzufügen</h3>

  <div class="form-group">
    <label for="title">Titel</label>
    <input type="text" class="form-control"
           [(ngModel)]="war.title"
           name="title"
           id="title"
           required maxlength="50"/>

    <show-error displayName="Name" controlPath="title"></show-error>
  </div>

  <div class="form-group">
    <label for="campaign">Kampagne</label>
    <select class="form-control"
            name="campaign"
            id="campaign"
            [(ngModel)]="war.campaign"
            required>
      <option *ngFor="let campaign of campaignService.campaigns" [ngValue]="campaign._id">
        {{campaign.title}}
      </option>
    </select>
  </div>

  <div class="form-group">
    <label for="log">Logfile</label>
    <input id="log" name="log" class="ui-button form-control" type="file"
           (change)="fileChange($event)">
    <span class="label label-bg label-danger center-block" style="font-size:small" *ngIf="showFileError">
        Logfile muss im Format RPT, LOG oder TXT vorliegen
    </span>
  </div>

  <button id="cancel"
          *ngIf="!loading"
          (click)="cancel()"
          class="btn btn-default">
    Abbrechen
  </button>

  <button id="save"
          *ngIf="!loading"
          (click)="saveWar()"
          class="btn btn-default"
          [disabled]="!form.valid">
    Bestätigen
  </button>

  <span *ngIf="loading" class="load-indicator load-arrow glyphicon-refresh-animate"></span>
</form>