scouting/www/pit_scouting/pit_scouting.ng.html

<div class="header">
  <h2>Pit Scouting</h2>
</div>
<ng-container [ngSwitch]="section">
  <div *ngSwitchCase="'Data'" id="pitImageSelection" class="container-fluid">
    <label for="teamNumber">Team Number</label>
    <input [(ngModel)]="teamNumber" type="text" id="teamNumber" />
    <img id="preview" #preview style="max-height: 200px; max-width: 200px" />
    <form action="setPitImage()">
      <label for="pitImage">Select pit image:</label>
      <br />
      <input
        id="pitImage"
        [(ngModel)]="pitImage"
        type="file"
        (change)="setPitImage($event)"
        accept="image/*"
      />
    </form>
    <button id="submit-button" class="btn btn-success" (click)="submitData()">
      Submit
    </button>
  </div>

  <span class="error_message" role="alert">{{ errorMessage }}</span>
</ng-container>