API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 31st, 2020
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.95 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2.  
  3. if(isset( $_SESSION["usuario"] )){
  4. header('location:?url=inicio');
  5. }
  6. ?>
  7.  
  8. <!DOCTYPE html>
  9. <html lang="es">
  10. <head>
  11. <title>Login</title>
  12. <meta charset="UTF-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1">
  14.  
  15. <link rel="stylesheet" type="text/css" href="public/css/bootsrap4.3.1.min.css">
  16. <link rel="stylesheet" type="text/css" href="public/css/plugins/select2/select2.min.css">
  17. <link rel="stylesheet" type="text/css" href="public/css/util.css">
  18. <link rel="stylesheet" href="public/plugins/toastr/toastr.min.css">
  19. <link rel="stylesheet" type="text/css" href="public/css/main.css">
  20. <style>
  21. select {
  22. /* reset */
  23.  
  24. margin: 0;
  25. -webkit-box-sizing: border-box;
  26. -moz-box-sizing: border-box;
  27. box-sizing: border-box;
  28. -webkit-appearance: none;
  29. -moz-appearance: none;
  30. }
  31.  
  32. select.minimal {
  33. background-image:
  34. linear-gradient(45deg, transparent 50%, gray 50%),
  35. linear-gradient(135deg, gray 50%, transparent 50%),
  36. linear-gradient(to right, #ccc, #ccc);
  37. background-position:
  38. calc(100% - 20px) calc(1em + 2px),
  39. calc(100% - 15px) calc(1em + 2px),
  40. calc(100% - 2.5em) 0.5em;
  41. background-size:
  42. 5px 5px,
  43. 5px 5px,
  44. 1px 1.5em;
  45. background-repeat: no-repeat;
  46. }
  47.  
  48. select.minimal:focus {
  49. background-image:
  50. linear-gradient(45deg, green 50%, transparent 50%),
  51. linear-gradient(135deg, transparent 50%, green 50%),
  52. linear-gradient(to right, #ccc, #ccc);
  53. background-position:
  54. calc(100% - 15px) 1em,
  55. calc(100% - 20px) 1em,
  56. calc(100% - 2.5em) 0.5em;
  57. background-size:
  58. 5px 5px,
  59. 5px 5px,
  60. 1px 1.5em;
  61. background-repeat: no-repeat;
  62. border-color: green;
  63. outline: 0;
  64. }
  65.  
  66. select:-moz-focusring {
  67. color: transparent;
  68. text-shadow: 0 0 0 #000;
  69. }
  70.  
  71. .panel{
  72. display: none;
  73. }
  74.  
  75. .panel.show{
  76. display: block;
  77. }
  78.  
  79. .tab-links div{
  80. text-decoration: none;
  81. display: inline-block;
  82. }
  83.  
  84. .tab-links a{
  85. text-decoration: none;
  86. display: inline-block;
  87. text-transform: uppercase;
  88. font-size: 1.10em;
  89. position: relative;
  90. }
  91.  
  92. .tab-links a.active{
  93. color: #696F9C;
  94. }
  95.  
  96. .tab-links a.active:after{
  97. content: '';
  98. border-bottom: 3px solid #494F7C;
  99. position: absolute;
  100. bottom: -5px;
  101. left: 0;
  102. right: 0;
  103. margin: auto;
  104. height: 10px;
  105. width: 50%;
  106. }
  107.  
  108. </style>
  109. </head>
  110.  
  111. <body style="background-color: #666666;">
  112. <div class="limiter">
  113. <div class="container-login100">
  114. <div class="wrap-login100">
  115.  
  116. <div class="login100-form validate-form">
  117.  
  118. <span class="p-b-43" style="background: #FFF;margin-bottom: 2em;display: block;">
  119. <img class="w-full" src="public/images/ministerio.png" alt="diris">
  120. <span style="text-align: left;" >DIRECCIÓN DE REDES INTEGRADAS DE SALUD LIMA CENTRO</span>
  121. </span>
  122.  
  123. <span class="login100-form-title p-b-43">
  124. MÓDULO BANCO DE SANGRE
  125. </span>
  126.  
  127. <div>
  128. <div id="tabsLink" class="tab-links" style="margin-bottom: 1.2em;">
  129. <div><a class="active" href="#panel1">Usuario</a></div>
  130. <div style="margin-left: .5em;margin-right: .5em;"> | </div>
  131. <div><a href="#panel2">Establecimiento</a></div>
  132. </div>
  133.  
  134. </div>
  135. <div>
  136. <div id="panel1" class="panel show">
  137. <form action="controllers/UsuarioController.php" method="post" id="form_login_1">
  138.  
  139. <input type="hidden" name="action" value="login">
  140.  
  141. <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
  142. <input class="input100" type="text" name="usuario" id="txt_usuario" style="text-transform: uppercase">
  143. <span class="focus-input100"></span>
  144. <span class="label-input100">Usuario</span>
  145. </div>
  146. <div class="wrap-input100 validate-input" data-validate="Password is required">
  147. <input class="input100" type="password" name="clave" id="txt_pass">
  148. <span class="focus-input100"></span>
  149. <span class="label-input100">Contraseña</span>
  150. </div>
  151. <div class="container-login100-form-btn my-4">
  152. <button class="login100-form-btn" onclick="validate(event)">
  153. Ingresar
  154. </button>
  155. </div>
  156. </form>
  157. </div>
  158.  
  159. <div id="panel2" class="panel">
  160. <form action="controllers/UsuarioController.php" method="post" id="form_login_2">
  161. <input type="hidden" name="action" value="login">
  162. <input type="hidden" name="login_est" value="1">
  163. <div id="" class="wrap-input100 validate-input">
  164. <!--<select class="input100">-->
  165. <!--onKeyDown="campoSiguiente('password', event);"-->
  166. <select class="minimal input100 form-control" style="width: 100%;"
  167. name="usuario" id="cbx_id_est" >
  168. <option value="*">--Seleccione Establecimiento--</option>
  169. </select>
  170. <span class="focus-input100"></span>
  171. <span class="label-input100" style="margin-bottom: 2em;">Establecimiento</span>
  172. </div>
  173.  
  174. <div class="wrap-input100 validate-input" data-validate="Password is required">
  175. <input class="input100" type="password" name="clave" id="txt_pass_est">
  176. <span class="focus-input100"></span>
  177. <span class="label-input100">Contraseña</span>
  178. </div>
  179.  
  180. <div class="container-login100-form-btn my-4">
  181. <button class="login100-form-btn" onclick="validate2(event)">
  182. Ingresar
  183. </button>
  184. </div>
  185. </form>
  186. </div>
  187.  
  188. </div>
  189.  
  190. </div>
  191.  
  192. <div class="login100-more" style="background-image: url('public/images/bg-01.jpg');">
  193. <div style="width: 100%;height: 100%;background: rgba(100,100,100,.5);">
  194.  
  195. </div>
  196. </div>
  197.  
  198. </div>
  199. </div>
  200. </div>
  201.  
  202. <script id="cbx_est_tmplt" type="x-tmpl-mustache">
  203. <option value="*">--Seleccione Dependencia--</option>
  204. {{#data}}
  205. <option value='{{id}}'> {{descripcion}}</option>
  206. {{/data}}
  207. </script>
  208.  
  209. <script src="public/js/jquery-3.1.1.min.js"></script>
  210. <script src="public/js/bootstrap4.3.1.js"></script>
  211. <script src="public/js/plugins/mustache/mustache.min.js"></script>
  212. <script src="public/plugins/toastr/toastr.min.js"></script>
  213. <script src="public/js/plugins/select2/select2.full.min.js"></script>
  214. <script src="public/js/plugins/chosen/chosen.jquery.js"></script>
  215. <script src="public/js/my_functions.js"></script>
  216. <script src="public/js/main.js"></script>
  217.  
  218. <script>
  219.  
  220. document.addEventListener('DOMContentLoaded', function () {
  221. var tabsLinkContent = document.getElementById('tabsLink');
  222. tabsLinkContent.addEventListener('click',function(e){
  223. if(e.target.localName === 'a'){
  224. e.preventDefault();
  225. var hash = e.target.hash.substr(1);
  226. var links = tabsLinkContent.getElementsByTagName('a');
  227. var link = e.target;
  228. var panels = document.getElementsByClassName('panel');
  229. var panel = document.getElementById(hash);
  230.  
  231. for( var i=0;i < panels.length;i++ ){ panels[i].classList.remove('show'); }
  232. for( var j=0;j < panels.length;j++ ){ links[j].classList.remove('active'); }
  233. panel.classList.add('show');
  234. link.classList.add('active');
  235. }
  236. });
  237. loadEstablecimiento();
  238. });
  239.  
  240. function loadEstablecimiento(){
  241. $.ajax({
  242. url: "controllers/EstablecimientoController.php",
  243. dataType: "json",
  244. type: "get",
  245. data: {
  246. action : 'cbx_establecimiento'
  247. },
  248. success: function (result) {
  249.  
  250. if (result.error === "") {
  251. loadDataToTemplate('cbx_est_tmplt','cbx_id_est',result.rows);
  252. $("#cbx_id_est").select2();
  253. }
  254. }
  255. });
  256. }
  257.  
  258. function validate(e) {
  259.  
  260. e.preventDefault();
  261.  
  262. var usuario = document.getElementById("txt_usuario").value.trim();
  263. var pass = document.getElementById("txt_pass").value.trim();
  264.  
  265. var errorMessage = "";
  266.  
  267. if (usuario === "") errorMessage = "Ingrese su usuario";
  268. else if (pass === "") errorMessage = "Ingrese su contraseña";
  269.  
  270. if (errorMessage !== "") return showMessage(errorMessage, "error");
  271.  
  272. $.ajax({
  273. url: "controllers/UsuarioController.php",
  274. dataType: "json",
  275. type: "post",
  276. data: {
  277. action : 'login_ajax',
  278. usuario: usuario,
  279. clave: pass
  280. },
  281. success: function (result) {
  282.  
  283. if (result.error === "") {
  284. return document.querySelector("#form_login_1").submit();
  285. }
  286.  
  287. showMessage(result.error, "error");
  288. }
  289. });
  290. }
  291.  
  292. function validate2(e) {
  293.  
  294. e.preventDefault();
  295.  
  296. var usuario = document.getElementById("cbx_id_est").value.trim();
  297. var pass = document.getElementById("txt_pass_est").value.trim();
  298.  
  299. var errorMessage = "";
  300.  
  301. if (usuario === "" || usuario === "*")
  302. errorMessage = "Seleccione Establecimiento";
  303. else if (pass === "")
  304. errorMessage = "Ingrese su clave";
  305.  
  306. if (errorMessage !== "") return showMessage(errorMessage, "error");
  307.  
  308. $.ajax({
  309. url: "controllers/UsuarioController.php",
  310. dataType: "json",
  311. type: "post",
  312. data: {
  313. action : 'login_ajax',
  314. usuario: usuario,
  315. clave: pass,
  316. login_est: 1
  317. },
  318. success: function (result) {
  319.  
  320. if (result.error === "") {
  321. return document.querySelector("#form_login_2").submit();
  322. }
  323.  
  324. showMessage(result.error, "error");
  325. }
  326. });
  327. }
  328.  
  329. </script>
  330.  
  331. </body>
  332. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!