All files / src/app/pages/account-order-history account-order-history-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
45
46
47
48
49
50
51
52
53
54
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<a id="order-list-top" title="top"></a>
<h1>{{ 'account.order_history.heading' | translate }}</h1>
 
<div class="marketing-area">
  <ish-content-include includeId="include.account.orders.content.top.pagelet2-Include" />
</div>
 
<ish-error-message [error]="ordersError$ | async" />
<p class="section">{{ 'account.order.subtitle' | translate }}</p>
 
<ish-account-order-filters
  fragmentOnRouting="order-list-top"
  (modelChange)="loadFilteredOrders($event)"
  [ngClass]="{ 'd-none': !filtersActive && !(orders$ | async)?.length }"
/>
 
<ish-order-list
  [orders]="ordersForPage$ | async"
  [columnsToDisplay]="columnsToDisplay$ | async"
  [noOrdersMessageKey]="
    !filtersActive
      ? 'account.orderlist.no_placed_orders_message'
      : 'account.order_history.filter.no_results_found_message'
  "
  [loading]="ordersLoading$ | async"
/>
 
<ng-container *ngIf="pagingInfo$ | async as paging">
  <div class="row" *ngIf="paging.total > pageSize">
    <div class="d-flex w-100 grey-panel align-items-center flex-wrap justify-content-between px-3 py-2 mb-3 mx-3">
      <span class="text-nowrap">{{
        'account.order_history.paging.items.label' | translate : { '0': paging.total }
      }}</span>
      <ish-paging
        [currentPage]="pageNumber$ | async"
        [lastPage]="getTotalPages(paging.total)"
        (goToPage)="loadMoreOrders($event)"
      />
    </div>
  </div>
</ng-container>
 
<h2 class="form-text">{{ 'account.order.questions.title' | translate }}</h2>
<p
  class="form-text"
  [ishServerHtml]="
    'account.order.questions.note' | translate : { '0': 'page://page.helpdesk.pagelet2-Page', '1': 'route://contact' }
  "
></p>
 
<div class="marketing-area">
  <ish-content-include includeId="include.account.orders.content.bottom.pagelet2-Include" />
</div>