parent: d0cb11fc | patch | commit
Roberto Sánchez
2013-12-26 d9ba90397d9bcfd664fe19e89bfb6b9f1cfc9e47 
#333 feature - Added initial admin page.
1 files added
changed files
securis/src/main/resources/static/admin.html patch | view | blame | history 
 securis/src/main/resources/static/admin.html
....@@ -0,0 +1,188 @@
1
+<!DOCTYPE html>
2
+<html class="no-js" lang="en" ng-app="app" xmlns:ng="http://angularjs.org">
3
+<head>
4
+<meta charset="utf-8">
5
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6
+<title></title>
7
+<meta name="description" content="">
8
+<meta name="viewport" content="width=device-width">
9
+
10
+<link rel="stylesheet"
11
+	href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
12
+<style>
13
+body {
14
+	padding-top: 50px;
15
+	padding-bottom: 20px;
16
+}
17
+</style>
18
+<link rel="stylesheet"
19
+	href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
20
+<link rel="stylesheet"
21
+	href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
22
+<!-- <link rel="stylesheet" href="css/main.css"> -->
23
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
24
+<!--  <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> -->
25
+
26
+<!-- <script src="js/vendor/modernizr-2.6.2.min.js"></script> -->
27
+</head>
28
+<body>
29
+	<div class="navbar navbar-inverse navbar-fixed-top">
30
+		<div class="container">
31
+			<div class="navbar-header">
32
+				<ul class="nav navbar-nav navbar-left">
33
+					<li style="color:white;padding-top:15px;">SeCuris</li>
34
+					<li><a href="#licenses">Licenses</a></li>
35
+					<li><a href="#admin">Admin</a></li>
36
+				</ul>
37
+			</div>
38
+			<div class="navbar-collapse collapse">
39
+				<ul class="nav navbar-nav navbar-right">
40
+					<li><a href="#about">About</a></li>
41
+					<li><a href="#contact">Contact</a></li>
42
+				</ul>
43
+			</div>
44
+		</div>
45
+	</div>
46
+
47
+	<div class="container">
48
+	<div class="col-md-12">
49
+		&nbsp;
50
+	</div>
51
+	<div class="col-md-2">
52
+
53
+<ul class="nav nav-pills nav-stacked">
54
+	<li class="active"><a href="#">Applications</a></li>
55
+	<li><a href="#">License types</a></li>
56
+	<li><a href="#">Users</a></li>
57
+	<li><a href="#">Organizations</a></li>
58
+	<li><a href="#">Params</a></li>
59
+</ul>
60
+
61
+	</div>
62
+	<div class="col-md-10">
63
+	<nav class="navbar navbar-default navbar-static-top">
64
+  <!-- Brand and toggle get grouped for better mobile display -->
65
+  <div class="navbar-header">
66
+    <a class="navbar-brand" href="#">Applications</a>
67
+  </div>
68
+
69
+  <!-- Collect the nav links, forms, and other content for toggling -->
70
+  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
71
+    <ul class="nav navbar-nav">
72
+      <li><a href="#"><span class="glyphicon glyphicon-plus"></span>
73
+      New</a></li>
74
+      <li><a href="#"><span class="glyphicon glyphicon-pencil"></span>
75
+      Edit</a></li>
76
+      <li><a href="#">
77
+      <span class="glyphicon glyphicon-ban-circle"></span>
78
+      Cancel</a></li>
79
+    </ul>
80
+    <form class="navbar-form navbar-right" role="search">
81
+      <div class="form-group">
82
+        <input type="text" class="form-control" placeholder="Search">
83
+      </div>
84
+      <button type="submit" class="btn btn-default">
85
+      <span class="glyphicon glyphicon-search"></span>
86
+      
87
+      </button>
88
+    </form>
89
+  </div>
90
+</nav>
91
+			<div class="panel panel-default">
92
+		<form role="form" class="form-horizontal " name="licenseForm">
93
+					<div class="form-group">
94
+						<label class="col-md-3 control-label" for="username">Date</label>
95
+						<div class="col-md-5">
96
+							<input type="text" id="username" name="username" placeholder=""
97
+								class="form-control" ng-model="username" required>
98
+						</div>
99
+					</div>
100
+					<div class="form-group">
101
+						<!-- Password-->
102
+						<label class="col-md-3 control-label" for="password">License</label>
103
+						<div class="col-md-5">
104
+							<input type="password" id="password" name="password"
105
+								placeholder="" class="form-control" ng-model="password" required>
106
+						</div>
107
+					</div>
108
+					<div class="form-group">
109
+					    <div class="col-md-offset-3 col-md-10">
110
+					      			<button type="submit" class="btn btn-primary">
111
+					      			<span class="glyphicon glyphicon-floppy-disk"></span>
112
+					      			Save</button>
113
+					    </div>
114
+				</div>
115
+			</form>
116
+		</div>
117
+		<div class="panel panel-default">
118
+		  <div class="panel-heading">Licenses for pack <strong>BP-CICS-002</strong>
119
+		  <span class="badge pull-right" style="color:#ccffcc;">4</span>
120
+		  <span class="badge pull-right">15</span>
121
+		  </div>
122
+	
123
+		<table class="table table-hover table-condensed">
124
+		<thead>
125
+			<tr>
126
+			<th>License</th>
127
+			<th>Email</th>			
128
+			<th>Status</th>			
129
+			<th></th>			
130
+			</tr>
131
+		</thead>	
132
+		<tbody> 
133
+
134
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user1@bp.com</td><td class="success"><span class="glyphicon glyphicon-ok-circle"></span></td><td><span ng-click="editRow()" class="glyphicon glyphicon-pencil"></span></td></tr>
135
+			<tr><td>BP-CICS-0029HAHAHA UK</td><td>user2@bp.com</td><td class="success"><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
136
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user3@bp.com</td><td class="danger"><span class="glyphicon glyphicon-warning-sign"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
137
+			<tr><td>BP-CICS-0128HAHAHA UK</td><td>user4@bp.com</td><td class="danger"><span class="glyphicon glyphicon-warning-sign"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
138
+			<tr><td>BP-CICS-00qqasddHA UK</td><td>user5@bp.com</td><td class="success"><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
139
+			<tr><td>BP-CICS-0028HAaaHA UK</td><td>user6@bp.com</td><td class="warning"><span class="glyphicon glyphicon-question-sign"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
140
+			<tr><td>BP-CICS-0028aaaaHA UK</td><td>user7@bp.com</td><td class="warning"><span class="glyphicon glyphicon-question-sign"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
141
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user8@bp.com</td><td class="success"><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
142
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user9@bp.com</td><td><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
143
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user0@bp.com</td><td><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
144
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user11@bp.com</td><td><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
145
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user12@bp.com</td><td><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
146
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user13@bp.com</td><td><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
147
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user14@bp.com</td><td><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
148
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user15@bp.com</td><td><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
149
+			<tr><td>BP-CICS-0028HAHAHA UK</td><td>user16@bp.com</td><td><span class="glyphicon glyphicon-ok-circle"></span></td><td><span class="glyphicon glyphicon-pencil"></span></td></tr>
150
+		</tbody>
151
+		<tfoot>
152
+		</tfoot>		
153
+		</table>	
154
+		</div>
155
+	</div>
156
+
157
+	</div>
158
+
159
+	<hr>
160
+	<div>
161
+		<footer>
162
+			<small style="margin: auto; display: block;" class="text-center">&copy;
163
+				CurisTEC 2014</small>
164
+		</footer>
165
+	</div>
166
+	<!-- /container -->
167
+	<script
168
+		src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
169
+
170
+	<script type="text/javascript"
171
+		src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
172
+	<script type="text/javascript"
173
+		src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
174
+	<script type="text/javascript"
175
+		src="//code.angularjs.org/1.2.6/angular-route.js"></script>
176
+	<script type="text/javascript"
177
+		src="//code.angularjs.org/1.2.6/angular-resource.js"></script>
178
+	<script type="text/javascript" src="js/login.js"></script>
179
+
180
+	<!--  <script src="js/main.js"></script>  -->
181
+	<script type="text/javascript">
182
+        	$(function() {
183
+
184
+        	});
185
+			
186
+        </script>
187
+</body>
188
+</html>