forked from ~ulysseskao/xdashangular
blame | history | patch | commit | commitdiff | ignore whitespace
Dennis Kao
2016-04-26 f58eed4ff744969bc10af8ef1c4bed42c1e31eb0 
 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>


</html>