opt-cc/static/src/app/request/confirm-award/confirm-award.component.html

<form #form="ngForm" class="overview">
  <h3>Offene Anträge - Auszeichnungen</h3>

  <div class="table-container">
    <table class="table table-hover">
      <thead>
      <tr>
        <th class="col-sm-1">Teilnehmer</th>
        <th class="col-sm-1"></th>
        <th class="col-sm-2">Auszeichnung</th>
        <th class="col-sm-2">Begründung</th>
        <th class="col-sm-1 ">Antragsteller</th>
        <th class="col-sm-1 text-right">Datum</th>
        <th class="col-sm-2 text-right"></th>
        <th class="col-sm-1 text-right">Aktion</th>
      </tr>
      </thead>
      <tbody *ngFor="let award of awards">
      <tr>
        <td>
          {{award.userId.username}}
        </td>
        <td *ngIf="award.decorationId.isMedal">
          <img height="40px" src="resource/decoration/{{award.decorationId._id}}.png">
        </td>
        <td *ngIf="!award.decorationId.isMedal">
          <img width="60px" src="resource/decoration/{{award.decorationId._id}}.png">
        </td>
        <td>
          {{award.decorationId.name}}
        </td>
        <td>
          <textarea style="width:100%;"
                    rows="3"
                    #reason>{{award.reason}}</textarea>
        </td>
        <td>
          {{award.proposer?.username}}
        </td>
        <td class="text-right">
          {{award.date | date: 'dd.MM.yyyy'}}
        </td>
        <td>
          <textarea style="width: 100%;"
                    rows="3"
                    placeholder="Begründung für Ablehnung (optional)"
                    #rejectReason></textarea>
        </td>
        <td class="text-right">
          <a class="action" (click)="confirm(award, true, reason.value)">Bestätigen</a><br>
          <a class="action" (click)="confirm(award, false, reason.value, rejectReason.value)">Ablehnen</a>
        </td>
      </tr>
      </tbody>
    </table>
  </div>

</form>