#3527 feature - Added pack form

rsanchez

2017-03-14 38b0782c887f046426c31766901906c614d73140

 securis/src/main/webapp/src/app/pack.list.component.html
..
..
@@ -12,27 +12,40 @@
12
12
     </button>
13
13
 </md-toolbar>
14
14
 <md-divider></md-divider>
15
-<td-data-table [data]="filteredData" [columns]="columns">
16
-  
15
+<div layout="row" layout-align="center center">
16
+  <div flex="80" layout="column" layout-align="end center" >
17
+<td-data-table [data]="filteredData" [columns]="columns" style="width: 100%">
17
18
   <template tdDataTableTemplate="used_licenses" let-row="row">
18
19
     <div layout="row">
19
20
         <td-notification-count color="secondary" [notifications]="row['num_licenses']">
20
21
         </td-notification-count>
21
-        <td-notification-count color="green" [notifications]="row['num_available']">
22
+        <td-notification-count color="primary" [notifications]="row['num_available']">
22
23
         </td-notification-count>
23
24
     </div>
24
25
   </template>
25
-  <template tdDataTableTemplate="lics" let-row="row">
26
-      <button md-icon-button color="primary"><md-icon>arrow_right</md-icon></button>
26
+  <template tdDataTableTemplate="code" let-row="row" let-value="value">
27
+    <div layout="row" layout-align="start center">
28
+      <span style="white-space: nowrap">{{value}}</span>
29
+    </div>
27
30
   </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>
31
+  <template tdDataTableTemplate="menu" let-row="row" let-index="index">
32
+    <div layout="row" layout-align="end center">
33
+      <button md-icon-button (click)="editPack(row)" color="primary"><md-icon>edit</md-icon></button>
34
+      <button md-icon-button [mdMenuTriggerFor]="packMenu" aria-label="Pack menu">
35
+        <md-icon>more_vert</md-icon>
36
+      </button>
37
+       
38
+      <md-menu #packMenu="mdMenu">
39
+          <button md-menu-item *ngFor="let action of pack_menu_options" (click)="packAction(action.command, row)" [disabled]="!isActionAvailable(row)">
40
+            <md-icon *ngIf="!!action.icon">{{ action.icon }}</md-icon> {{ action.name }}
41
+          </button>
42
+      </md-menu>
43
+      <button md-icon-button (click)="showLicenses(row)" color="accent"><md-icon>arrow_forward</md-icon></button>
33
44
     </div>
34
45
   </template>
35
46
 </td-data-table>
36
-<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)">
47
+<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)" align="end">
37
48
   <span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
38
-</td-paging-bar>
49
+</td-paging-bar>
50
+</div>
51
+</div>