PANEL RESTAURANT Terminado
@@ -4,7 +4,7 @@ const config = {
|
||||
port: 3306,
|
||||
user: 'admin',
|
||||
pswd: 'Dx.1706%',
|
||||
db_a: 'facturacion',
|
||||
db_a: 'TELCOTRONICS',
|
||||
debg: false,
|
||||
sock: '/'
|
||||
},
|
||||
|
||||
@@ -60,6 +60,9 @@ function stringTo_md5(data_string) {
|
||||
controlador.login_test = (req, res) => {
|
||||
res.render('login_test');
|
||||
};
|
||||
controlador.dash = (req, res) => {
|
||||
res.render('admin_dash');
|
||||
};
|
||||
//********* FORM APP-PEDIDOS-SIGMA ********//
|
||||
controlador.app_sigma = (req, res) => {
|
||||
res.render('app_pedidos');
|
||||
|
||||
412
src/public/css/restaurant.css
Normal file
@@ -0,0 +1,412 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
|
||||
@font-face {
|
||||
font-family: sigma_font;
|
||||
src: url(../tipografias/sigma_font.ttf) format('truetype'), url(../tipografias/sigma_font.otf) format('truetype');
|
||||
font-style: normal;
|
||||
}
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
color: #fff;
|
||||
}
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.container{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
/********* NAVIGATION BAR *********/
|
||||
.navigation{
|
||||
position:fixed;
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
background: #003147;
|
||||
|
||||
transition: 0.5s;
|
||||
overflow: hidden;
|
||||
}
|
||||
.navigation.active{
|
||||
position:fixed;
|
||||
width: 60px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.navigation ul{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.navigation ul li{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
.navigation ul li:hover{
|
||||
background: #03a9f4;
|
||||
|
||||
}
|
||||
.navigation ul li:nth-child(1):hover{
|
||||
background: transparent;
|
||||
}
|
||||
.navigation ul li:nth-child(1){
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.navigation ul li a{
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
.navigation ul li .icon{
|
||||
position: relative;
|
||||
display: block;
|
||||
min-width: 60px;
|
||||
height:60px;
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
.navigation ul li .icon .fa{
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
}
|
||||
.navigation ul li a .title{
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 10px;
|
||||
height: 60px;
|
||||
line-height:60px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#logo{
|
||||
margin-top: 12px;
|
||||
}
|
||||
.nom_app{
|
||||
margin-left: 12px;
|
||||
}
|
||||
.nom_app .titulo{
|
||||
font-family: sigma_font;
|
||||
font-size: 32px;
|
||||
}
|
||||
.nom_app .subtitulo{
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
}
|
||||
/********* PRINCIPAL *********/
|
||||
.main {
|
||||
position: absolute;
|
||||
width: calc(100% - 250px);
|
||||
left: 250px;
|
||||
min-height: 100vh;
|
||||
/*background: #084c6d;*/
|
||||
background: #1f2b33;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.main.active {
|
||||
width: calc(100% - 60px);
|
||||
left: 60px;
|
||||
}
|
||||
.main .topbar{
|
||||
width: 100%;
|
||||
background: #1F497D;
|
||||
height: 60px;
|
||||
padding: 0 10px;;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.toggle{
|
||||
position: relative;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.toggle::before{
|
||||
content: '\f0c9';
|
||||
font-family: fontawesome;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height:100%;
|
||||
line-height:60px;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
color: #111;
|
||||
}
|
||||
.buscar{
|
||||
position: relative;
|
||||
width: 400px;
|
||||
margin: 0
|
||||
}
|
||||
.buscar label{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.buscar label input{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
border-radius: 35px;
|
||||
padding: 5px 20px;
|
||||
padding-left: 35px;
|
||||
outline: none;
|
||||
border: 1px solid rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.buscar label .fa{
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 4px;
|
||||
}
|
||||
.user{
|
||||
position: relative;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
.user img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height:100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
/********* tarjetas *********/
|
||||
.cardBox{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4,1fr);
|
||||
grid-gap: 20px;
|
||||
}
|
||||
.cardBox .card{
|
||||
position: relative;
|
||||
background: #1f497d;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.cardBox .card .numeros{
|
||||
position: relative;
|
||||
font-size: 2em;
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
}
|
||||
.cardBox .card .card_nombre{
|
||||
color: #999;
|
||||
}
|
||||
.cardBox .card .iconBox{
|
||||
font-size: 2.5em;
|
||||
color: rgb(154, 223, 255);
|
||||
}
|
||||
|
||||
/********* TABLAS *********/
|
||||
|
||||
.detalles {
|
||||
position: relative;
|
||||
width: 100%;padding: 20px;
|
||||
display: grid;
|
||||
grid-gap: 20px;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
}
|
||||
.detalles .card_table{
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
padding-top: 10px;
|
||||
display: grid;
|
||||
min-width: 530px;
|
||||
background: #1F497D;
|
||||
}
|
||||
|
||||
.card_header{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.card_header .h2{
|
||||
font-weight: 600;
|
||||
}
|
||||
.btn{
|
||||
position: relative;
|
||||
padding: 5px;
|
||||
background: rgba(10, 10, 10, 0.45);
|
||||
text-decoration: none;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.detalles table{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.detalles table thead td{
|
||||
font-weight: 600;
|
||||
background:rgba(10, 10, 10, 0.2)
|
||||
}
|
||||
.detalles table tr{
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.detalles table tr:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
.detalles table tr:hover{
|
||||
background: rgba(76, 144, 247, 0.5);
|
||||
color:rgba(10, 10, 10, 0.45);
|
||||
cursor: pointer;
|
||||
}
|
||||
.detalles table tr td{
|
||||
padding: 9px 5px;
|
||||
}
|
||||
|
||||
.detalles table tr td:nth-child(3),.detalles table tr td:nth-child(3){
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.detalles table tr td:nth-child(4),.detalles table tr td:nth-child(4){
|
||||
text-align: left;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.detalles table tr td:last-child,.detalles table tr td:last-child{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/********* ESTADOS *********/
|
||||
.estado {
|
||||
position: relative;
|
||||
padding: 2px 2px;
|
||||
border-radius: 3px;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.iniciada{
|
||||
margin: auto;
|
||||
background: #00A65A;
|
||||
color: white;
|
||||
}
|
||||
.pendiente{
|
||||
margin: auto;
|
||||
background: #F39C12;
|
||||
color: white;
|
||||
}
|
||||
.procesando{
|
||||
margin: auto;
|
||||
background: #F39C12;
|
||||
color: white;
|
||||
}
|
||||
.finalizada{
|
||||
margin: auto;
|
||||
background: #3C8DBC;
|
||||
color: white;
|
||||
}
|
||||
.error{
|
||||
margin: auto;
|
||||
background: #DF5645;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.detalles .items_recientes{
|
||||
position: relative;
|
||||
display: grid;
|
||||
/*min-height: 530px;*/
|
||||
background: #1F497D;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.detalles .items_recientes .img_Item{
|
||||
position: relative;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.detalles .items_recientes .img_Item img{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.detalles .items_recientes table tr:hover{
|
||||
background: rgba(10, 10, 10, 0.45);
|
||||
}
|
||||
.detalles .items_recientes table tr td{
|
||||
padding: 7px 10px;
|
||||
}
|
||||
.detalles .items_recientes table tr h4{
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
.detalles .items_recientes table tr h4 span{
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
/**** MODO RESPONSIVO *****/
|
||||
@media(max-width:992px){
|
||||
.navigation{
|
||||
left: -250px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.navigation.active{
|
||||
left: 0;
|
||||
}
|
||||
.main{
|
||||
width:100%;
|
||||
left: 0;
|
||||
}
|
||||
.main.active{
|
||||
width:calc( 100% - 60px);
|
||||
left: 60px;
|
||||
}
|
||||
.cardBox {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2,1fr);
|
||||
grid-gap: 20px;
|
||||
}
|
||||
.detalles {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
display: grid;
|
||||
grid-gap: 20px;
|
||||
grid-template-columns:repeat(1,1fr);
|
||||
}
|
||||
}
|
||||
@media(max-width:768px){
|
||||
.cardBox {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(1,1fr);
|
||||
grid-gap: 20px;
|
||||
}
|
||||
.detalles .card_table{
|
||||
padding: 10px;
|
||||
padding-top: 10px;
|
||||
min-width: 100%;
|
||||
font-size: 11px;
|
||||
}
|
||||
.detalles .ordenesRecientes{
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
BIN
src/public/img/favicon_io.zip
Normal file
BIN
src/public/img/favicon_restaurant/android-chrome-192x192.png
Normal file
|
After Width: | Height: | Size: 8.8 KiB |
BIN
src/public/img/favicon_restaurant/android-chrome-512x512.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
src/public/img/favicon_restaurant/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 8.0 KiB |
BIN
src/public/img/favicon_restaurant/favicon-16x16.png
Normal file
|
After Width: | Height: | Size: 421 B |
BIN
src/public/img/favicon_restaurant/favicon-32x32.png
Normal file
|
After Width: | Height: | Size: 873 B |
BIN
src/public/img/favicon_restaurant/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
1
src/public/img/favicon_restaurant/site.webmanifest
Normal file
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
BIN
src/public/img/iconos/3448609.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
1
src/public/img/iconos/bbq-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 117.21"><title>bbq</title><path d="M116.52,117.21,96.71,71l-3.8,4.69,17,41.5h-5.35L89,78.32C73,89.53,50.79,89.86,34.61,78.84l-15,38.37H14.22l16-39.95c-2.34-2-3.26-3.78-5.08-6.28L5.4,117.21H0L21.92,65.79A52.86,52.86,0,0,1,14.8,48.36H9.29c-.88,0-1.61-1.14-1.61-2.56s.73-2.55,1.61-2.55h4.6c-.18-1.37-.33-2.76-.44-4.19-.09-1.21-.26-2.15.56-3.22h0a2.77,2.77,0,0,1,2-1.11h.21l89.51.19h1.08s.15,0,.17,0a2.66,2.66,0,0,1,2.54,1.83,6.67,6.67,0,0,1,0,2.09c-.09,1.51-.23,3-.42,4.42h4.47c.89,0,1.61,1.14,1.61,2.55s-.72,2.56-1.61,2.56h-5.36A51.55,51.55,0,0,1,100.93,66l21.95,51.17ZM36.8,30.41a2.31,2.31,0,0,1-3.27-3.27c1.71-1.71.9-3.22,0-5C31.77,19,29.79,15.25,33.17,9.4a2.31,2.31,0,1,1,4,2.32c-2.1,3.62-.76,6.12.4,8.29,1.81,3.37,3.36,6.28-.76,10.4ZM74.24,18.89A2.31,2.31,0,0,1,71,22.16c-4.13-4.13-2.57-7-.77-10.4,1.17-2.18,2.5-4.67.41-8.3a2.31,2.31,0,1,1,4-2.31C78,7,76,10.7,74.27,13.92c-.94,1.75-1.74,3.26,0,5Zm15.82,8.25a2.31,2.31,0,1,1-3.27,3.27c-4.12-4.12-2.56-7-.76-10.4,1.16-2.17,2.5-4.67.4-8.29a2.31,2.31,0,1,1,4-2.32c3.38,5.85,1.4,9.55-.33,12.78-.93,1.74-1.74,3.25,0,5ZM52.62,22.28A2.31,2.31,0,1,1,49.35,19c1.72-1.71.91-3.22,0-5C47.6,10.82,45.62,7.12,49,1.27a2.31,2.31,0,0,1,4,2.31c-2.09,3.63-.76,6.12.41,8.3,1.8,3.37,3.36,6.28-.77,10.4Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
1
src/public/img/iconos/beer-mug-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110.03 122.88"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>beer-mug</title><path class="cls-1" d="M28.89,4.45A17.42,17.42,0,0,1,36.46.67a19.64,19.64,0,0,1,8.15-.1,17.41,17.41,0,0,1,6.17,2.52A17.38,17.38,0,0,1,56.28.6,18.75,18.75,0,0,1,63.84.22,20.52,20.52,0,0,1,71,2.77a21.48,21.48,0,0,1,7.87,8,14.91,14.91,0,0,1,9,2.92,16,16,0,0,1,4.34,4.76,14.94,14.94,0,0,1,2.06,6.45c.41,5-1.65,10.45-7.68,14.84V50.44l5-.44C101.71,49.11,110,58.29,110,68.41V90.05c0,9.93-8.16,18.91-18,18l-5.36-.46V113a9.93,9.93,0,0,1-2.92,7h0a9.92,9.92,0,0,1-7,2.92H18.24A10,10,0,0,1,8.31,113c0-7.69.1-62,.13-73.69C1.49,33.57-.68,27,.18,21.08A17.13,17.13,0,0,1,4.56,12a18.88,18.88,0,0,1,8.38-5.26,19.15,19.15,0,0,1,13.26.73,15.69,15.69,0,0,1,2.69-3ZM86.62,62.18V96.3h7a4.22,4.22,0,0,0,4.19-4.19V66.78a4.62,4.62,0,0,0-4.61-4.6ZM61.06,67.29a4.1,4.1,0,0,1,8.14,0V96.64a4.1,4.1,0,0,1-8.14,0V67.29Zm-35.32,0a3.85,3.85,0,0,1,4.06-3.58,3.85,3.85,0,0,1,4.07,3.58V96.64a3.85,3.85,0,0,1-4.07,3.58,3.85,3.85,0,0,1-4.06-3.58V67.29ZM43.4,64.53a4.1,4.1,0,0,1,8.13,0V99.39a4.1,4.1,0,0,1-8.13,0V64.53ZM79.49,41.92l-1.68.1c-1.38,0-2.79,0-4.23,0l0,.36A13.75,13.75,0,0,1,63.17,56a15.62,15.62,0,0,1-7.83,0A14.39,14.39,0,0,1,47,50.18a17.47,17.47,0,0,1-2.29-5.66C44.35,43.26,44,42,40.94,42H15.43v71a2.83,2.83,0,0,0,2.81,2.81H76.7a2.79,2.79,0,0,0,2-.82h0a2.79,2.79,0,0,0,.82-2v-71ZM14.06,35.87C-5.81,22,16.13,2.22,29.72,17.48,28.63,4.77,46.69,2.76,50.66,12,56.51,1.93,72,5.28,75.25,17.88c8.81-4.95,20.4,9,6.68,17.65a49.47,49.47,0,0,1-8.68.43c-4.54-.08-5.68,2.24-5.73,6.38C67.41,51.45,56,52.72,52,46.77c-2.67-4-.35-10.9-11.09-10.9Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
1
src/public/img/iconos/food-and-drink-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 120.4"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>food-and-drink</title><path class="cls-1" d="M3,103.28q33.87-.07,67.73,0a2.46,2.46,0,0,1,2.45,2.44c0,3.65-1.54,10.79-9.79,10.79H10.35c-8.25,0-9.78-7.14-9.78-10.79A2.45,2.45,0,0,1,3,103.28Zm56.86-59c18.83,14.5,25.55,8.78,36.34,3.46,8.27-4.07,11.5-7.93,21.54-3.86V29.1H59.88V44.28ZM96.62,24.65l3.78-14a3.42,3.42,0,0,1,1.82-2.3L117.7.44a3.48,3.48,0,0,1,3.4,6.07l-14.28,7.26-3,10.88.27-.84h16.5A2.22,2.22,0,0,1,122.77,26h0V54.26c0,18.35-10,32.59-28.74,34v25.82h14.55c1.23,0,2.21,1.94,2.21,3.16s-1,3.17-2.21,3.17H76.82l.48-.51a19.07,19.07,0,0,0,3.57-5.82h3.78V88.34c-1,0-2-.12-3-.23a15,15,0,0,0-1.06-2.57,13.5,13.5,0,0,0,1.26-1.89,14.16,14.16,0,0,0,1-11.25,23.44,23.44,0,0,0-4.81-8.35c-4.58-5.28-12.65-10.66-23.47-13.6V26a2.21,2.21,0,0,1,2.21-2.21H96.87l-.25.84ZM67.55,81.78H7a7,7,0,0,1-7-7H0c0-10,19.85-17.21,36.53-17.37,32.8-.33,47.52,24.36,31,24.36Zm-14-16.14a3.77,3.77,0,1,1-3.76,3.77,3.77,3.77,0,0,1,3.76-3.77Zm-32.81.27A3.77,3.77,0,1,1,17,69.68a3.77,3.77,0,0,1,3.76-3.77Zm16.28-3.59a3.77,3.77,0,1,1-3.77,3.77,3.77,3.77,0,0,1,3.77-3.77ZM73,91.38a1.13,1.13,0,0,1,.16.56c0,.13,0,.27,0,.41s0,.28,0,.4a1.17,1.17,0,0,1-.16.57c-.55,2.42-2.78,5.6-9.62,5.6H10.35c-6.84,0-9.06-3.17-9.62-5.6a1.17,1.17,0,0,1-.16-.57c0-.12,0-.26,0-.4a2.88,2.88,0,0,1,0-.41,1.13,1.13,0,0,1,.16-.56c.56-2.43,2.79-5.6,9.62-5.6H37.83L48,96.24,58,85.78h5.39c6.84,0,9.07,3.17,9.62,5.6Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
1
src/public/img/iconos/food-court-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 102.91"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>food-court</title><path class="cls-1" d="M11.51,102.89v-44a9.26,9.26,0,0,1-6.35.3,7.52,7.52,0,0,1-3.5-2.45,7.72,7.72,0,0,1-1.61-4,10,10,0,0,1,2.4-7.37h0a2.19,2.19,0,0,1,.34-.34L59.85.55a2.09,2.09,0,0,1,2.7-.11L119.73,44.9h0a1.79,1.79,0,0,1,.25.23,9.4,9.4,0,0,1,2.67,8.68,8.09,8.09,0,0,1-1.82,3.48,7.88,7.88,0,0,1-3.24,2.19A8.75,8.75,0,0,1,110.8,59v43.73h-5.6V56.58c0-1-39.22-32-43.55-35.39-4.59,3.49-44.54,34.25-44.54,35.55v46.17l-5.6,0Zm35-6.77,9.58-11.61,4.39,5.58L52,100.84c-3.23,4.11-9.22-.23-5.52-4.72ZM57.69,69.67c.91-3,.5-5.52-2.93-9.3L46.38,50.29c-1.19-1.39-4,.66-2.82,2.35l6.7,8.25a1.56,1.56,0,0,1-2.4,2l-6.93-8.53c-1.29-1.48-4,.47-2.6,2.16,2,2.35,5,6.19,6.93,8.54a1.35,1.35,0,1,1-2,1.7l-6.88-8.48a1.87,1.87,0,0,0-3.09.87c-.47,1.37.68,2.37,1.47,3.38l7.68,9.92c2.38,2.76,5,4.39,8.14,3.47a8,8,0,0,0,1.68-.82l20.62,26.63a3.28,3.28,0,0,0,4.65.42l.32-.26a3.69,3.69,0,0,0,.48-5.22L56.43,71.56a5.73,5.73,0,0,0,1.26-1.89Zm5.84,5.8,3.4-4.12C62.56,60.53,78.75,46.09,86.59,52.73,96.13,60.8,82,80.24,72,75.44l-4,5.11-4.45-5.08Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
1
src/public/img/iconos/food-restaurant-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 115.21" style="enable-background:new 0 0 122.88 115.21" xml:space="preserve"><g><path d="M29.03,100.46l20.79-25.21l9.51,12.13L41,110.69C33.98,119.61,20.99,110.21,29.03,100.46L29.03,100.46z M53.31,43.05 c1.98-6.46,1.07-11.98-6.37-20.18L28.76,1c-2.58-3.03-8.66,1.42-6.12,5.09L37.18,24c2.75,3.34-2.36,7.76-5.2,4.32L16.94,9.8 c-2.8-3.21-8.59,1.03-5.66,4.7c4.24,5.1,10.8,13.43,15.04,18.53c2.94,2.99-1.53,7.42-4.43,3.69L6.96,18.32 c-2.19-2.38-5.77-0.9-6.72,1.88c-1.02,2.97,1.49,5.14,3.2,7.34L20.1,49.06c5.17,5.99,10.95,9.54,17.67,7.53 c1.03-0.31,2.29-0.94,3.64-1.77l44.76,57.78c2.41,3.11,7.06,3.44,10.08,0.93l0.69-0.57c3.4-2.83,3.95-8,1.04-11.34L50.58,47.16 C51.96,45.62,52.97,44.16,53.31,43.05L53.31,43.05z M65.98,55.65l7.37-8.94C63.87,23.21,99-8.11,116.03,6.29 C136.72,23.8,105.97,66,84.36,55.57l-8.73,11.09L65.98,55.65L65.98,55.65z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
1
src/public/img/iconos/glass-bottle-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.86 122.88"><title>glass-bottle</title><path d="M25.29,37.78a8,8,0,0,1-1.06-4.87v-.34h0V11.22H14.54V32.85h0v.36a6.92,6.92,0,0,1-.89,4.13h0a6.09,6.09,0,0,1-1.34,1.56,6.86,6.86,0,0,1-1.73,1h0a11.44,11.44,0,0,0-2.48,1.41,11,11,0,0,0-2,2h0a12.54,12.54,0,0,0-1.57,2.63,18.24,18.24,0,0,0-1,3.13v65.61a6,6,0,0,0,.49,3A2.94,2.94,0,0,0,5.51,119a5.2,5.2,0,0,0,2.39.35H28.56a17.41,17.41,0,0,0,3.23-.18,4.37,4.37,0,0,0,2.78-1.31,4.52,4.52,0,0,0,.78-2.81h0V49.92c-.41-6.24-3.74-8-6.32-9.32a9.11,9.11,0,0,1-3.73-2.81ZM13.84,0H25a2.91,2.91,0,0,1,2.06.86h0a2.91,2.91,0,0,1,.86,2.06v6.4a1.79,1.79,0,0,1-.21.83V32.57h0v.36a5.47,5.47,0,0,0,.51,3,7.34,7.34,0,0,0,2.42,1.62c3.36,1.75,7.7,4,8.2,12.31v65.3a7.83,7.83,0,0,1-1.56,5,7.71,7.71,0,0,1-4.89,2.56,20.88,20.88,0,0,1-3.85.22H7.9a7.9,7.9,0,0,1-3.76-.63h0a6.36,6.36,0,0,1-3.26-3A9.32,9.32,0,0,1,0,114.59V48.87l0-.39a21.49,21.49,0,0,1,1.31-4,16.18,16.18,0,0,1,2-3.38A14.54,14.54,0,0,1,6,38.54H6A15,15,0,0,1,9.2,36.67h0a3.41,3.41,0,0,0,.84-.48,2.42,2.42,0,0,0,.55-.64A4.33,4.33,0,0,0,11,33.22v-.36h0V10.29a1.56,1.56,0,0,1,0-.31,1.62,1.62,0,0,1-.13-.66V2.92A3,3,0,0,1,11.78.86h0A2.93,2.93,0,0,1,13.84,0ZM24.42,3.51h-10V7.56h10v-4ZM31.6,78.83v29.9a9.43,9.43,0,0,1-.87,4.63,6.3,6.3,0,0,1-3.25,3l-1.39-3.21a3,3,0,0,0,1.52-1.39,6.13,6.13,0,0,0,.48-3v-30Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
1
src/public/img/iconos/hot-dog-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 101.89"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>hot-dog</title><path class="cls-1" d="M86.25,10.25C76.11,9.2,62.8,19.23,51,28.1,45,32.69,39.25,37,34.34,39.5c-2.46,1.26-4.85,2.39-7.12,3.47-6.24,3-11.56,5.49-14.1,8.55A18.39,18.39,0,0,0,9.8,57.16a13.24,13.24,0,0,0-.69,3.41C14.08,59,19.05,57.15,24,55A160.74,160.74,0,0,0,42,46C59.41,35.79,72,23.85,86.15,10.34l.1-.09Zm17.81-1.83a3.48,3.48,0,1,1-1.91,6.7c-.55-.16-.75.77-1,1.88C100.05,22.31,98.7,28.69,87,27.21c-1-.12-1.11.68-1.26,1.63-.84,5-1.83,11-14.73,10.28-.37,0-.45.83-.54,1.82C70,46.42,69.36,53,55.39,52.23c-1.53-.09-2.73-.23-3.7-.34s-1.15-.48-1.36-.33a25.77,25.77,0,0,0-2.4,4.24c-.52,1-1.13,2.16-2,3.72-2.33,4.33-6.82,4.2-11,4.07a13.35,13.35,0,0,0-3.45.09l-.36.21a21.5,21.5,0,0,0-1.6,2.3,3.49,3.49,0,0,1-6.05-3.49,30.76,30.76,0,0,1,2.31-3.3,6,6,0,0,1,2.62-2c2-1,4.31-.89,6.74-.82,2.12.07,4.39.14,4.68-.42.7-1.28,1.36-2.55,1.93-3.64,1.94-3.72,2.88-5.5,4.48-6.66,2-1.41,3.42-1.24,6.22-.92.87.09,2,.22,3.31.3,7.26.41,7.53-2.53,7.75-5,.42-4.59.78-8.52,7.85-8.15,6.69.35,7.13-2.28,7.5-4.47.75-4.52,1.39-8.36,9-7.4,5.33.68,6-2.27,6.47-4.73,1.07-5.07,2-9.33,9.71-7.13ZM92.54,7.1C103.43-6,118.68-.23,115.62,18a11.72,11.72,0,0,1,3.28,2.9c3.95,4.9,4.54,10.32,3.57,15.71-.91,5.08-3.17,10-5.22,14.35a83.62,83.62,0,0,1-12.74,19.74,75.58,75.58,0,0,1-16.28,14l0,0a105.45,105.45,0,0,1-16.37,9.4,88.71,88.71,0,0,1-18.5,6.15,58,58,0,0,1-17.84,1.38c-6.22-.67-12.1-2.92-16.68-7.93l-.09-.09c-.37-.42-.73-.85-1.06-1.29a17,17,0,0,1-2-3.47C.31,87.36-4.69,73.72,4.87,65.33a2.49,2.49,0,0,1-.48-1.17,18.25,18.25,0,0,1,.8-8.6,22.93,22.93,0,0,1,4.17-7.14c3.23-3.89,9-6.63,15.77-9.85,2.25-1.07,4.62-2.19,7-3.41,4.55-2.33,10.07-6.49,16-10.94C62.43,13.42,78.86,1,91.92,6.75a2.53,2.53,0,0,1,.62.35ZM81.43,45.17c-2.76,2.21-5.6,4.31-8.49,6.31A126.4,126.4,0,0,1,36.65,69.29c-5.35,1.77-9.59,3.16-13.09,5.79-.31.23-.63.5-.95.79a9.79,9.79,0,0,0-3.29,6.49,10.47,10.47,0,0,0,2.23,7.07c.23.31.49.62.77.93l.08.08c3.67,4,8.48,5.82,13.61,6.37a52.88,52.88,0,0,0,16.3-1.3,83.22,83.22,0,0,0,17.48-5.8,101.11,101.11,0,0,0,15.62-9l.18-.13a70.66,70.66,0,0,0,15.24-13.08,79.29,79.29,0,0,0,12-18.63c1.93-4.12,4.07-8.72,4.85-13.13.74-4.1.32-8.19-2.57-11.79a6.56,6.56,0,0,0-2.28-1.9,5,5,0,0,0-2.62-.42c-5.64.48-11.06,6.34-15.82,11.49-1.66,1.79-3.24,3.51-4.82,5q-4,3.76-8.14,7Z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/public/img/iconos/icono:32.png
Normal file
|
After Width: | Height: | Size: 891 B |
BIN
src/public/img/iconos/icono_32.png
Normal file
|
After Width: | Height: | Size: 891 B |
BIN
src/public/img/iconos/icono_92.png
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
88
src/public/img/iconos/logo_app.svg
Normal file
|
After Width: | Height: | Size: 20 KiB |
3
src/public/img/iconos/milkshake-icon.svg
Normal file
|
After Width: | Height: | Size: 5.7 KiB |
1
src/public/img/iconos/plastic-soft-drink-bottle-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.63 122.88"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>plastic-soft-drink-bottle</title><path class="cls-1" d="M13.85,13.75H31.78v5.62C31.91,25.15,44.3,22.91,45.56,39A25.7,25.7,0,0,1,45,46.65c-3,1.55-2.43,8.19.13,8.81v1.48H.49V55.46c2.57-.62,3.09-7.26.14-8.81A25.54,25.54,0,0,1,.08,39c1.3-16,13.65-13.82,13.77-19.59V13.75Zm18.84-1.69H12.94a.86.86,0,0,1-.86-.86V3.3A3.26,3.26,0,0,1,13,1L13.05,1a3.28,3.28,0,0,1,2.33-1H30.25a3.26,3.26,0,0,1,2.33,1,3.3,3.3,0,0,1,1,2.33v7.9a.85.85,0,0,1-.86.86Zm12.45,47V81.46H.49V59.05Zm0,24.51v3.07c-3.14,1.39-2.6,7.87,0,9.25v20.4c-1.28,9.11-14.18,8.49-13.86,0a5.67,5.67,0,0,1-1.17,3.37c-4.15,5.47-15.64,3.68-15.76-3.37.33,8.49-12.58,9.11-13.86,0V95.88C3.1,94.5,3.63,88,.49,86.63V83.56ZM5.26,98.45a1.13,1.13,0,0,1,2.26,0v13.27a1.13,1.13,0,0,1-2.26,0V98.45ZM5.26,63a1.13,1.13,0,1,1,2.26,0V77.46a1.13,1.13,0,0,1-2.26,0V63ZM13,26.41a1.13,1.13,0,0,1,1.31,1.83,16.91,16.91,0,0,0-4.54,4.68,16.31,16.31,0,0,0-2.3,5.87,1.12,1.12,0,0,1-2.2-.42A18.5,18.5,0,0,1,7.9,31.7,19.15,19.15,0,0,1,13,26.41Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/public/img/items/img1.jpeg
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
src/public/img/items/img1.jpg
Normal file
|
After Width: | Height: | Size: 127 KiB |
BIN
src/public/img/items/img2.jpg
Normal file
|
After Width: | Height: | Size: 352 KiB |
BIN
src/public/img/items/img3.jpg
Normal file
|
After Width: | Height: | Size: 323 KiB |
BIN
src/public/img/items/img4.jpg
Normal file
|
After Width: | Height: | Size: 190 KiB |
BIN
src/public/img/usuario.jpeg
Normal file
|
After Width: | Height: | Size: 85 KiB |
BIN
src/public/img/usuario2.jpeg
Normal file
|
After Width: | Height: | Size: 96 KiB |
@@ -15,5 +15,6 @@ rutas.get('/recepcionPedidos', controlador_init.recibe_pedidos);//receptar pedid
|
||||
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
|
||||
rutas.get('/admin_dash', controlador_init.dash);//login testing css / dev
|
||||
|
||||
module.exports = rutas;
|
||||
|
||||
256
src/views/admin_dash.ejs
Normal file
@@ -0,0 +1,256 @@
|
||||
<!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>SIGMA Restaurante</title>
|
||||
|
||||
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
|
||||
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="../css/restaurant.css">
|
||||
<link rel="icon" sizes="64x64" href="../img/favicon_restaurant/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="navigation">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#" id="logo" onclick="toggleMenu()">
|
||||
<span class="icon">
|
||||
<img src="../img/favicon_sigma/android-chrome-192x192.png" alt="Logo" width="58">
|
||||
</span>
|
||||
<span class="nom_app">
|
||||
<span class="titulo">SIGMA</span>
|
||||
<span class="subtitulo">Restaurant </span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon"><i class="fa fa-home" aria-hidden="true"></i></span>
|
||||
<span class="title">Inicio</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon"><i class="fa fa-cart-plus" aria-hidden="true"></i></span>
|
||||
<span class="title">Pedidos</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon"><i class="fa fa-users" aria-hidden="true"></i></span>
|
||||
<span class="title">Clientes</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon"><i class="fa fa-cutlery" aria-hidden="true"></i></span>
|
||||
<span class="title">Mesas</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon"><i class="fa fa-coffee" aria-hidden="true"></i></span>
|
||||
<span class="title">Menu</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon"><i class="fa fa-cog" aria-hidden="true"></i></span>
|
||||
<span class="title">Configuracion</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon"><i class="fa fa-comments" aria-hidden="true"></i></span>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li><a href="#">
|
||||
<span class="icon"><i class="fa fa-lock" aria-hidden="true"></i></span>
|
||||
<span class="title">Contraseña</span>
|
||||
</a>
|
||||
</li>
|
||||
<li><a href="#">
|
||||
<span class="icon"><i class="fa fa-sign-out" aria-hidden="true"></i></span>
|
||||
<span class="title">Salir</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="topbar">
|
||||
<div class="toggle" onclick="toggleMenu()">
|
||||
|
||||
</div>
|
||||
<div class="buscar">
|
||||
<label>
|
||||
<input type="text" placeholder="Buscar Aqui" />
|
||||
<i class="fa fa-search" aria-hidden="true"></i>
|
||||
</label>
|
||||
</div>
|
||||
<div class="user">
|
||||
<img src="../img/usuario2.jpeg" alt="usr">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardBox">
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="">
|
||||
<div class="numeros">125.33</div>
|
||||
<div class="card_nombre">Pedidos</div>
|
||||
<div class="footer"></div>
|
||||
</div>
|
||||
<div class="iconBox">
|
||||
<i class="fa fa-shopping-bag" aria-hidden="true"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="">
|
||||
<div class="numeros">125.33</div>
|
||||
<div class="card_nombre">Compras Ingresadas</div>
|
||||
<div class="footer"></div>
|
||||
</div>
|
||||
<div class="iconBox">
|
||||
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="">
|
||||
<div class="numeros">125.33</div>
|
||||
<div class="card_nombre">Ventas Emitidas</div>
|
||||
<div class="footer"></div>
|
||||
</div>
|
||||
<div class="iconBox">
|
||||
|
||||
<i class="fa fa-money" aria-hidden="true"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="">
|
||||
<div class="numeros">125.33</div>
|
||||
<div class="card_nombre">Vistas Diarias</div>
|
||||
<div class="footer"></div>
|
||||
</div>
|
||||
<div class="iconBox">
|
||||
<i class="fa fa-eye" aria-hidden="true"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="detalles">
|
||||
<div class="card_table ordenesRecientes">
|
||||
<div class="card_header">
|
||||
<h2>Ordenes Recientes</h2>
|
||||
<a href="#" class="btn">Ver Todas</a>
|
||||
</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td>ID</td>
|
||||
<td>Nombre</td>
|
||||
<td>Valor</td>
|
||||
<td>Metodo Pago</td>
|
||||
<td>Estado</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Diego Farias</td>
|
||||
<td>150.66</td>
|
||||
<td>Tranferencia</td>
|
||||
<td><span class=" estado finalizada">ENVIADO</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>Paul Fernando</td>
|
||||
<td>12.36</td>
|
||||
<td>EFECTIVO</td>
|
||||
<td><span class="estado iniciada">RECIBIDO</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>Pablo Xavier Farias</td>
|
||||
<td>2.36</td>
|
||||
<td>CONTRA ENTREGA</td>
|
||||
<td><span class="estado pendiente">PROCESANDO</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>Pepito la Lora</td>
|
||||
<td>0.0</td>
|
||||
<td>CANCELADO</td>
|
||||
<td class="estado"><span class="estado error">ERROR</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="card_table items_recientes">
|
||||
<div class="card_header">
|
||||
<h2>Consumos Recientes</h2>
|
||||
<a href="#" class="btn">Ver Todas</a>
|
||||
</div>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="64px">
|
||||
<div class="img_Item">
|
||||
<img src="../img/items/img1.jpg" alt="item">
|
||||
</div>
|
||||
</td>
|
||||
<td><h4>Hamburgesa<br><span>Doble</span></h4></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="64px">
|
||||
<div class="img_Item">
|
||||
<img src="../img/items/img2.jpg" alt="item">
|
||||
</div>
|
||||
</td>
|
||||
<td><h4>Pizza<br><span>Americana</span></h4></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="64px">
|
||||
<div class="img_Item">
|
||||
<img src="../img/items/img3.jpg" alt="item">
|
||||
</div>
|
||||
</td>
|
||||
<td><h4>Alitas BBQ<br><span>Salsas BBQ y Brandy</span></h4></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="64px">
|
||||
<div class="img_Item">
|
||||
<img src="../img/items/img4.jpg" alt="item">
|
||||
</div>
|
||||
</td>
|
||||
<td><h4>Pulpo<br><span>a la Parrilla</span></h4></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Script>
|
||||
function toggleMenu() {
|
||||
let toggle = document.querySelector('.toggle'); //selecionamos el boton menu
|
||||
toggle.classList.toggle('active'); //agregamos una class active
|
||||
let navigation = document.querySelector('.navigation');
|
||||
navigation.classList.toggle('active');
|
||||
let main = document.querySelector('.main');
|
||||
main.classList.toggle('active');
|
||||
}
|
||||
</Script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||