swedishchamber-granprize-admin/src/app/awardee-editor/awardee-editor.component.html

<form class="awardee-form" (ngSubmit)="saveAwardee()">
  <mat-form-field class="full-width">
    <input name="name" type="text" matInput placeholder="Display name" [(ngModel)]="awardee.name">
  </mat-form-field>
  <button type="button" mat-raised-button>
    <i class="far fa-image"></i>
    Upload profile image
  </button>
  <mat-divider></mat-divider>
  <mat-form-field class="full-width">
    <mat-select name="year" placeholder="Year" [(ngModel)]="awardee.year">
      <mat-option *ngFor="let year of years" [value]="year">{{ year }}</mat-option>
    </mat-select>
  </mat-form-field>

  <mat-form-field class="full-width">
    <textarea name="text" matInput placeholder="Article text" rows="10" [(ngModel)]="awardee.text"></textarea>
  </mat-form-field>
  <button type="button" mat-raised-button>
    <i class="far fa-image"></i> Upload article image
  </button>
  <mat-divider></mat-divider>

  <mat-form-field class="full-width">
    <input name="imageLabel" type="text" matInput placeholder="Image label" [(ngModel)]="awardee.imageLabel">
  </mat-form-field>

  <button type="submit" mat-raised-button color="accent" [disabled]="!canSave">
    <i class="fas fa-save"></i> Save
  </button>
</form>