adminLoginView.php 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5. <meta charset="utf-8">
  6. <title>Usky Admin | Login</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
  11. <link rel="stylesheet" type="text/css" href="<?php echo ADMIN_STYLE_PATH; ?>/css/cloud-admin.css" >
  12. <link href="<?php echo ADMIN_STYLE_PATH; ?>/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  13. <!-- UNIFORM -->
  14. <link rel="stylesheet" type="text/css" href="<?php echo ADMIN_STYLE_PATH; ?>/js/uniform/css/uniform.default.min.css" />
  15. <!-- ANIMATE -->
  16. <link rel="stylesheet" type="text/css" href="<?php echo ADMIN_STYLE_PATH; ?>/css/animatecss/animate.min.css" />
  17. <!-- FONTS -->
  18. <link href='<?php echo ADMIN_STYLE_PATH; ?>/css/google_font.css' rel='stylesheet' type='text/css'>
  19. </head>
  20. <body class="login">
  21. <!-- PAGE -->
  22. <section id="page">
  23. <!-- HEADER -->
  24. <header>
  25. <!-- NAV-BAR -->
  26. <div class="container">
  27. <div class="row">
  28. <div class="col-md-4 col-md-offset-4">
  29. <div id="logo">
  30. <a href="index.html"><img src="<?php echo ADMIN_STYLE_PATH; ?>/img/logo/logo.png" height="40" alt="logo name" /></a>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. <!--/NAV-BAR -->
  36. </header>
  37. <!--/HEADER -->
  38. <!-- LOGIN -->
  39. <section id="login_bg" class="visible">
  40. <div class="container">
  41. <div class="row">
  42. <div class="col-md-4 col-md-offset-4">
  43. <div class="login-box">
  44. <h2 class="bigintro">Sign In</h2>
  45. <div class="divide-40"></div>
  46. <form role="form" id='adminLoginForm'>
  47. <div class="form-group">
  48. <label for="exampleInputEmail1">用户名</label>
  49. <i class="fa fa-user"></i>
  50. <input type="text" class="form-control" name="adLogin" id="adLogin" >
  51. </div>
  52. <div class="form-group">
  53. <label for="exampleInputPassword1">密码</label>
  54. <i class="fa fa-lock"></i>
  55. <input type="password" class="form-control"
  56. <input type="text" class="form-control" name="adPass" id="adPass" >
  57. </div>
  58. <div>
  59. <label class="checkbox"> <input type="checkbox" class="uniform" value="" > 记住我的登录信息</label>
  60. <button type="button" class="btn btn-danger" id='adminLoginSub'>登录</button>
  61. </div>
  62. </form>
  63. <div class="login-helpers">
  64. <a href="#" onclick="swapScreen('forgot_bg');return false;">忘记密码?</a>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </section>
  71. <!--/LOGIN -->
  72. <!-- FORGOT PASSWORD -->
  73. <section id="forgot_bg">
  74. <div class="container">
  75. <div class="row">
  76. <div class="col-md-4 col-md-offset-4">
  77. <div class="login-box">
  78. <h2 class="bigintro">忘记密码</h2>
  79. <div class="divide-40"></div>
  80. <div class="center">
  81. <strong>忘记密码,请联系开发人员。</strong>
  82. </div>
  83. <div class="login-helpers">
  84. <a href="#" onclick="swapScreen('login_bg');return false;">Back to Login</a> <br>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </section>
  91. <!-- FORGOT PASSWORD -->
  92. </section>
  93. <!--/PAGE -->
  94. <!-- JAVASCRIPTS -->
  95. <!-- Placed at the end of the document so the pages load faster -->
  96. <!-- JQUERY -->
  97. <script src="<?php echo ADMIN_STYLE_PATH; ?>/js/jquery/jquery-2.0.3.min.js"></script>
  98. <!-- JQUERY UI-->
  99. <script src="<?php echo ADMIN_STYLE_PATH; ?>/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
  100. <!-- BOOTSTRAP -->
  101. <script src="<?php echo ADMIN_STYLE_PATH; ?>/bootstrap-dist/js/bootstrap.min.js"></script>
  102. <script type="text/javascript" src="<?php echo ADMIN_STYLE_PATH; ?>/js/jQuery-Cookie/jquery.cookie.min.js"></script>
  103. <!-- UNIFORM -->
  104. <script type="text/javascript" src="<?php echo ADMIN_STYLE_PATH; ?>/js/uniform/jquery.uniform.min.js"></script>
  105. <!-- BACKSTRETCH -->
  106. <script type="text/javascript" src="<?php echo ADMIN_STYLE_PATH; ?>/js/backstretch/jquery.backstretch.min.js"></script>
  107. <!-- BOOTBOX -->
  108. <script type="text/javascript" src="<?php echo ADMIN_STYLE_PATH; ?>/js/bootbox/bootbox.min.js"></script>
  109. <!-- CUSTOM SCRIPT -->
  110. <script src="<?php echo ADMIN_STYLE_PATH; ?>/js/script.js"></script>
  111. <script>
  112. jQuery(document).ready(function() {
  113. App.setPage("login_bg"); //Set current page
  114. App.init(); //Initialise plugins and elements
  115. });
  116. </script>
  117. <script type="text/javascript">
  118. function swapScreen(id) {
  119. jQuery('.visible').removeClass('visible animated fadeInUp');
  120. jQuery('#'+id).addClass('visible animated fadeInUp');
  121. }
  122. </script>
  123. <!-- /JAVASCRIPTS -->
  124. </body>
  125. </html>