Adding demo details to allow fine grained search to the users.
This commit is contained in:
parent
6c20bd7535
commit
d16c4698c7
@ -23,7 +23,8 @@
|
||||
|
||||
<p>Procedemos a listar la carta.</p>
|
||||
|
||||
<h3>Entrantes.</h3>
|
||||
<details>
|
||||
<summary><h3>Entrantes.</h3></summary>
|
||||
|
||||
<ul>
|
||||
<li>Alitas <b>3€ tapa</b>.</li>
|
||||
@ -37,8 +38,10 @@
|
||||
<li>Patatas alioli <b>2.50€ tapa 4€ plato</b>.</li>
|
||||
<li>Ensaladilla <b>2.50€ tapa 4€ plato</b>.</li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Pizzas.</h3>
|
||||
<details>
|
||||
<summary><h3>Pizzas.</h3></summary>
|
||||
|
||||
<p>Todas las pizzas vienen con 2 ingredientes incluidos en el precio, por 0.60€ puedes añadir un ingrediente extra por 0.60€ o una salsa extra por 0.30€.</p>
|
||||
|
||||
@ -81,8 +84,10 @@
|
||||
<li>Pollo asado y salsa kebab</li>
|
||||
<li>4 quesos</li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Bebidas.</h3>
|
||||
<details>
|
||||
<summary><h3>Bebidas.</h3></summary>
|
||||
|
||||
<ul>
|
||||
<li>Refresco <b>1.50€</b></li>
|
||||
@ -98,8 +103,10 @@
|
||||
<li>Café e infusión <b>1.20€</b></li>
|
||||
<li>Combinado <b>4.50€</b></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Helados.</h3>
|
||||
<details>
|
||||
<summary><h3>Helados.</h3></summary>
|
||||
|
||||
<ul>
|
||||
<li>Sandy <b>2.20€</b></li>
|
||||
@ -109,8 +116,10 @@
|
||||
<li>Batido pequeño <b>2.50€</b></li>
|
||||
<li>Batido grande <b>3.20€</b></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Bocadillos.</h3>
|
||||
<details>
|
||||
<summary><h3>Bocadillos.</h3></summary>
|
||||
|
||||
<ul>
|
||||
<li>Tortilla <b>3.00€</b></li>
|
||||
@ -122,8 +131,10 @@
|
||||
<li>Filete de lomo, mayonesa y lechuga <b>3.50€</b></li>
|
||||
<li>Serranito de pollo o cerdo <b>4.50€</b></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Montaditos.</h3>
|
||||
<details>
|
||||
<summary><h3>Montaditos.</h3></summary>
|
||||
|
||||
<ul>
|
||||
<li>Gambas alioli <b>2.50€</b></li>
|
||||
@ -132,22 +143,28 @@
|
||||
<li>Solomillo (Whisky, roquefort o pimienta) <b>2.50€</b></li>
|
||||
<li>Pollo o lomo <b>2.50€</b></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Perritos.</h3>
|
||||
<details>
|
||||
<summary><h3>Perritos.</h3></summary>
|
||||
|
||||
<ul>
|
||||
<li>Simple (Salchicha + salsa) <b>2.00€</b></li>
|
||||
<li>Completo (Salchicha, cebolla frita, zanahoria, patatas paja y salsa) <b>2.50€</b></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Carnes.</h3>
|
||||
<details>
|
||||
<summary><h3>Carnes.</h3></summary>
|
||||
|
||||
<ul>
|
||||
<li>Pechuga y patatas <b>5.00€ plato</b>.</li>
|
||||
<li>Solomillo (Whisky, roquefort o pimienta) <b>3.00€ tapa 5.00€ plato</b>.</li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Patatas gratinadas.</h3>
|
||||
<details>
|
||||
<summary><h3>Patatas gratinadas.</h3></summary>
|
||||
|
||||
<p>En formato pequeño cuestan 4.00€ y en formato grande 6.00€, a elegir entre las siguientes combinaciones.</p>
|
||||
|
||||
@ -156,8 +173,10 @@
|
||||
<li>Salsa cheedar + bacon + cebolla frita.</li>
|
||||
<li>Salsa kebab + carne kebab.</li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Patatas normales.</h3>
|
||||
<details>
|
||||
<summary><h3>Patatas normales.</h3></summary>
|
||||
|
||||
<ul>
|
||||
<li>Pequeñas <b>1.00€</b></li>
|
||||
@ -165,8 +184,10 @@
|
||||
<li>Gajo <b>grande 1.50€</b></li>
|
||||
<li>Cris Criss - Cross <b>grande 2.00€</b></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<h3>Hamburguesas.</h3>
|
||||
<details>
|
||||
<summary><h3>Hamburguesas.</h3></summary>
|
||||
|
||||
<p>Puedes solicitar un extra en salsa por 0.50€.</p>
|
||||
|
||||
@ -191,6 +212,7 @@
|
||||
<li>Cheese bacon (Carne mixta, queso, bacon, pepinillo, ketchup, mostaza y cebolla) + patatas <b>6.50€</b>.</li>
|
||||
<li>Romana (Carne mixta, salsa bbq, lechuga, tomate, queso y aros de cebolla) + patatas <b>6.50€</b>.</li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
<p>¿Quieres ver tu negocio localizado en Burguillos en este espacio? Contacta con <a href="mailto:contact@owlcode.tech">contact@owlcode.tech</a>.</p>
|
||||
</content>
|
||||
|
@ -121,6 +121,11 @@ function addListenersSearch() {
|
||||
}
|
||||
const nextResult = searchInPage.querySelector('a.down');
|
||||
const prevResult = searchInPage.querySelector('a.up');
|
||||
window.addEventListener("keydown", (e) => {
|
||||
if (e.key.toLowerCase() === "f" && e.ctrlKey) {
|
||||
openAllDetails()
|
||||
}
|
||||
});
|
||||
if (nextResult !== null && prevResult !== null) {
|
||||
nextResult.addEventListener('click', () => {
|
||||
searchInWebsite(fakeSearchInput.value, true);
|
||||
@ -149,6 +154,7 @@ function addListenersSearch() {
|
||||
function searchInWebsite(value, isToBottom) {
|
||||
window.find(value, false, !isToBottom, true)
|
||||
const selection = window.getSelection()
|
||||
openAllDetails()
|
||||
if (selection.anchorNode === null) {
|
||||
const pageContents = document.querySelector('div.page-contents');
|
||||
pageContents.focus()
|
||||
@ -168,6 +174,12 @@ function searchInWebsite(value, isToBottom) {
|
||||
}
|
||||
}
|
||||
|
||||
function openAllDetails() {
|
||||
for (const detail of document.querySelectorAll('details')) {
|
||||
detail.open = true
|
||||
}
|
||||
}
|
||||
|
||||
function _getOffsetTopWithNParent(element, nParent, _carry = 0) {
|
||||
if (element === null) {
|
||||
return null;
|
||||
|
@ -9,6 +9,8 @@ body {
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
body summary h2, body summary h3, body summary h4, body summary h5 {
|
||||
display: inline; }
|
||||
body span.round-center {
|
||||
background: blueviolet;
|
||||
color: #FEFEFA;
|
||||
|
@ -17,6 +17,11 @@ html {
|
||||
}
|
||||
|
||||
body {
|
||||
summary {
|
||||
h2, h3, h4, h5 {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
span.round-center {
|
||||
background: $background_div;
|
||||
color: $background_sidebar;
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user