Roberto Sánchez
2013-12-23 d7ee99d10fc17ca29511b2f1e551fcd1dd1c2c8e
securis/src/main/resources/static/login.html
....@@ -1,108 +1,117 @@
11 <!DOCTYPE html>
2
-<html class="no-js" lang="en">
3
- <head>
4
- <base href="/base">
5
- <meta charset="utf-8">
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
- <title></title>
8
- <meta name="description" content="">
9
- <meta name="viewport" content="width=device-width">
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">
109
11
- <link rel="stylesheet" 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" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
19
- <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
20
- <link rel="stylesheet" href="css/main.css">
21
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
22
- <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
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"> -->
2325
24
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
25
- </head>
26
- <body>
27
- <div class="navbar navbar-inverse navbar-fixed-top">
28
- <div class="container">
29
- <div class="navbar-header">
30
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
31
- <span class="icon-bar"></span>
32
- <span class="icon-bar"></span>
33
- <span class="icon-bar"></span>
34
- </button>
35
- <a class="navbar-brand" href="#">SeCuris</a>
36
- </div>
37
- <div class="navbar-collapse collapse">
38
- <ul class="nav navbar-nav">
39
- <li><a href="#about">About</a></li>
40
- <li><a href="#contact">Contact</a></li>
41
- </ul>
42
- <form class="navbar-form navbar-right">
43
- <div class="form-group">
44
- <input type="text" placeholder="Email" class="form-control">
45
- </div>
46
- <div class="form-group">
47
- <input type="password" placeholder="Password" class="form-control">
48
- </div>
49
- <button type="submit" class="btn btn-success">Sign in</button>
50
- </form>
51
- </div><!--/.navbar-collapse -->
52
- </div>
53
- </div>
54
-
55
- <!-- Main jumbotron for a primary marketing message or call to action -->
56
- <div class="jumbotron">
57
- <div class="container">
58
- <h2>SeCuris</h2>
59
- <p>Server License for CurisTEC products.</p>
60
- </div>
61
- </div>
62
-
63
-<div class="container">
64
-<div class="col-md-8 col-md-offset-2">
65
- <form role="form" class="form-horizontal" action='/login' method="POST">
66
- <fieldset>
67
- <div id="legend">
68
- <legend class="">Login</legend>
69
- </div>
70
- <div class="form-group">
71
- <!-- Username -->
72
- <label class="col-sm-3 control-label" for="username">Username</label>
73
- <div class="col-sm-5">
74
- <input type="text" id="user" name="user" placeholder="" class="form-control">
75
- </div>
76
- </div>
77
- <div class="form-group">
78
- <!-- Password-->
79
- <label class="col-sm-3 control-label" for="password">Password</label>
80
- <div class="col-sm-5">
81
- <input type="password" id="password" name="password" placeholder="" class="form-control">
82
- </div>
83
- </div>
84
- <div class="checkbox">
85
- <label>
86
- <input type="checkbox"> Remember credentials
87
- </label>
88
- </div>
89
- <button type="submit" class="btn btn-primary">Login</button>
90
- </fieldset>
91
- </form>
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
+ <button type="button" class="navbar-toggle" data-toggle="collapse"
33
+ data-target=".navbar-collapse">
34
+ <span class="icon-bar"></span> <span class="icon-bar"></span> <span
35
+ class="icon-bar"></span>
36
+ </button>
37
+ <a class="navbar-brand" href="#">SeCuris</a>
9238 </div>
93
-</div>
39
+ <div class="navbar-collapse collapse">
40
+ <ul class="nav navbar-nav navbar-right">
41
+ <li><a href="#about">About</a></li>
42
+ <li><a href="#contact">Contact</a></li>
43
+ </ul>
44
+ </div>
45
+ </div>
46
+ </div>
47
+
48
+ <!-- Main jumbotron for a primary marketing message or call to action -->
49
+ <div class="jumbotron">
50
+ <div class="container">
51
+ <h2>SeCuris</h2>
52
+ <p>Server License for CurisTEC products.</p>
53
+ </div>
54
+ </div>
55
+
56
+ <div class="container">
57
+ <div class="col-md-8 col-md-offset-2">
58
+ <form role="form" class="form-horizontal" ng-controller="LoginCtrl"
59
+ ng-submit="submit()" name="loginForm">
60
+ <p class="lead">Sign in application</p>
61
+ <fieldset>
62
+ <div class="form-group">
63
+ <label class="col-md-3 control-label" for="username">Username</label>
64
+ <div class="col-md-5">
65
+ <input type="text" id="username" name="username" placeholder=""
66
+ class="form-control" ng-model="username" required>
67
+ </div>
68
+ </div>
69
+ <div class="form-group">
70
+ <!-- Password-->
71
+ <label class="col-md-3 control-label" for="password">Password</label>
72
+ <div class="col-md-5">
73
+ <input type="password" id="password" name="password"
74
+ placeholder="" class="form-control" ng-model="password" required>
75
+ </div>
76
+ </div>
77
+ <div ng-show="$loginerror" class="alert alert-danger col-md-8 hide" id="loginError">
78
+ <button type="button" class="close" aria-hidden="true" ng-click="hideAlert()">&times;</button>
79
+ <span>{{$errormsg}}</span>
80
+ </div>
81
+ </fieldset>
82
+ <button type="submit" class="btn btn-primary">Login</button>
83
+ </form>
84
+ </div>
85
+ </div>
9486
9587
96
- <hr>
97
-<div>
98
- <footer>
99
- <small style="margin: auto; display:block;" class="text-center">&copy; CurisTEC 2014</small>
100
- </footer>
101
- </div> <!-- /container -->
102
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
103
-
104
- <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
88
+ <hr>
89
+ <div>
90
+ <footer>
91
+ <small style="margin: auto; display: block;" class="text-center">&copy;
92
+ CurisTEC 2014</small>
93
+ </footer>
94
+ </div>
95
+ <!-- /container -->
96
+ <script
97
+ src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
10598
106
-<!-- <script src="js/main.js"></script> -->
107
- </body>
99
+ <script type="text/javascript"
100
+ src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
101
+ <script type="text/javascript"
102
+ src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
103
+ <script type="text/javascript"
104
+ src="//code.angularjs.org/1.2.6/angular-route.js"></script>
105
+ <script type="text/javascript"
106
+ src="//code.angularjs.org/1.2.6/angular-resource.js"></script>
107
+ <script type="text/javascript" src="js/login.js"></script>
108
+
109
+ <!-- <script src="js/main.js"></script> -->
110
+ <script type="text/javascript">
111
+ $(function() {
112
+ $('#user').focus();
113
+ });
114
+
115
+ </script>
116
+</body>
108117 </html>