All files / projects/requisition-management/src/app/pages/buyer buyer-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
35
36
37
38
39
40
41
42
43
44
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<h1>{{ 'account.requisitions.requisitions' | translate }}</h1>
 
<p>{{ 'account.requisitions.requisitions.text' | translate }}</p>
 
<nav
  ngbNav
  class="nav-tabs"
  [(activeId)]="status"
  [attr.aria-label]="'account.requisitions.requisitions.tabs.aria_label' | translate"
>
  <!-- Pending Requisitions -->
  <ng-container ngbNavItem="PENDING">
    <a ngbNavLink [routerLink]="['../buyer', { status: 'PENDING' }]" data-testing-id="tab-link-pending">{{
      'account.requisitions.requisitions.navtab.pending' | translate
    }}</a>
  </ng-container>
 
  <!-- Approved Requisitions -->
  <ng-container ngbNavItem="APPROVED">
    <a ngbNavLink [routerLink]="['../buyer', { status: 'APPROVED' }]" data-testing-id="tab-link-approved">{{
      'account.requisitions.requisitions.navtab.approved' | translate
    }}</a>
  </ng-container>
 
  <!-- Rejected Requisitions -->
  <ng-container ngbNavItem="REJECTED">
    <a ngbNavLink [routerLink]="['../buyer', { status: 'REJECTED' }]" data-testing-id="tab-link-rejected">{{
      'account.requisitions.requisitions.navtab.rejected' | translate
    }}</a>
  </ng-container>
</nav>
 
<div class="section loading-container">
  <ish-error-message [error]="error$ | async" />
 
  <ish-requisitions-list
    [requisitions]="requisitions$ | async"
    [status]="status$ | async"
    [columnsToDisplay]="columnsToDisplay"
  />
 
  <ish-loading *ngIf="loading$ | async" />
</div>