blame | history | patch | commit | commitdiff
Roberto Sánchez
2014-01-17 04afd774aecc70dca37559fdd8b9a716829c18cd 
 securis/src/main/resources/static/licenses.html
....@@ -1,32 +1,145 @@
11 
2
-	<div class="navbar navbar-inverse navbar-fixed-top">
3
-		<div class="container">
4
-			<div class="navbar-header">
5
-				<button type="button" class="navbar-toggle" data-toggle="collapse"
6
-					data-target=".navbar-collapse">
7
-					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
8
-						class="icon-bar"></span>
9
-				</button>
10
-				<a class="navbar-brand" href="#">SeCuris</a>
11
-			</div>
12
-			<div class="navbar-collapse collapse">
13
-				<ul class="nav navbar-nav navbar-right">
14
-					<li><a href="#about">About</a></li>
15
-					<li><a href="#contact">Contact</a></li>
16
-				</ul>
17
-			</div>
18
-		</div>
19
-	</div>
20
-
21
-	<!-- Main jumbotron for a primary marketing message or call to action -->
22
-	<div class="jumbotron">
23
-		<div class="container">
24
-			<h2>SeCuris</h2>
25
-			<p>Licenses management</p>
26
-		</div>
27
-	</div>
2
+	<div ng-include="'header.html'" ></div>
283 
294 	<div class="container">
5
+		<div class="col-md-12">&nbsp;</div>
6
+		<div id="packs_section" class="col-md-6">
7
+						<nav class="navbar navbar-default navbar-static-top">
8
+					<!-- Brand and toggle get grouped for better mobile display -->
9
+					<div class="navbar-header">
10
+						<a class="navbar-brand" i18n >Packs</a>
11
+					</div>
12
+
13
+					<!-- Collect the nav links, forms, and other content for toggling -->
14
+					<div class="collapse navbar-collapse"
15
+						id="bs-example-navbar-collapse-1">
16
+						<ul class="nav navbar-nav">
17
+							<li><a i18n ng-click="editNew()"><span class="glyphicon glyphicon-plus"></span>
18
+									New</a></li>
19
+							<li><a i18n ng-click="cancel()"> <span
20
+									class="glyphicon glyphicon-ban-circle"></span> Cancel
21
+							</a></li>
22
+						</ul>
23
+						<div class="navbar-form navbar-right">
24
+						<div class="input-group input-group-sm">
25
+						  	<span class="input-group-addon glyphicon glyphicon-search" style="top: 0px;"></span>
26
+						  <input type="text" class="form-control" placeholder="Search" ng-model="$parent.searchText" >
27
+								<span class="btn input-group-addon glyphicon glyphicon-remove" ng-click="$parent.searchText = ''" style="top: 0px;"></span>
28
+						</div>
29
+						</div>
30
+					</div>
31
+				</nav>
32
+			<div class="panel panel-default" >
33
+				<div class="panel-heading">
34
+					Packs <span class="badge pull-right" ng-bind="packs.length || 0"></span>
35
+				</div>
36
+
37
+				<table class="table table-hover table-condensed">
38
+					<thead>
39
+						<tr>
40
+							<th i18n >Organization</th>
41
+							<th i18n >Application</th>
42
+							<th i18n >Code</th>
43
+							<th i18n >Licenses</th>
44
+							<th></th>
45
+						</tr>
46
+					</thead>
47
+					<tbody>
48
+						<tr ng-repeat="pack in packs | filter:searchText" ng-dblclick="editPack(row)" ng-class="{success: currentPack.id === pack.id}" ng-click="selectPack(pack)">
49
+						    <td ng-bind="ellipsis(pack.organization_name, 20)" title="{{pack.organization_name}}" ></td>
50
+						    <td ng-bind="pack.application_name"></td>
51
+						    <td style="white-space: nowrap;" ng-bind="pack.code"></td>
52
+						    <td title="Total: {{pack.licenses}}, avaliable: {{pack.lic_available}}">{{pack.licenses}} ({{pack.lic_available}})</td>
53
+							<td><span ng-click="editPack(row)"
54
+								class="glyphicon glyphicon-pencil"></span>
55
+								<span ng-click="deletePack(row)"
56
+								class="glyphicon glyphicon-remove"></span>
57
+								</td>
58
+						</tr>
59
+					</tbody>
60
+					<tfoot>
61
+					</tfoot>
62
+				</table>
63
+			</div>
3064 		
65
+		</div>
66
+
67
+		<div id="licenses_section" class="col-md-6" >
68
+				<nav class="navbar navbar-default navbar-static-top" ng-disabled="!!currentPack">
69
+					<!-- Brand and toggle get grouped for better mobile display -->
70
+					<div class="navbar-header success">
71
+						<a class="navbar-brand" i18n>Licenses</a>
72
+					</div>
73
+
74
+					<!-- Collect the nav links, forms, and other content for toggling -->
75
+					<div class="collapse navbar-collapse"
76
+						id="bs-example-navbar-collapse-1">
77
+						<ul class="nav navbar-nav">
78
+							<li><a i18n ng-click="editNewLicense()"><span class="glyphicon glyphicon-plus"></span>
79
+									New</a></li>
80
+							<li><a i18n ng-click="cancelEditionLicense()"> <span
81
+									class="glyphicon glyphicon-ban-circle"></span> Cancel
82
+							</a></li>
83
+						</ul>
84
+						<div class="navbar-form navbar-right">
85
+						<div class="input-group input-group-sm">
86
+						  	<span class="input-group-addon glyphicon glyphicon-search" style="top: 0px;"></span>
87
+						  <input type="text" class="form-control" placeholder="Search" ng-model="$searchPacksText" >
88
+								<span class="btn input-group-addon glyphicon glyphicon-remove" ng-click="$searchPacksText = ''" style="top: 0px;"></span>
89
+						</div>
90
+						</div>
91
+					</div>
92
+				</nav>
93
+				
94
+				<div ng-if="!currentPack" class="well well-lg">
95
+			      <h4 i18n>No pack selected</h4>
96
+			      <p i18n>Please, select a pack to manage its licenses</p>
97
+			    </div>
98
+
99
+				<div class="panel panel-default" ng-if="currentPack">
100
+					<div class="panel-heading">
101
+						<span i18n>Licenses for pack: </span>{{currentPack.code}} 
102
+						<span style="color: lightgreen;" class="badge pull-right" ng-bind="currentPack.lic_available || 0"></span>
103
+						<span class="badge pull-right" ng-bind="licenses.length || 0"></span>
104
+					</div>
105
+					
106
+				
107
+					<table class="table table-hover table-condensed" >
108
+					<thead>
109
+						<tr>
110
+							<th i18n >License code</th>
111
+							<th i18n >User fullname</th>
112
+							<th i18n >Email</th>
113
+							<th i18n >Status</th>
114
+							<th></th>
115
+						</tr>
116
+					</thead>
117
+					<tbody>
118
+						<tr ng-repeat="lic in licenses | filter:searchLicenseText" ng-dblclick="editLicense(lic)" >
119
+						    <td style="white-space: nowrap;" ng-bind="lic.code"></td>
120
+						    <td ng-bind="ellipsis(lic.user_fullname, 20)" title="{{lic.user_fullname}}" ></td>
121
+						    <td ng-bind="ellipsis(lic.user_email, 30)" title="{{lic.user_email}}" ></td>
122
+						    <td ng-bind="lic.status"></td>
123
+							<td>
124
+							<div class="dropdown">
125
+							    <a class="dropdown-toggle" data-toggle="dropdown" >
126
+							      <span class="glyphicon glyphicon-align-justify"></span> <span class="caret"></span>
127
+							    </a>
128
+							    <ul class="dropdown-menu">
129
+							      <li><a ng-click="editLicense(lic)"><span class="glyphicon glyphicon-pencil"></span> <span i18n>Edit</span></a></li>
130
+							      <li><a ng-click="activateLicense(lic)"><span class="glyphicon glyphicon-check"></span> <span i18n>Activate</span></a></li>
131
+							      <li><a ng-click="sendEmail(lic)"><span class="glyphicon glyphicon-send"></span> <span i18n>Send email</span></a></li>
132
+							      <li><a ng-click="editLicense(lic)"><span class="glyphicon glyphicon-remove"></span> <span i18n>Remove</span></a></li>
133
+							    </ul>
134
+							  </div>
135
+							</td>
136
+						</tr>
137
+					</tbody>
138
+					<tfoot>
139
+					</tfoot>
140
+				</table>
141
+			</div>
142
+		
143
+		</div>
31144 	</div>
32145