172 lines
6.7 KiB
Plaintext
172 lines
6.7 KiB
Plaintext
<!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="stylesheet" href="../css/restaurant_form.css">
|
|
<link rel="stylesheet" href="../css/botones.css">
|
|
<link rel="stylesheet" href="../css/restaurant_dashMesero.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="/app_restaurant">
|
|
<!--a href="#" onclick="mostrar_form('dashboard')"-->
|
|
<span class="icon"><i class="fa fa-home" aria-hidden="true"></i></span>
|
|
<span class="title">Inicio</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" onclick="mostrar_form('pedidos')">
|
|
<span class="icon"><i class="fa fa-cart-plus" aria-hidden="true"></i></span>
|
|
<span class="title">Pedidos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" onclick="mostrar_form('clientes')">
|
|
<span class="icon"><i class="fa fa-users" aria-hidden="true"></i></span>
|
|
<span class="title">Clientes</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" onclick="mostrar_form('mesas')">
|
|
<span class="icon"><i class="fa fa-cutlery" aria-hidden="true"></i></span>
|
|
<span class="title">Mesas</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" onclick="mostrar_form('menu')">
|
|
<span class="icon"><i class="fa fa-coffee" aria-hidden="true"></i></span>
|
|
<span class="title">Menu</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" onclick="mostrar_form('usuarios')">
|
|
<span class="icon"><i class="fa fa-user" aria-hidden="true"></i></span>
|
|
<span class="title">Usuarios</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<a href="#" onclick="mostrar_form('usuarios')">
|
|
<span class="icon"><i class="fa fa-comments" aria-hidden="true"></i></span>
|
|
<span class="title">Chat</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" id="user_avatar">
|
|
<img src="../img/usuario2.jpeg" alt="usr">
|
|
</div>
|
|
</div>
|
|
<!---******** CONTENIDO PARA RENDERIZAR ********--->
|
|
<div class="contenido" id="contenido">
|
|
<%- include("modulos/dashboard") %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- crear un menu flotante en el icono avatar -->
|
|
<div class="menu_avatar" id="menu_userAvatar">
|
|
<ul>
|
|
<li>
|
|
<div class="menu_Avatar bt_nueva" onclick="mostrar_form('mesas')">
|
|
<span class="icon"><i class="fa fa-plus"></i></span>
|
|
<span class="title">Nueva Orden</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="menu_Avatar">
|
|
<span class="icon"><i class="fa fa-cog" aria-hidden="true"></i></span>
|
|
<span class="title">Configuracion</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="menu_Avatar">
|
|
<span class="icon"><i class="fa fa-lock" aria-hidden="true"></i></span>
|
|
<span class="title">Contraseña</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="menu_Avatar" id="btnMenu_salir">
|
|
<span class="icon"><i class="fa fa-sign-out" aria-hidden="true"></i></span>
|
|
<span class="title">Cerrar Sesion</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<dialog id="eliminar" class="centrar">
|
|
<h2>Este es el título de mi ventana modal</h2>
|
|
<p>Este es un texto de ejemplo dentro de una ventana modal</p>
|
|
<button class="btn">Guardar</button>
|
|
<button class="btn" onclick="window.eliminar.close();">Cerrar</button>
|
|
</dialog>
|
|
<dialog id="agregar" class="centrar">
|
|
<h2>Este es el título de mi ventana modal</h2>
|
|
<p>Este es un texto de ejemplo dentro de una ventana modal</p>
|
|
<div class="bt_group">
|
|
<button class="btn">Guardar</button>
|
|
<button class="btn" onclick="window.agregar.close();">Cerrar</button>
|
|
</div>
|
|
</dialog>
|
|
|
|
<dialog id="dialog" class="centrar">
|
|
|
|
</dialog>
|
|
<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>
|
|
<script src="../js/app_restaurant.js"></script>
|
|
<script src="../js/app_restaurant_tabGen.js"></script>
|
|
<script src="../js/app_restaurant_detallePed.js"></script>
|
|
</body>
|
|
|
|
</html> |