Adding demo details to allow fine grained search to the users.

This commit is contained in:
Sergiotarxz 2023-12-02 21:15:42 +01:00
parent 6c20bd7535
commit d16c4698c7
5 changed files with 183 additions and 142 deletions

View File

@ -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>

View File

@ -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;

View File

@ -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;

View File

@ -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