#3527 fix - Customizing packs listing

rsanchez

2017-03-10 6078e6018ca05bcc0203241dc44071a59cf5e78c

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
<md-toolbar role="toolbar" class="mat-secondary">
  <span class="push-left-sm">
      <span class="md-title" i18n>License Packs</span>
  </span>
  <span class="push-left-sm" *ngIf="filteredItems < data.length">
      <span class="md-body-1">{{filteredItems}} of {{data.length}} packs filtered</span>
  </span>
  <td-search-box #searchBox class="push-right-sm" placeholder="Search here" (searchDebounce)="search($event)" flex>
  </td-search-box>
  <button md-mini-fab color="accent" (click)="createPack()">
      <md-icon>add</md-icon>
    </button>
</md-toolbar>
<md-divider></md-divider>
<td-data-table [data]="filteredData" [columns]="columns">
  
  <template tdDataTableTemplate="used_licenses" let-row="row">
    <div layout="row">
        <td-notification-count color="secondary" [notifications]="row['num_licenses']">
        </td-notification-count>
        <td-notification-count color="green" [notifications]="row['num_available']">
        </td-notification-count>
    </div>
  </template>
  <template tdDataTableTemplate="lics" let-row="row">
      <button md-icon-button color="primary"><md-icon>arrow_right</md-icon></button>
  </template>
  <template tdDataTableTemplate="menu" let-row="row">
    <div layout="row">
      <button md-icon-button color="primary"><md-icon>arrow_right</md-icon></button>
      <button md-icon-button><md-icon>edit</md-icon></button>
      <button md-icon-button><md-icon>more_vert</md-icon></button>
    </div>
  </template>
</td-data-table>
<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)">
  <span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
</td-paging-bar>