You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

216 lines
8.2 KiB

4 years ago
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4. <title>Pedidos de Ventas</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!--===============================================================================================-->
  8. <link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
  9. <!--===============================================================================================-->
  10. <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
  11. <!--===============================================================================================-->
  12. <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
  13. <!--===============================================================================================-->
  14. <link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
  15. <!--===============================================================================================-->
  16. <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
  17. <!--===============================================================================================-->
  18. <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
  19. <!--===============================================================================================-->
  20. <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
  21. <!--===============================================================================================-->
  22. <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
  23. <!--===============================================================================================-->
  24. <link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
  25. <!--===============================================================================================-->
  26. <link rel="stylesheet" type="text/css" href="css/util.css">
  27. <link rel="stylesheet" type="text/css" href="css/main.css">
  28. <!--===============================================================================================-->
  29. </head>
  30. <body style="width:100%; height:100%;">
  31. <div id="mybackground" >
  32. <div id="myPreContent"><div class="loader"></div></div>
  33. </div>
  34. <div class="limiter" style="width:100%; height:100%;">
  35. <div class="limiter" style=" margin-top: 0px;">
  36. <!-- <div class="container-login100" style="background-image: url('images/bg-05.jpg'); width:100%; height:100%;">
  37. -->
  38. <div class="container-login100" >
  39. <div class="wrap-login100 correcting" style="background:cadetblue!important;">
  40. <form class="login100-form validate-form" action="./users/index.php" method="post">
  41. <!--<span class="login100-form-logo">
  42. <img src="images/icons/wine1.png" class="img-responsive" style="width:90%" alt="Dioniosio">
  43. </span>-->
  44. <span class="login100-form-title p-b-34 p-t-27">
  45. Pedidos de Ventas Especiales
  46. </span>
  47. <div class="wrap-input100 validate-input" data-validate = "Ingresar usuario">
  48. <input class="input100" type="text" name="username" placeholder="Usuario" autocomplete="off">
  49. <span class="focus-input100" data-placeholder="&#xf207;"></span>
  50. </div>
  51. <div class="wrap-input100 validate-input" data-validate="Ingresar contraseña">
  52. <input class="input100" id="mypass" type="text" name="pass" placeholder="Contraseña" autocomplete="off">
  53. <span class="focus-input100" data-placeholder="&#xf191;"></span>
  54. </div>
  55. <div id="chbox" style="padding-left: 60%;">
  56. <div class="contact100-form-checkbox">
  57. <input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me" >
  58. <label class="label-checkbox100" for="ckb1">
  59. Ver contraseña
  60. </label></div>
  61. </div>
  62. <div class="container-login100-form-btn">
  63. <button class="login100-form-btn" type="submit" formtarget="_self">
  64. Login
  65. </button>
  66. </div>
  67. <div class="text-center p-t-90">
  68. <a class="txt1" href="http://www.mcanet.com.ar">
  69. <img src="images/icons/mcanet.png" class="img-responsive" style="width:20%" alt="Dioniosio">
  70. </a>
  71. </div>
  72. </form>
  73. </div>
  74. </div>
  75. </div>
  76. <div id="dropDownSelect1"></div>
  77. <!--===============================================================================================-->
  78. <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
  79. <!--===============================================================================================-->
  80. <script src="vendor/animsition/js/animsition.min.js"></script>
  81. <!--===============================================================================================-->
  82. <script src="vendor/bootstrap/js/popper.js"></script>
  83. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  84. <!--===============================================================================================-->
  85. <script src="vendor/select2/select2.min.js"></script>
  86. <!--===============================================================================================-->
  87. <script src="vendor/daterangepicker/moment.min.js"></script>
  88. <script src="vendor/daterangepicker/daterangepicker.js"></script>
  89. <!--===============================================================================================-->
  90. <script src="vendor/countdowntime/countdowntime.js"></script>
  91. <!--===============================================================================================-->
  92. <script src=""></script>
  93. <script type="text/javascript">
  94. $("#mypass").css("-webkit-text-security", "disc");
  95. $("#ckb1").click(function(){
  96. if($("#mypass").css("-webkit-text-security")=="disc"){
  97. $("#mypass").css("-webkit-text-security", "none");
  98. }else{
  99. $("#mypass").css("-webkit-text-security", "disc");
  100. }
  101. });
  102. (function ($) {
  103. "use strict";
  104. /*==================================================================
  105. [ Focus input ]*/
  106. $('.input100').each(function(){
  107. $(this).on('blur', function(){
  108. if($(this).val().trim() != "") {
  109. $(this).addClass('has-val');
  110. }
  111. else {
  112. $(this).removeClass('has-val');
  113. }
  114. })
  115. })
  116. /*==================================================================
  117. [ Validate ]*/
  118. var input = $('.validate-input .input100');
  119. $('.validate-form').on('submit',function(){
  120. var check = true;
  121. for(var i=0; i<input.length; i++) {
  122. if(validate(input[i]) == false){
  123. showValidate(input[i]);
  124. check=false;
  125. }
  126. }
  127. return check;
  128. });
  129. $('.validate-form .input100').each(function(){
  130. $(this).focus(function(){
  131. hideValidate(this);
  132. });
  133. });
  134. function validate (input) {
  135. if($(input).attr('type') == 'email' || $(input).attr('name') == 'email') {
  136. if($(input).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
  137. return false;
  138. }
  139. }
  140. else {
  141. if($(input).val().trim() == ''){
  142. return false;
  143. }
  144. }
  145. }
  146. function showValidate(input) {
  147. var thisAlert = $(input).parent();
  148. $(thisAlert).addClass('alert-validate');
  149. }
  150. function hideValidate(input) {
  151. var thisAlert = $(input).parent();
  152. $(thisAlert).removeClass('alert-validate');
  153. }
  154. /*==================================================================
  155. [ Show pass ]*/
  156. var showPass = 0;
  157. $('.btn-show-pass').on('click', function(){
  158. if(showPass == 0) {
  159. $(this).next('input').attr('type','text');
  160. $(this).addClass('active');
  161. showPass = 1;
  162. }
  163. else {
  164. $(this).next('input').attr('type','password');
  165. $(this).removeClass('active');
  166. showPass = 0;
  167. }
  168. });
  169. })(jQuery);
  170. </script>
  171. </body>
  172. </html>