-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (150 loc) · 10.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BLUMEN POS</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="module" src="firebase-config.js"></script>
<script src="app.js"></script>
<link rel="icon" href="favicon-32x32.png" type="image/png">
</head>
<body>
<div class="login-container">
<div class="login-form">
<img id="logo" src="https://www.blumenhotel.cl/images/blumen-mobile.png" alt="Logo Blumen POS">
<input type="text" placeholder="username" id="username" required onkeydown="handleKeyDown(event)">
<input type="password" placeholder="password" id="password" required onkeydown="handleKeyDown(event)">
<button onclick="authenticate()">login</button>
</div>
</div>
<div id="pos-container" class="hidden">
<img id="logo" src="https://www.blumenhotel.cl/images/blumen-mobile.png" alt="Logo Blumen POS">
<div class="mesa-tabs">
<div class="mesa-tab" onclick="seleccionarMesa(1)">Mesa 1</div>
<div class="mesa-tab" onclick="seleccionarMesa(2)">Mesa 2</div>
<div class="mesa-tab" onclick="seleccionarMesa(3)">Mesa 3</div>
<div class="mesa-tab" onclick="seleccionarMesa(4)">Mesa 4</div>
<div class="mesa-tab" onclick="seleccionarMesa(5)">Mesa 5</div>
<div class="mesa-tab" onclick="seleccionarMesa(6)">Mesa 6</div>
<div class="mesa-tab" onclick="seleccionarMesa(7)">Habitación 1</div>
<div class="mesa-tab" onclick="seleccionarMesa(8)">Habitación 2</div>
<div class="mesa-tab" onclick="seleccionarMesa(9)">Habitación 3</div>
<div class="mesa-tab" onclick="seleccionarMesa(10)">Habitación 4</div>
<div class="mesa-tab" onclick="seleccionarMesa(11)">Habitación 5A</div>
<div class="mesa-tab" onclick="seleccionarMesa(12)">Habitación 5B</div>
<div class="mesa-tab" onclick="seleccionarMesa(13)">Habitación 6</div>
<div class="mesa-tab" onclick="seleccionarMesa(14)">Habitación 7</div>
<div class="mesa-tab" onclick="seleccionarMesa(15)">Habitación 8</div>
<div class="mesa-tab" onclick="seleccionarMesa(16)">Habitación 9</div>
<div class="mesa-tab" onclick="seleccionarMesa(17)">Habitación 10</div>
<div class="mesa-tab" onclick="seleccionarMesa(18)">Habitación 11</div>
</div>
<div class="mesa-inside hidden">
<p id="mesa-actual"><span id="numero-mesa-actual"></span></p>
<button onclick="cambiarMesa()" class="cambiar-mesa">
<img src="atras.svg" alt="Atras" style="width: 15px; height: 15px;">
</button>
<div class="seleccion-productos">
<div class="tabs">
<div class="tab" onclick="mostrarSeccion('dulces')">Dulces</div>
<div class="tab" onclick="mostrarSeccion('salado')">Salado</div>
<div class="tab" onclick="mostrarSeccion('tapas_mar')">Tapas & Mar</div>
<div class="tab" onclick="mostrarSeccion('cafe')">Café</div>
<div class="tab" onclick="mostrarSeccion('barra')">Barra</div>
<div class="tab" onclick="mostrarSeccion('desayunos')">Desayunos</div>
<div class="tab" onclick="mostrarSeccion('extra')">
<img src="plus.svg" alt="Ingresar" style="width: 12px; height: 12px;">
</div>
</div>
<div id="dulces" class="menu-section">
<div class="item" onclick="addItem('Media luna', 1900)">Media luna - $1.900</div>
<div class="item" onclick="addItem('Muffin arándano', 2600)">Muffin arándano - $2.600</div>
<div class="item" onclick="addItem('Muffin chocolate', 2600)">Muffin chocolate - $2.600</div>
<div class="item" onclick="addItem('Roll de canela', 3100)">Roll de canela - $3.100</div>
<div class="item" onclick="addItem('Brownie', 2600)">Brownie - $2.600</div>
<div class="item" onclick="addItem('Brownie con helado', 4100)">Brownie con helado - $4.100</div>
<div class="item" onclick="addItem('Pie de limón', 4300)">Pie de limón - $4.300</div>
<div class="item" onclick="addItem('Kuchen de la casa', 4500)">Kuchen de la casa - $4.500</div>
<div class="item" onclick="addItem('Yogurt natural con fruta', 4500)">Yogurt natural con fruta - $4.500</div>
<div class="item" onclick="addItem('Helado Ziroppo', 4500)">Helado Ziroppo - $4.500</div>
</div>
<div id="salado" class="menu-section">
<div class="item" onclick="addItem('Paila de huevo', 4600)">Paila de huevo - $4.600</div>
<div class="item" onclick="addItem('Paila de huevo acompañada', 4800)">Paila de huevo acompañada - $4.800</div>
<div class="item" onclick="addItem('Tostadas con mantequilla/mermelada', 3900)">Tostadas con mantequilla/mermelada - $3.900</div>
<div class="item" onclick="addItem('Ciabatta Napolitana', 7700)">Ciabatta Napolitana - $7.700</div>
<div class="item" onclick="addItem('Ciabatta Albahaca', 7700)">Ciabatta Albahaca - $7.700</div>
<div class="item" onclick="addItem('Ciabatta Serrano', 8700)">Ciabatta Serrano - $8.700</div>
<div class="item" onclick="addItem('Ciabatta Mechada', 8900)">Ciabatta Mechada - $8.900</div>
<div class="item" onclick="addItem('Pizza Pepperoni', 11000)">Pizza Pepperoni - $11.000</div>
<div class="item" onclick="addItem('Pizza Napolitana', 12000)">Pizza Napolitana - $12.000</div>
<div class="item" onclick="addItem('Pizza Margarita', 10000)">Pizza Margarita - $10.000</div>
<div class="item" onclick="addItem('Pizza Serrano', 12500)">Pizza Serrano - $12.500</div>
</div>
<div id="tapas_mar" class="menu-section">
<div class="item" onclick="addItem('Carpaccio salmón', 15600)">Carpaccio salmón - $15.600</div>
<div class="item" onclick="addItem('Camarón apanado', 13100)">Camarón apanado - $13.100</div>
<div class="item" onclick="addItem('Macha a la parmesana', 12000)">Macha a la parmesana - $12.000</div>
<div class="item" onclick="addItem('Pastel de jaiba', 12600)">Pastel de jaiba - $12.600</div>
<div class="item" onclick="addItem('Tabla Serrano', 17000)">Tabla Serrano - $17.000</div>
<div class="item" onclick="addItem('Tabla Queso', 16000)">Tabla Queso - $16.000</div>
</div>
<div id="cafe" class="menu-section">
<div class="item" onclick="addItem('Café expreso simple', 2600)">Café expreso simple - $2.600</div>
<div class="item" onclick="addItem('Café expreso doble', 2800)">Café expreso doble - $2.800</div>
<div class="item" onclick="addItem('Café americano', 3200)">Café americano - $3.200</div>
<div class="item" onclick="addItem('Chocolate caliente', 3900)">Chocolate caliente - $3.900</div>
<div class="item" onclick="addItem('Capuccino', 3800)">Capuccino - $3.800</div>
<div class="item" onclick="addItem('Macchiato', 3200)">Macchiato - $3.200</div>
<div class="item" onclick="addItem('Mokaccino', 3900)">Mokaccino - $3.900</div>
<div class="item" onclick="addItem('Latte', 3800)">Latte - $3.800</div>
<div class="item" onclick="addItem('Latte helado', 3800)">Latte helado - $3.800</div>
<div class="item" onclick="addItem('Café helado', 4300)">Café helado - $4.300</div>
<div class="item" onclick="addItem('Té / Infusiones', 2400)">Té / Infusiones - $2.400</div>
<div class="item" onclick="addItem('Agua 500cc.', 2200)">Agua 500cc. - $2.200</div>
<div class="item" onclick="addItem('Jugo natural', 3800)">Jugo natural - $3.800</div>
<div class="item" onclick="addItem('Bebida 300cc.', 2400)">Bebida 300cc. - $2.400</div>
</div>
<div id="barra" class="menu-section">
<div class="item" onclick="addItem('Cerveza lager 300cc.', 3600)">Cerveza lager 300cc. - $3.600</div>
<div class="item" onclick="addItem('Cerveza Corona 300cc.', 4000)">Cerveza Corona 300cc. - $4.000</div>
<div class="item" onclick="addItem('Cerveza Kunstmann 500cc.', 4700)">Cerveza Kunstmann 500cc. - $4.700</div>
<div class="item" onclick="addItem('Michelada', 1500)">Michelada - $1.500</div>
<div class="item" onclick="addItem('Copa vino tinto', 4500)">Copa vino tinto - $4.500</div>
<div class="item" onclick="addItem('Copa vino blanco', 4500)">Copa vino blanco - $4.500</div>
<div class="item" onclick="addItem('Espumante', 4000)">Espumante - $4.000</div>
<div class="item" onclick="addItem('Pisco Sour', 4500)">Pisco Sour - $4.500</div>
<div class="item" onclick="addItem('Aperol',6000)">Aperol - $6.000</div>
<div class="item" onclick="addItem('Ramazotti', 6500)">Ramazotti - $6.500</div>
</div>
<div id="desayunos" class="menu-section">
<div class="item" onclick="addItem('Desayuno InHouse 1', 10000)">Desayuno InHouse 1 - $10.000</div>
<div class="item" onclick="addItem('Desayuno InHouse 2', 13000)">Desayuno InHouse 2 - $13.000</div>
</div>
<div id="extra" class="menu-section">
<div>
<input type="text" id="extraDescription" placeholder="Descripción">
<input type="number" id="extraAmount" placeholder="Monto">
<button onclick="agregarExtra()">
<img src="plusb.svg" alt="Ingresar" style="width: 20px; height: 20px;">
</button>
</div>
</div>
</div>
<div id="boleta">
<ul id="pedido-list"></ul>
<p>Total: $<span id="total">0</span></p>
<button id="generar-boleta" onclick="generarRecibo()">
<img src="check.svg" alt="Generar boleta" style="width: 50px; height: 50px;">
</button>
<button id="borrar-boleta" onclick="borrarElementos()">
<img src="delete.svg" alt="Borrar elementos" style="width: 50px; height: 50px;">
</button>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.68/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.68/vfs_fonts.js"></script>
</body>
</html>