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.
187 lines
7.4 KiB
187 lines
7.4 KiB
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<title>Pedidos de Ventas</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!--===============================================================================================-->
|
|
<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="css/util.css">
|
|
<link rel="stylesheet" type="text/css" href="css/main.css">
|
|
<!--===============================================================================================-->
|
|
</head>
|
|
<body>
|
|
<header class="bg-yellow header">
|
|
<div class="container-fluid">
|
|
<div class="mx-auto text-center col-sm-2 order-1">
|
|
<a href="/"><img class="logo" src="../images/logo.png" alt="Trapal" width="170" height="74"></a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="col-sm-3 mx-auto">
|
|
<form class="validate-form col-sm-10 mx-auto text-center" action="./users/index.php" method="post">
|
|
<h2 class="h5 text-blue mb-4">Pedidos de ventas especiales</h2>
|
|
|
|
<div class="form-group validate-input" data-validate = "Ingresar usuario">
|
|
<input class="input100 w-100" type="text" required name="username" placeholder="Usuario" autocomplete="off">
|
|
<span class="focus-input100" data-placeholder=""></span>
|
|
</div>
|
|
|
|
<div class="form-group validate-input" data-validate="Ingresar contraseña">
|
|
<input class="input100 w-100" id="mypass" type="text" required name="pass" placeholder="Contraseña" autocomplete="off">
|
|
<span class="focus-input100" data-placeholder=""></span>
|
|
</div>
|
|
|
|
<div class="form-check text-right">
|
|
<input type="checkbox" name="remember-me" class="form-check-input input-checkbox100" id="ckb1">
|
|
<label class="form-check-label small text-muted" for="ckb1">Ver contraseña</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-secondary mt-4 w-75" formtarget="_self">Ingresar</button>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
|
|
<!--===============================================================================================-->
|
|
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="vendor/animsition/js/animsition.min.js"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="vendor/bootstrap/js/popper.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="vendor/select2/select2.min.js"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="vendor/daterangepicker/moment.min.js"></script>
|
|
<script src="vendor/daterangepicker/daterangepicker.js"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="vendor/countdowntime/countdowntime.js"></script>
|
|
<!--===============================================================================================-->
|
|
<script src=""></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
$("#mypass").css("-webkit-text-security", "disc");
|
|
|
|
$("#ckb1").click(function(){
|
|
if($("#mypass").css("-webkit-text-security")=="disc"){
|
|
$("#mypass").css("-webkit-text-security", "none");
|
|
}else{
|
|
$("#mypass").css("-webkit-text-security", "disc");
|
|
}
|
|
|
|
});
|
|
|
|
(function ($) {
|
|
"use strict";
|
|
|
|
|
|
/*==================================================================
|
|
[ Focus input ]*/
|
|
$('.input100').each(function(){
|
|
$(this).on('blur', function(){
|
|
if($(this).val().trim() != "") {
|
|
$(this).addClass('has-val');
|
|
}
|
|
else {
|
|
$(this).removeClass('has-val');
|
|
}
|
|
})
|
|
})
|
|
|
|
|
|
/*==================================================================
|
|
[ Validate ]*/
|
|
var input = $('.validate-input .input100');
|
|
|
|
$('.validate-form').on('submit',function(){
|
|
var check = true;
|
|
|
|
for(var i=0; i<input.length; i++) {
|
|
if(validate(input[i]) == false){
|
|
showValidate(input[i]);
|
|
check=false;
|
|
}
|
|
}
|
|
|
|
return check;
|
|
});
|
|
|
|
|
|
$('.validate-form .input100').each(function(){
|
|
$(this).focus(function(){
|
|
hideValidate(this);
|
|
});
|
|
});
|
|
|
|
function validate (input) {
|
|
if($(input).attr('type') == 'email' || $(input).attr('name') == 'email') {
|
|
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) {
|
|
return false;
|
|
}
|
|
}
|
|
else {
|
|
if($(input).val().trim() == ''){
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
|
|
function showValidate(input) {
|
|
var thisAlert = $(input).parent();
|
|
|
|
$(thisAlert).addClass('alert-validate');
|
|
}
|
|
|
|
function hideValidate(input) {
|
|
var thisAlert = $(input).parent();
|
|
|
|
$(thisAlert).removeClass('alert-validate');
|
|
}
|
|
|
|
/*==================================================================
|
|
[ Show pass ]*/
|
|
var showPass = 0;
|
|
$('.btn-show-pass').on('click', function(){
|
|
if(showPass == 0) {
|
|
$(this).next('input').attr('type','text');
|
|
$(this).addClass('active');
|
|
showPass = 1;
|
|
}
|
|
else {
|
|
$(this).next('input').attr('type','password');
|
|
$(this).removeClass('active');
|
|
showPass = 0;
|
|
}
|
|
|
|
});
|
|
|
|
|
|
})(jQuery);
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|