Client/src/app/work-request/work-request.component.html · VICE

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<div class="issueID">
  <p>System: {{this.requestData.system}}</p>
</div>
<div class="issueDescription">
  <p>Serial: {{this.requestData.id}}</p>
</div>
<div class="grid-container">
  <mat-grid-list cols="2">
    <mat-grid-tile *ngFor="let card of cards | async" [colspan]="card.cols" [rowspan]="card.rows">
      <mat-card class="VM-card">
        <mat-card-header>
          <mat-card-title>
            Request Data
          </mat-card-title>
        </mat-card-header>
        <mat-card-content class="dashboard-card-content" [style.overflow]="'auto'" [style.height]="'70%'">
          <table class="table table-borded table-secondary">
            <thead>
              <tr>
                <th class="headers" scope="col">Description: </th>
                <td>{{this.requestData.desc}}</td>
              </tr>
            </thead>
          </table>
          <div id="resolveButtons">
            <button *ngIf="confirm === false" id="resolveIssueBtn" class="btn btn-primary" (click)=setConfirm(true)>
              Resolve Request
            </button>
            <button *ngIf="confirm === true" id="confirmResolveBtn" class="btn btn-success" routerLink='' (click)="resolveRequest(this.requestData.id)">
              Confirm
            </button>
            <button *ngIf="confirm === true" id="cancelResolveBtn" class="btn btn-danger" (click)=setConfirm(false)>
              Cancel
            </button>
          </div>
        </mat-card-content>

      </mat-card>

    </mat-grid-tile>
  </mat-grid-list>
</div>