From d7ee99d10fc17ca29511b2f1e551fcd1dd1c2c8e Mon Sep 17 00:00:00 2001
From: Roberto Sánchez <roberto.sanchez@curisit.net>
Date: Mon, 23 Dec 2013 17:38:25 +0000
Subject: [PATCH] #333 feature - Added login and first main page design
---
securis/src/main/resources/static/login.html | 209 +++++++++++++++++++++++++++-------------------------
1 files changed, 109 insertions(+), 100 deletions(-)
diff --git a/securis/src/main/resources/static/login.html b/securis/src/main/resources/static/login.html
index 094ac7d..5570b9e 100644
--- a/securis/src/main/resources/static/login.html
+++ b/securis/src/main/resources/static/login.html
@@ -1,108 +1,117 @@
<!DOCTYPE html>
-<html class="no-js" lang="en">
- <head>
- <base href="/base">
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title></title>
- <meta name="description" content="">
- <meta name="viewport" content="width=device-width">
+<html class="no-js" lang="en" ng-app="app" xmlns:ng="http://angularjs.org">
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<title></title>
+<meta name="description" content="">
+<meta name="viewport" content="width=device-width">
- <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
- <style>
- body {
- padding-top: 50px;
- padding-bottom: 20px;
- }
- </style>
- <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
- <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
- <link rel="stylesheet" href="css/main.css">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
+<link rel="stylesheet"
+ href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
+<style>
+body {
+ padding-top: 50px;
+ padding-bottom: 20px;
+}
+</style>
+<link rel="stylesheet"
+ href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
+<link rel="stylesheet"
+ href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
+<!-- <link rel="stylesheet" href="css/main.css"> -->
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> -->
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
- </head>
- <body>
- <div class="navbar navbar-inverse navbar-fixed-top">
- <div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#">SeCuris</a>
- </div>
- <div class="navbar-collapse collapse">
- <ul class="nav navbar-nav">
- <li><a href="#about">About</a></li>
- <li><a href="#contact">Contact</a></li>
- </ul>
- <form class="navbar-form navbar-right">
- <div class="form-group">
- <input type="text" placeholder="Email" class="form-control">
- </div>
- <div class="form-group">
- <input type="password" placeholder="Password" class="form-control">
- </div>
- <button type="submit" class="btn btn-success">Sign in</button>
- </form>
- </div><!--/.navbar-collapse -->
- </div>
- </div>
-
- <!-- Main jumbotron for a primary marketing message or call to action -->
- <div class="jumbotron">
- <div class="container">
- <h2>SeCuris</h2>
- <p>Server License for CurisTEC products.</p>
- </div>
- </div>
-
-<div class="container">
-<div class="col-md-8 col-md-offset-2">
- <form role="form" class="form-horizontal" action='/login' method="POST">
- <fieldset>
- <div id="legend">
- <legend class="">Login</legend>
- </div>
- <div class="form-group">
- <!-- Username -->
- <label class="col-sm-3 control-label" for="username">Username</label>
- <div class="col-sm-5">
- <input type="text" id="user" name="user" placeholder="" class="form-control">
- </div>
- </div>
- <div class="form-group">
- <!-- Password-->
- <label class="col-sm-3 control-label" for="password">Password</label>
- <div class="col-sm-5">
- <input type="password" id="password" name="password" placeholder="" class="form-control">
- </div>
- </div>
- <div class="checkbox">
- <label>
- <input type="checkbox"> Remember credentials
- </label>
- </div>
- <button type="submit" class="btn btn-primary">Login</button>
- </fieldset>
- </form>
+<!-- <script src="js/vendor/modernizr-2.6.2.min.js"></script> -->
+</head>
+<body>
+ <div class="navbar navbar-inverse navbar-fixed-top">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse"
+ data-target=".navbar-collapse">
+ <span class="icon-bar"></span> <span class="icon-bar"></span> <span
+ class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="#">SeCuris</a>
</div>
-</div>
+ <div class="navbar-collapse collapse">
+ <ul class="nav navbar-nav navbar-right">
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <!-- Main jumbotron for a primary marketing message or call to action -->
+ <div class="jumbotron">
+ <div class="container">
+ <h2>SeCuris</h2>
+ <p>Server License for CurisTEC products.</p>
+ </div>
+ </div>
+
+ <div class="container">
+ <div class="col-md-8 col-md-offset-2">
+ <form role="form" class="form-horizontal" ng-controller="LoginCtrl"
+ ng-submit="submit()" name="loginForm">
+ <p class="lead">Sign in application</p>
+ <fieldset>
+ <div class="form-group">
+ <label class="col-md-3 control-label" for="username">Username</label>
+ <div class="col-md-5">
+ <input type="text" id="username" name="username" placeholder=""
+ class="form-control" ng-model="username" required>
+ </div>
+ </div>
+ <div class="form-group">
+ <!-- Password-->
+ <label class="col-md-3 control-label" for="password">Password</label>
+ <div class="col-md-5">
+ <input type="password" id="password" name="password"
+ placeholder="" class="form-control" ng-model="password" required>
+ </div>
+ </div>
+ <div ng-show="$loginerror" class="alert alert-danger col-md-8 hide" id="loginError">
+ <button type="button" class="close" aria-hidden="true" ng-click="hideAlert()">×</button>
+ <span>{{$errormsg}}</span>
+ </div>
+ </fieldset>
+ <button type="submit" class="btn btn-primary">Login</button>
+ </form>
+ </div>
+ </div>
- <hr>
-<div>
- <footer>
- <small style="margin: auto; display:block;" class="text-center">© CurisTEC 2014</small>
- </footer>
- </div> <!-- /container -->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
-
- <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+ <hr>
+ <div>
+ <footer>
+ <small style="margin: auto; display: block;" class="text-center">©
+ CurisTEC 2014</small>
+ </footer>
+ </div>
+ <!-- /container -->
+ <script
+ src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
-<!-- <script src="js/main.js"></script> -->
- </body>
+ <script type="text/javascript"
+ src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+ <script type="text/javascript"
+ src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
+ <script type="text/javascript"
+ src="//code.angularjs.org/1.2.6/angular-route.js"></script>
+ <script type="text/javascript"
+ src="//code.angularjs.org/1.2.6/angular-resource.js"></script>
+ <script type="text/javascript" src="js/login.js"></script>
+
+ <!-- <script src="js/main.js"></script> -->
+ <script type="text/javascript">
+ $(function() {
+ $('#user').focus();
+ });
+
+ </script>
+</body>
</html>
\ No newline at end of file
--
Gitblit v1.3.2