pablinux/APP-SIGMA-WEB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Efecto al Login

Browse Source
This commit is contained in:
PABLINUX
2022-11-07 03:30:51 -05:00
parent 65dcdb2894
commit 036e23dbfe
6 changed files with 177 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/controladores/controlador_General.js
View File

@@ -56,7 +56,11 @@ function stringTo_md5(data_string){
console.log("MD5: ", md5);
return md5;
}
//********* APP-PEDIDOS-SIGMA ********//
//************* FORM LOGIN DEMO ****************//
controlador.login_test = (req, res) => {
res.render('login_test');
};
//********* FORM APP-PEDIDOS-SIGMA ********//
controlador.app_sigma = (req, res) => {
res.render('app_pedidos');
};
@@ -110,6 +114,12 @@ function stringTo_md5(data_string){
});
});
};
controlador.recibe_pedidos = (req, res) => {
console.log("Data: "+req.body);
req.getConnection((err, conn) => {
res.json({sision:"exitosa"});
});
};
//********* APP-panel control ********//
controlador.panel_control = (req, res) => {

24
src/controladores/controlador_Items.js
View File

@@ -178,7 +178,8 @@ controlador.app_consultaItemsPrecios = (req,res) => {
//if(err) return res.status(500).send("Error en Consulta de Items");
rows.map(
dat => {
//console.log(var_b64(dat.imagen));
//console.log(blob_a_b64(dat.imagen));
dat.imagen = blob_a_b64(dat.imagen);
//fs.writeFileSync(path.join(__dirname,"../img/db_img"+image.codigo_prdcto+".png"),image.imagen);
}
)
@@ -189,20 +190,15 @@ controlador.app_consultaItemsPrecios = (req,res) => {
});
};
let blob_b64 = (blob) =>{
return new Promise((resolve,reject)=>{
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = () => {
resolve(reader.result);
function blob_a_b64(blob) {
var b64;
if(blob!=null){
b64 = blob.toString('base64');
}else{
b64="";
}
})
};
var_b64 = (blob) => {
const reader = new FileReader();
return reader.readAsDataURL(blob);
};
return b64;
}
//********* CONSULTA ADICIONALES X MODIFICAR ********//
controlador.cierresCaja = (req, res) => {

82
src/public/css/login.css
View File

@@ -1,16 +1,92 @@
body{
background: #084C6D;
@import url('https://fonts.googleapis.com/css?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif,sigma_tipografia;
}
body{
/*background: #084C6D;*/
display: flex;
justify-content:center;
align-items: center;
min-height: 100vh;
background: #23242a;
}
@font-face {
font-family: sigma_tipografia;
src: url(../tipografias/sigma_font.ttf) format('truetype'), url(../tipografias/sigma_font.otf) format('truetype');
font-style: normal;
}
.login-page{
background-color: #084C6D;
}
.login-logo a, .register-logo a{
color: #b5daff
}
.nom_app{
font-family: sigma_tipografia;
}
.login-logo{
font-size:32px;
font-family: 'SIGMA-FONT', sigma_font, sigma_tipografia;
font-family: sigma_tipografia;
}
.login-box-msg{
font-family: 'SIGMA-FONT', sigma_font, sigma_tipografia;
}
.box{
position: relative;
width: 380px;
height: 420px;
background-color: #1c1c1c;
border-radius: 8px;
overflow: hidden;
}
.box::before{
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 370px;
height: 420px;
background: linear-gradient(0deg,transparent,#45f3ff,#45f3ff);
transform-origin: bottom right;
animation: animar 6s linear infinite;
}
.box::after{
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 370px;
height: 420px;
background: linear-gradient(0deg,transparent,#45f3ff,#45f3ff);
transform-origin: bottom right;
animation: animar 6s linear infinite;
animation-delay: -3s;
}
@keyframes animar{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
.form-box {
position: absolute;
inset: 2px;
background: #28292d;
z-index: 10;
}
.login-box{
position: absolute;
inset: 2px;
background: #28292d;
z-index: 10;
width: 99%;
margin-top: 0rem;
border-radius: 8px;
}

7
src/rutas/rt_Generales.js
View File

@@ -10,7 +10,10 @@ rutas.get('/gp_precios', controlador_init.app_GpPrecios);//consulta grupo precio
rutas.get('/origen_pedidos', controlador_init.app_ORIGENES);//consulta grupo precios
rutas.get('/panel_control', controlador_init.panel_control);//consulta grupo precios
rutas.get('/pedidos', controlador_init.app_sigma);//Una app para PEDIDOS
rutas.get('/', controlador_init.app_login);//Una app para PEDIDOS
rutas.post('/login', controlador_init.auth);//Una app para PEDIDOS
rutas.get('/recepcionPedidos', controlador_init.recibe_pedidos);//receptar pedidos
rutas.get('/', controlador_init.app_login);//FORM LOGIN DE LA APP
rutas.post('/login', controlador_init.auth);//Authenticacion de APP
rutas.get('/login_test', controlador_init.login_test);//login testing css / dev
module.exports = rutas;

31
src/views/login.ejs
View File

@@ -7,20 +7,23 @@
<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&amp;display=fallback">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&amp;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="stylesheet" href="./css/login.css">
<link rel="icon" sizes="192x192" href="./img/favicon-32x32.png">
<link rel="icon" sizes="64x64" href="./img/favicon-64x64.png">
<link rel="icon" sizes="64x64" href="./img/pedidos64.png">
</head>
<body class="login-page" style="min-height: 497.361px;">
<div class="box">
<div class="login-box">
<div class="login-logo">
<a href="https://sigmac.app"><b><img src="img/pedidos64.png" alt="logo" width="52"> SIGMA</b> Pedidos</a>
<a href="https://sigmac.app"><strong><img src="img/pedidos64.png" alt="logo" width="52"> <span class="nom_app">SIGMA</span></strong>
Pedidos</a>
</div>
<div class="card">
<div class="card-body login-card-body">
@@ -35,7 +38,8 @@
</div>
</div>
<div class="input-group mb-3">
<input type="password" class="form-control" placeholder="Contraseña" id="pwd" name="password">
<input type="password" class="form-control" placeholder="Contraseña" id="pwd"
name="password">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
@@ -76,6 +80,7 @@
</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>
@@ -83,25 +88,21 @@
var usr = document.getElementById('usr');
var pwd = document.getElementById('pwd');
var btn = document.getElementById('btn');
btn.addEventListener('click', function(event){
btn.addEventListener('click', function (event) {
event.preventDefault();
if(usr.value==""){
if (usr.value == "") {
alert("Ingresa Usuario");
}else if(pwd.value==""){
} else if (pwd.value == "") {
alert("Ingresa Pasword");
}else{
} 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 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>

17
src/views/login_test.ejs Normal file
View File

@@ -0,0 +1,17 @@
<!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="./css/login.css">
</head>
<body>
<div class="box">
<div class="form-box">
</div>
</div>
</body>
</html>