256 lines
10 KiB
Plaintext
256 lines
10 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="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> |