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

<form #form="ngForm" class="overview">
  <h3>{{'request.confirm.award.headline' | translate}}</h3>

  <div class="table-container">
    <table class="table table-hover">
      <thead>
      <tr>
        <th class="col-sm-1">{{'request.confirm.award.table.head.participant' | translate}}</th>
        <th class="col-sm-1"></th>
        <th class="col-sm-2">{{'request.confirm.award.table.head.award' | translate}}</th>
        <th class="col-sm-2">{{'request.confirm.award.table.head.reason' | translate}}</th>
        <th class="col-sm-1 ">{{'request.confirm.award.table.head.requester' | translate}}</th>
        <th class="col-sm-1 text-right">{{'request.confirm.award.table.head.date' | translate}}</th>
        <th class="col-sm-2 text-right"></th>
        <th class="col-sm-1 text-right">{{'request.confirm.award.table.head.action' | translate}}</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="{{'request.confirm.award.table.reject.reason.placeholder' | translate}}"
                    #rejectReason></textarea>
        </td>
        <td class="text-right">
          <a class="action" (click)="confirm(award, true, reason.value)">
            {{'request.confirm.award.table.button.action.accept' | translate}}
          </a><br>
          <a class="action" (click)="confirm(award, false, reason.value, rejectReason.value)">
            {{'request.confirm.award.table.button.action.reject' | translate}}
          </a>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</form>