From 38b0782c887f046426c31766901906c614d73140 Mon Sep 17 00:00:00 2001
From: rsanchez <rsanchez@curisit.net>
Date: Tue, 14 Mar 2017 13:51:56 +0000
Subject: [PATCH] #3527 feature - Added pack form
---
securis/src/main/webapp/src/app/pack.list.component.html | 37 +++++++++++++++++++++++++------------
1 files changed, 25 insertions(+), 12 deletions(-)
diff --git a/securis/src/main/webapp/src/app/pack.list.component.html b/securis/src/main/webapp/src/app/pack.list.component.html
index 73a3bfe..25969b2 100644
--- a/securis/src/main/webapp/src/app/pack.list.component.html
+++ b/securis/src/main/webapp/src/app/pack.list.component.html
@@ -12,27 +12,40 @@
</button>
</md-toolbar>
<md-divider></md-divider>
-<td-data-table [data]="filteredData" [columns]="columns">
-
+<div layout="row" layout-align="center center">
+ <div flex="80" layout="column" layout-align="end center" >
+<td-data-table [data]="filteredData" [columns]="columns" style="width: 100%">
<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 color="primary" [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 tdDataTableTemplate="code" let-row="row" let-value="value">
+ <div layout="row" layout-align="start center">
+ <span style="white-space: nowrap">{{value}}</span>
+ </div>
</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>
+ <template tdDataTableTemplate="menu" let-row="row" let-index="index">
+ <div layout="row" layout-align="end center">
+ <button md-icon-button (click)="editPack(row)" color="primary"><md-icon>edit</md-icon></button>
+ <button md-icon-button [mdMenuTriggerFor]="packMenu" aria-label="Pack menu">
+ <md-icon>more_vert</md-icon>
+ </button>
+
+ <md-menu #packMenu="mdMenu">
+ <button md-menu-item *ngFor="let action of pack_menu_options" (click)="packAction(action.command, row)" [disabled]="!isActionAvailable(row)">
+ <md-icon *ngIf="!!action.icon">{{ action.icon }}</md-icon> {{ action.name }}
+ </button>
+ </md-menu>
+ <button md-icon-button (click)="showLicenses(row)" color="accent"><md-icon>arrow_forward</md-icon></button>
</div>
</template>
</td-data-table>
-<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)">
+<td-paging-bar #pagingBar [pageSizes]="[10, 20, 40]" [total]="filteredTotal" (change)="page($event)" align="end">
<span td-paging-bar-label hide-xs>Rows per page:</span> {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
-</td-paging-bar>
\ No newline at end of file
+</td-paging-bar>
+</div>
+</div>
\ No newline at end of file
--
Gitblit v1.3.2