Cracion de login
This commit is contained in:
106
src/views/login.ejs
Normal file
106
src/views/login.ejs
Normal file
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
|
||||
<link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
|
||||
<link rel="stylesheet" href="../../plugins/icheck-bootstrap/icheck-bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../../dist/css/adminlte.min.css?v=3.2.0">
|
||||
|
||||
<link rel="icon" sizes="192x192" href="./img/favicon-32x32.png">
|
||||
</head>
|
||||
|
||||
<body class="login-page" style="min-height: 497.361px;">
|
||||
<div class="login-box">
|
||||
<div class="login-logo">
|
||||
<a href="https://sigmac.app"><b>SIGMA</b> WEB</a>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body login-card-body">
|
||||
<p class="login-box-msg">iniciar tu sesión</p>
|
||||
<form action="/login" method="post" name="form_login">
|
||||
<div class="input-group mb-3">
|
||||
<input type="text" class="form-control" placeholder="Usuario" id="usr" name="usuario">
|
||||
<div class="input-group-append">
|
||||
<div class="input-group-text">
|
||||
<span class="fas fa-user"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group mb-3">
|
||||
<input type="password" class="form-control" placeholder="Contraseña" id="pwd" name="passwprd">
|
||||
<div class="input-group-append">
|
||||
<div class="input-group-text">
|
||||
<span class="fas fa-lock"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<div class="icheck-primary">
|
||||
<input type="checkbox" id="remember">
|
||||
<label for="remember">Recordar Me</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
<button type="submit" class="btn btn-primary btn-block" id="btn">Ingresar</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
<!--div class="social-auth-links text-center mb-3">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-block btn-primary">
|
||||
<i class="fab fa-facebook mr-2"></i> Ingresar Usando Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-block btn-danger">
|
||||
<i class="fab fa-google-plus mr-2"></i> Ingresar Usando Google
|
||||
</a>
|
||||
</div-->
|
||||
|
||||
<p class="mb-1">
|
||||
<a href="forgot-password.html">Olvide mi Contraseña</a>
|
||||
</p>
|
||||
<p class="mb-0">
|
||||
<a href="register.html" class="text-center">Crear Cuenta</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../../dist/js/adminlte.min.js?v=3.2.0"></script>
|
||||
<script>
|
||||
var usr = document.getElementById('usr');
|
||||
var pwd = document.getElementById('pwd');
|
||||
var btn = document.getElementById('btn');
|
||||
btn.addEventListener('click', function(event){
|
||||
event.preventDefault();
|
||||
if(usr.value==""){
|
||||
alert("Ingresa Usuario");
|
||||
}else if(pwd.value==""){
|
||||
alert("Ingresa Pasword");
|
||||
}else{
|
||||
document.form_login.submit();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
|
||||
<df-messenger
|
||||
intent="WELCOME"
|
||||
chat-title="Chat SIAX"
|
||||
agent-id="eea5ca65-ded3-4c89-bd8a-9e6378cb4686"
|
||||
language-code="es"
|
||||
chat-icon="https://telcotronics.com/app/ftp/logo/logoTelcotronics36.png"
|
||||
class="pulse-button" >
|
||||
</df-messenger>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -89,7 +89,7 @@
|
||||
<span>hello@example.com</span>
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
<button id="accbtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||||
<i class="material-icons" role="presentation">arrow_drop_down</i>
|
||||
<i class="material-icons" >arrow_drop_down</i>
|
||||
<span class="visuallyhidden">Accounts</span>
|
||||
</button>
|
||||
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="accbtn">
|
||||
@@ -100,17 +100,13 @@
|
||||
</div>
|
||||
</header>
|
||||
<nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">home</i>Home</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">inbox</i>Inbox</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">delete</i>Trash</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">report</i>Spam</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">forum</i>Forums</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">flag</i>Updates</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">local_offer</i>Promos</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">shopping_cart</i>Purchases</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">people</i>Social</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" >home</i>inicio</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" >forum</i>Chat</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" >local_offer</i>Pedidos</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" >shopping_cart</i>Tienda</a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" >people</i>Clientes</a>
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">help_outline</i><span class="visuallyhidden">Help</span></a>
|
||||
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" >help_outline</i><span class="visuallyhidden">Help</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
<main class="mdl-layout__content mdl-color--grey-100">
|
||||
|
||||
Reference in New Issue
Block a user