All files / projects/requisition-management/src/app/pages/approver approver-page.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<h1>{{ 'account.requisitions.approvals' | translate }}</h1>
 
<p>{{ 'account.requisitions.approvals.text' | translate }}</p>
 
<ul ngbNav class="nav-tabs" [(activeId)]="status">
  <li ngbNavItem="PENDING" role="presentation">
    <a ngbNavLink [routerLink]="['../approver', { status: 'PENDING' }]" data-testing-id="tab-link-pending">{{
      'account.requisitions.approvals.navtab.waiting' | translate
    }}</a>
  </li>
  <li ngbNavItem="APPROVED" role="presentation">
    <a ngbNavLink [routerLink]="['../approver', { status: 'APPROVED' }]" data-testing-id="tab-link-approved">{{
      'account.requisitions.approvals.navtab.approved' | translate
    }}</a>
  </li>
  <li ngbNavItem="REJECTED" role="presentation">
    <a ngbNavLink [routerLink]="['../approver', { status: 'REJECTED' }]" data-testing-id="tab-link-rejected">{{
      'account.requisitions.approvals.navtab.rejected' | translate
    }}</a>
  </li>
</ul>
 
<div class="section loading-container">
  <ish-error-message [error]="error$ | async" />
 
  <ish-requisitions-list
    [requisitions]="requisitions$ | async"
    [status]="status"
    [columnsToDisplay]="columnsToDisplay"
  />
 
  <ish-loading *ngIf="loading$ | async" />
</div>