PANEL RESTAURANT Terminado
This commit is contained in:
256
src/views/admin_dash.ejs
Normal file
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>
|
||||
Reference in New Issue
Block a user