VM暫存
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

admin_login_page.php 5.6KB

8 년 전
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <!DOCTYPE html>
  2. <html lang="zh-TW">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>歐特儀管理系統 (<?=STATION_NAME?>)</title>
  10. <!-- Bootstrap Core CSS -->
  11. <link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- MetisMenu CSS -->
  13. <link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
  14. <!-- Timeline CSS -->
  15. <link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">
  16. <!-- Custom CSS -->
  17. <link href="<?=BOOTSTRAPS?>dist/css/sb-admin-2.css" rel="stylesheet">
  18. <!-- Morris Charts CSS -->
  19. <link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">
  20. <!-- Custom Fonts -->
  21. <link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  22. </head>
  23. <body style="font-family:Microsoft JhengHei;">
  24. <div id="wrapper">
  25. <!-- Navigation -->
  26. <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
  27. <div class="navbar-header">
  28. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  29. <span class="sr-only">Toggle navigation</span>
  30. <span class="icon-bar"></span>
  31. <span class="icon-bar"></span>
  32. <span class="icon-bar"></span>
  33. </button>
  34. <a class="navbar-brand" href="">歐特儀管理系統 (<?=STATION_NAME?>)</a>
  35. </div>
  36. <!-- /.navbar-static-side -->
  37. </nav>
  38. <div id="page-wrapper">
  39. <div class="row">
  40. <div class="col-lg-12">
  41. <h1 class="page-header">管理者登入</h1>
  42. </div>
  43. <!-- /.col-lg-12 -->
  44. </div>
  45. <!-- /.row -->
  46. <div data-items="user_login" class="row" >
  47. <div class="col-lg-5">
  48. <div class="panel panel-default">
  49. <div class="panel-body">
  50. <div data-rows class="row">
  51. <div class="col-lg-12">
  52. <form id="user_login" role="form" method="post">
  53. <div class="form-group">
  54. <label>帳號</label>
  55. <input id="login_name" name="login_name" class="form-control"
  56. data-validation="required"
  57. data-validation-error-msg="請輸入帳號">
  58. </div>
  59. <div class="form-group">
  60. <label>密碼</label>
  61. <input id="pswd" name='pswd' type="password" class="form-control"
  62. data-validation="required"
  63. data-validation-error-msg="請輸入密碼">
  64. </div>
  65. <button type="submit" class="btn btn-default">登入</button>
  66. </form>
  67. </div>
  68. <!-- /.col-lg-6 (nested) -->
  69. </div>
  70. <!-- /.row (nested) -->
  71. </div>
  72. <!-- /.panel-body -->
  73. </div>
  74. <!-- /.panel -->
  75. </div>
  76. <!-- /.col-lg-6 -->
  77. </div>
  78. </div>
  79. <!-- /#page-wrapper -->
  80. </div>
  81. <!-- /#wrapper -->
  82. <!-- jQuery -->
  83. <script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>
  84. <!-- Bootstrap Core JavaScript -->
  85. <script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  86. <!-- Metis Menu Plugin JavaScript -->
  87. <script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>
  88. <!-- Morris Charts JavaScript -->
  89. <script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>
  90. <!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->
  91. <!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->
  92. <!-- Custom Theme JavaScript -->
  93. <script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>
  94. <!-- jQuery validate -->
  95. <script src="<?=WEB_LIB?>form-validator/jquery.form-validator.min.js"></script>
  96. <!-- alertify -->
  97. <link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">
  98. <link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">
  99. <script src="<?=WEB_LIB?>js/alertify.min.js"></script>
  100. </html>
  101. <script>
  102. <?php /* alertify function */ ?>
  103. function alertify_log($msg)
  104. {
  105. alertify.set({delay : 2000});
  106. alertify.log($msg);
  107. }
  108. function alertify_error($msg)
  109. {
  110. alertify.set({delay : 2000});
  111. alertify.error($msg);
  112. }
  113. function alertify_success($msg)
  114. {
  115. alertify.set({delay : 2000});
  116. alertify.success($msg);
  117. }
  118. $(document).ready(function()
  119. {
  120. <?php /* validate 設定start */ ?>
  121. $.validate(
  122. {
  123. modules : 'security',
  124. }
  125. );
  126. <?php /* validate 設定end */ ?>
  127. $("#user_login").submit(function(event)
  128. {
  129. event.preventDefault();
  130. $.ajax
  131. ({
  132. url: "<?=APP_URL?>user_login",
  133. type: "post",
  134. dataType:"text",
  135. data: $(this).serialize(),
  136. success: function(jdata)
  137. {
  138. if(jdata == 'ok')
  139. {
  140. location.reload();
  141. }
  142. else if(jdata == '-1')
  143. {
  144. alertify_error("輸入資料有誤");
  145. }
  146. else
  147. {
  148. alertify_error("登入資訊無效, 請通知管理員");
  149. }
  150. }
  151. });
  152. });
  153. });
  154. </script>