#3527 fix - Customizing packs listing

rsanchez

2017-03-10 6078e6018ca05bcc0203241dc44071a59cf5e78c

 securis/src/main/webapp/src/app/pack.list.component.html
..
..
@@ -1,26 +1,38 @@
1
1
 <md-toolbar role="toolbar" class="mat-secondary">
2
-    <span class="push-left-sm">
2
+  <span class="push-left-sm">
3
3
       <span class="md-title" i18n>License Packs</span>
4
-    </span>
5
-    <span class="push-left-sm" *ngIf="filteredItems < data.length">
4
+  </span>
5
+  <span class="push-left-sm" *ngIf="filteredItems < data.length">
6
6
       <span class="md-body-1">{{filteredItems}} of {{data.length}} packs filtered</span>
7
-    </span>
8
-    <td-search-box #searchBox class="push-right-sm" placeholder="Search here" (searchDebounce)="search($event)" flex>
9
-    </td-search-box>
10
-    <button md-mini-fab color="accent" (click)="createPack()">
7
+  </span>
8
+  <td-search-box #searchBox class="push-right-sm" placeholder="Search here" (searchDebounce)="search($event)" flex>
9
+  </td-search-box>
10
+  <button md-mini-fab color="accent" (click)="createPack()">
11
11
       <md-icon>add</md-icon>
12
12
     </button>
13
13
 </md-toolbar>
14
14
 <md-divider></md-divider>
15
-<td-data-table
16
-  [data]="filteredData"
17
-  [columns]="columns"
18
-  [sortable]="true"
19
-  [sortBy]="sortBy"
20
-  [sortOrder]="sortOrder"
21
-  (sortChange)="sort($event)">
15
+<td-data-table [data]="filteredData" [columns]="columns">
16
+  
17
+  <template tdDataTableTemplate="used_licenses" let-row="row">
18
+    <div layout="row">
19
+        <td-notification-count color="secondary" [notifications]="row['num_licenses']">
20
+        </td-notification-count>
21
+        <td-notification-count color="green" [notifications]="row['num_available']">
22
+        </td-notification-count>
23
+    </div>
24
+  </template>
25
+  <template tdDataTableTemplate="lics" let-row="row">
26
+      <button md-icon-button color="primary"><md-icon>arrow_right</md-icon></button>
27
+  </template>
28
+  <template tdDataTableTemplate="menu" let-row="row">
29
+    <div layout="row">
30
+      <button md-icon-button color="primary"><md-icon>arrow_right</md-icon></button>
31
+      <button md-icon-button><md-icon>edit</md-icon></button>
32
+      <button md-icon-button><md-icon>more_vert</md-icon></button>
33
+    </div>
34
+  </template>
22
35
 </td-data-table>
23
36
 <td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)">
24
-  <span td-paging-bar-label hide-xs>Rows per page:</span>
25
-  {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
26
-</td-paging-bar>
37
+  <span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
38
+</td-paging-bar>