blame | history | raw | HEAD
rsanchez
2017-03-10 ac8d1f0e8ab4bab6eb546daa8062a6dad3ab8e23 
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

<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"

  [sortable]="true"

  [sortBy]="sortBy"

  [sortOrder]="sortOrder"

  (sortChange)="sort($event)">

</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>