From f58eed4ff744969bc10af8ef1c4bed42c1e31eb0 Mon Sep 17 00:00:00 2001
From: Dennis Kao <ulysseskao@gmail.com>
Date: Tue, 26 Apr 2016 01:57:12 +0800
Subject: [PATCH] ui-router templates
---
grails-app/views/login.gsp | 131 ++++++++++++++++++++++++++++++-------------
1 files changed, 91 insertions(+), 40 deletions(-)
diff --git a/grails-app/views/login.gsp b/grails-app/views/login.gsp
index 9062021..a3caf69 100644
--- a/grails-app/views/login.gsp
+++ b/grails-app/views/login.gsp
@@ -1,52 +1,103 @@
-<!doctype html>
-<html lang="en" class="no-js">
+<!DOCTYPE html>
+<html>
<head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <title>Ximple AdminLTE 2 | Log in</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
- <asset:stylesheet src="application.css"/>
+ <!-- Bootstrap 3.3.6 -->
+ <asset:stylesheet src="bootstrap/css/bootstrap.min.css"/>
<!-- Font Awesome -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
+ <asset:stylesheet src="font-awesome/css/font-awesome.min.css"/>
<!-- Ionicons -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
+ <asset:stylesheet src="ionicons/css/ionicons.min.css"/>
+ <!-- Theme style -->
+ <asset:stylesheet src="AdminLTE.min.css"/>
+ <!-- AdminLTE Skins. Choose a skin from the css/skins
+ folder instead of downloading all of them to reduce the load. -->
+ <asset:stylesheet src="skins/_all-skins.min.css"/>
+ <!-- iCheck -->
+ <asset:stylesheet src="jquery/icheck/skins/flat/blue.css"/>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
-
- <style type="text/css">
- [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
- display: none !important;
- }
- </style>
-
- <title>xDashAngular : Login</title>
- <asset:link rel="icon" href="favicon.ico" type="image/x-ico" />
- <script>
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
- ga('create', 'UA-XXXXX-X');
- ga('send', 'pageview');
- </script>
- <!-- Custom CSS -->
-
- <!-- Custom Fonts -->
-
- <!-- Morris Charts CSS -->
- <!-- <link href="styles/morrisjs/morris.css" rel="stylesheet"> -->
-
- <script type="text/javascript">
- window.contextPath = "${request.contextPath}";
- </script>
+ <asset:javascript src="html5shiv/html5shiv.min.js"/>
+ <asset:javascript src="respond/respond.min.js"/>
+ <![endif]-->
</head>
-<body>
-login
- <asset:javascript src="/xdashangular/xdashangular.js" />
+<body class="hold-transition login-page">
+<div class="login-box">
+ <div class="login-logo">
+ <a href="/"><b>Ximple</b>LTE</a>
+ </div>
+ <!-- /.login-logo -->
+ <div class="login-box-body">
+ <p class="login-box-msg">Sign in to start your session</p>
+
+ <form action="/" method="post">
+ <div class="form-group has-feedback">
+ <input type="email" class="form-control" placeholder="Email">
+ <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
+ </div>
+ <div class="form-group has-feedback">
+ <input type="password" class="form-control" placeholder="Password">
+ <span class="glyphicon glyphicon-lock form-control-feedback"></span>
+ </div>
+ <div class="row">
+ <div class="col-xs-8">
+ <div class="checkbox icheck">
+ <label>
+ <input type="checkbox"> Remember Me
+ </label>
+ </div>
+ </div>
+ <!-- /.col -->
+ <div class="col-xs-4">
+ <button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
+ </div>
+ <!-- /.col -->
+ </div>
+ </form>
+
+ <!--div class="social-auth-links text-center">
+ <p>- OR -</p>
+ <a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using
+ Facebook</a>
+ <a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign in using
+ Google+</a>
+ </div-->
+ <!-- /.social-auth-links -->
+
+ <!--a href="#">I forgot my password</a><br>
+ <a href="register.html" class="text-center">Register a new membership</a-->
+
+ </div>
+ <!-- /.login-box-body -->
+</div>
+<!-- /.login-box -->
+
+<!-- jQuery 2.2.0 -->
+<asset:javascript src="jquery/jquery.min.js"/>
+<!-- jQuery UI 1.11.4 -->
+<!--asset:javascript src="jquery/jquery-ui.min.js"/-->
+<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
+<script>
+ // $.widget.bridge('uibutton', $.ui.button);
+</script>
+<!-- Bootstrap 3.3.6 -->
+<asset:javascript src="bootstrap/bootstrap.min.js"/>
+<!-- iCheck -->
+<asset:javascript src="jquery/icheck.min.js"/>
+<script>
+ $(function () {
+ $('input').iCheck({
+ checkboxClass: 'icheckbox_square-blue',
+ radioClass: 'iradio_square-blue',
+ increaseArea: '20%' // optional
+ });
+ });
+</script>
</body>
-</html>
\ No newline at end of file
+</html>
--
Gitblit v0.0.0-SNAPSHOT