diff --git a/js-src/index.js b/js-src/index.js index 7a168ce..3ab1155 100644 --- a/js-src/index.js +++ b/js-src/index.js @@ -1,496 +1,550 @@ "use strict"; -import Tablesort from 'tablesort'; -import CarouselAd from '@burguillosinfo/carousel-ad' -window.Tablesort = require('tablesort'); +import Tablesort from "tablesort"; +import CarouselAd from "@burguillosinfo/carousel-ad"; +window.Tablesort = require("tablesort"); -require('tablesort/src/sorts/tablesort.number'); +require("tablesort/src/sorts/tablesort.number"); -let fakeSearchInput -let searchMobile +let fakeSearchInput; +let searchMobile; -const cookies = document.cookie.split("; ").map((cookie) => { +const cookies = document.cookie + .split("; ") + .map((cookie) => { let [key, value] = cookie.split("="); return { - key: key, - value: value, - } -}).reduce((acc, cookie) => { + key: key, + value: value, + }; + }) + .reduce((acc, cookie) => { acc[cookie.key] = cookie.value; return acc; -}, {}); + }, {}); function addEventListernerExpandDescriptionProducts() { - const searchResults = document.querySelectorAll('div.search-result'); - for (const result of searchResults) { - const a = result.querySelector('div.row-title-url-image a'); - if (a === null) { - continue; - } - if (!a.href) { - continue; - } - const askUrl = a.href + '.json'; - const content = result.querySelector('div.search-result-content'); - const expand = result.querySelector('div.search-result-content a.expand'); - if (expand === null) { - continue; - } - expand.addEventListener('click', (event) => { - event.preventDefault(); - fetch(askUrl).then(async (res) => { - const json = await res.json(); - content.innerHTML = json.description; - }); - }); + const searchResults = document.querySelectorAll("div.search-result"); + for (const result of searchResults) { + const a = result.querySelector("div.row-title-url-image a"); + if (a === null) { + continue; } - + if (!a.href) { + continue; + } + const askUrl = a.href + ".json"; + const content = result.querySelector("div.search-result-content"); + const expand = result.querySelector("div.search-result-content a.expand"); + if (expand === null) { + continue; + } + expand.addEventListener("click", (event) => { + event.preventDefault(); + fetch(askUrl).then(async (res) => { + const json = await res.json(); + content.innerHTML = json.description; + }); + }); + } } function startSuggestions() { - const searchInputs = document.querySelectorAll('div.fake-text-box input'); - const port = _port() - const url = new URL(window.location.protocol + "//" + window.location.hostname + port + '/search/suggestions.json'); - fetch(url).then(async (res) => { - let suggestions = await res.json(); - let selectedSuggestion; - let currentLength = 0; - let waitCounter; - const last3SearchSuggestions = []; - window.setInterval(() => { - if (--waitCounter > 0) { - return; - } - if (!selectedSuggestion || currentLength > selectedSuggestion.length) { - selectedSuggestion = suggestions[Math.floor(Math.random() * suggestions.length)]; - currentLength = 0; - while (last3SearchSuggestions.includes(selectedSuggestion)) { - selectedSuggestion - = suggestions[Math.floor(Math.random() * suggestions.length)]; - currentLength = 0; - } - last3SearchSuggestions.push(selectedSuggestion); - if (last3SearchSuggestions.length > 2) { - last3SearchSuggestions.shift(); - } - waitCounter = 5; - return; - } - currentLength++; - for (const input of searchInputs) { - input.setAttribute('placeholder', selectedSuggestion.substring(0, currentLength)); - } - }, 100); - }); + const searchInputs = document.querySelectorAll("div.fake-text-box input"); + const port = _port(); + const url = new URL( + window.location.protocol + + "//" + + window.location.hostname + + port + + "/search/suggestions.json", + ); + fetch(url).then(async (res) => { + let suggestions = await res.json(); + let selectedSuggestion; + let currentLength = 0; + let waitCounter; + const last3SearchSuggestions = []; + window.setInterval(() => { + if (--waitCounter > 0) { + return; + } + if (!selectedSuggestion || currentLength > selectedSuggestion.length) { + selectedSuggestion = + suggestions[Math.floor(Math.random() * suggestions.length)]; + currentLength = 0; + while (last3SearchSuggestions.includes(selectedSuggestion)) { + selectedSuggestion = + suggestions[Math.floor(Math.random() * suggestions.length)]; + currentLength = 0; + } + last3SearchSuggestions.push(selectedSuggestion); + if (last3SearchSuggestions.length > 2) { + last3SearchSuggestions.shift(); + } + waitCounter = 5; + return; + } + currentLength++; + for (const input of searchInputs) { + input.setAttribute( + "placeholder", + selectedSuggestion.substring(0, currentLength), + ); + } + }, 100); + }); } -document.addEventListener("DOMContentLoaded", function () { - window.addEventListener('popstate', (event) => { - if (event) { - console.log('refreshing'); - window.location.reload(); - } +document.addEventListener( + "DOMContentLoaded", + function () { + window.addEventListener("popstate", (event) => { + if (event) { + console.log("refreshing"); + window.location.reload(); + } }); startSuggestions(); addEventListernerExpandDescriptionProducts(); - let focusSearch = document.body.querySelector('nav.mobile-shortcuts div.search input'); + let focusSearch = document.body.querySelector( + "nav.mobile-shortcuts div.search input", + ); if (focusSearch === null) { - focusSearch = document.body.querySelector('div.search input'); + focusSearch = document.body.querySelector("div.search input"); } if (focusSearch !== null) { - focusSearch.focus(); + focusSearch.focus(); } - const menu_expand = document.querySelector('a.menu-expand'); - const mobile_foldable = document.querySelector('nav.mobile-foldable'); - const transparentFullscreenHide = document.querySelector('div.transparent-fullscreen-hide'); - const contentsWithoutMenu = document.querySelector('div.contents-without-menu') - const tables = document.querySelectorAll('table') - const searchTooltips = document.querySelectorAll('div.tooltip-search-promo'); + const menu_expand = document.querySelector("a.menu-expand"); + const mobile_foldable = document.querySelector("nav.mobile-foldable"); + const transparentFullscreenHide = document.querySelector( + "div.transparent-fullscreen-hide", + ); + const contentsWithoutMenu = document.querySelector( + "div.contents-without-menu", + ); + const tables = document.querySelectorAll("table"); + const searchTooltips = document.querySelectorAll( + "div.tooltip-search-promo", + ); for (const searchTooltip of searchTooltips) { - const cookie_name = 'seen-tooltip-this-week'; - if (cookies[cookie_name]) { - searchTooltip.classList.add('hidden'); + const cookie_name = "seen-tooltip-this-week"; + if (cookies[cookie_name]) { + searchTooltip.classList.add("hidden"); + } + searchTooltip.addEventListener("click", () => { + let time = 86400 * 7; + document.cookie = `${cookie_name}=1; max-age=${time}; path=/;`; + for (const searchTooltip of searchTooltips) { + searchTooltip.classList.add("hidden"); } - searchTooltip.addEventListener('click', () => { - let time = 86400 * 7; - document.cookie = `${cookie_name}=1; max-age=${time}; path=/;`; - for (const searchTooltip of searchTooltips) { - searchTooltip.classList.add('hidden'); - } - }); + }); } fillFarmaciaGuardia(); -// new CarouselAd().run() - addEasterEggAnimation() + // new CarouselAd().run() + addEasterEggAnimation(); - if (menu_expand !== null && mobile_foldable !== null && transparentFullscreenHide !== null && contentsWithoutMenu !== null) { - mobile_foldable.toggleAttribute('aria-hidden') - if (mobile_foldable.getAttribute('aria-hidden') !== null) { - mobile_foldable.setAttribute('aria-hidden', true); + if ( + menu_expand !== null && + mobile_foldable !== null && + transparentFullscreenHide !== null && + contentsWithoutMenu !== null + ) { + mobile_foldable.toggleAttribute("aria-hidden"); + if (mobile_foldable.getAttribute("aria-hidden") !== null) { + mobile_foldable.setAttribute("aria-hidden", true); + } + transparentFullscreenHide.addEventListener("click", () => { + mobile_foldable.classList.remove("show"); + transparentFullscreenHide.classList.remove("show"); + menu_expand.classList.remove("active"); + contentsWithoutMenu.removeAttribute("aria-hidden"); + mobile_foldable.setAttribute("aria-hidden", true); + }); + menu_expand.addEventListener("click", () => { + menu_expand.classList.toggle("active"); + mobile_foldable.classList.toggle("show"); + transparentFullscreenHide.classList.toggle("show"); + contentsWithoutMenu.toggleAttribute("aria-hidden"); + if (contentsWithoutMenu.getAttribute("aria-hidden") !== null) { + contentsWithoutMenu.setAttribute("aria-hidden", true); } - transparentFullscreenHide.addEventListener('click', () => { - mobile_foldable.classList.remove('show'); - transparentFullscreenHide.classList.remove('show'); - menu_expand.classList.remove('active'); - contentsWithoutMenu.removeAttribute('aria-hidden') - mobile_foldable.setAttribute('aria-hidden', true) - }); - menu_expand.addEventListener('click', () => { - menu_expand.classList.toggle('active'); - mobile_foldable.classList.toggle('show'); - transparentFullscreenHide.classList.toggle('show'); - contentsWithoutMenu.toggleAttribute('aria-hidden') - if (contentsWithoutMenu.getAttribute('aria-hidden') !== null) { - contentsWithoutMenu.setAttribute('aria-hidden', true); - } - mobile_foldable.toggleAttribute('aria-hidden') - if (mobile_foldable.getAttribute('aria-hidden') !== null) { - mobile_foldable.setAttribute('aria-hidden', true); - } - }); + mobile_foldable.toggleAttribute("aria-hidden"); + if (mobile_foldable.getAttribute("aria-hidden") !== null) { + mobile_foldable.setAttribute("aria-hidden", true); + } + }); } for (const table of tables) { - const header = table.querySelector('tr'); - if (header !== null) { - header.setAttribute('data-sort-method', 'none') - for (const th of header.querySelectorAll('th')) { - if (th.getAttribute('data-sort-method') == null) { - th.setAttribute('data-sort-method', 'thead') - } - } + const header = table.querySelector("tr"); + if (header !== null) { + header.setAttribute("data-sort-method", "none"); + for (const th of header.querySelectorAll("th")) { + if (th.getAttribute("data-sort-method") == null) { + th.setAttribute("data-sort-method", "thead"); + } } - new Tablesort(table) + } + new Tablesort(table); } if (window !== undefined && window.Android !== undefined) { - executeAndroidExclusiveCode(Android) - } - searchMobile = document.querySelector('nav.mobile-shortcuts div.search') + executeAndroidAppExclusiveCode(Android); + } + searchMobile = document.querySelector("nav.mobile-shortcuts div.search"); if (searchMobile !== null) { - fakeSearchInput = searchMobile.querySelector('input') - addListenersSearch() + fakeSearchInput = searchMobile.querySelector("input"); + addListenersSearch(); } addListenersSearchOverlay(); - if (!cookies['search-tutorial-seen']) { - startSearchTutorial(); + if (!cookies["search-tutorial-seen"]) { + startSearchTutorial(); } -}, false); + }, + false, +); function startSearchTutorial() { - console.log('Showing how to use search'); - const tutorialOverlay = document.querySelector('.tutorial-overlay-step-1'); - if (tutorialOverlay === null) { - console.error('tutorialOverlay missing'); - return; - } -// tutorialOverlay.classList.remove('hidden'); + console.log("Showing how to use search"); + const tutorialOverlay = document.querySelector(".tutorial-overlay-step-1"); + if (tutorialOverlay === null) { + console.error("tutorialOverlay missing"); + return; + } + // tutorialOverlay.classList.remove('hidden'); } function markSearchTutorialAsSeen() { - console.log('Tutorial ended'); - document.cookie = 'search-tutorial-seen=1; SameSite=Lax;' + console.log("Tutorial ended"); + document.cookie = "search-tutorial-seen=1; SameSite=Lax;"; } function fillFarmaciaGuardia() { - const farmaciaName = document.querySelector('#farmacia-name'); - const farmaciaAddress = document.querySelector('#farmacia-address'); - if (farmaciaName !== null || farmaciaAddress !== null) { - const port = _port() - const url = new URL(window.location.protocol - + "//" - + window.location.hostname - + port - + '/farmacia-guardia.json'); - fetch(url).then(async (res) => { - const farmacia = await res.json() - if (farmaciaName !== null) { - farmaciaName.innerText = farmacia.name; - farmaciaAddress.innerText = farmacia.address; - } - }) - } + const farmaciaName = document.querySelector("#farmacia-name"); + const farmaciaAddress = document.querySelector("#farmacia-address"); + if (farmaciaName !== null || farmaciaAddress !== null) { + const port = _port(); + const url = new URL( + window.location.protocol + + "//" + + window.location.hostname + + port + + "/farmacia-guardia.json", + ); + fetch(url).then(async (res) => { + const farmacia = await res.json(); + if (farmaciaName !== null) { + farmaciaName.innerText = farmacia.name; + farmaciaAddress.innerText = farmacia.address; + } + }); + } } function addListenersSearch() { - const searchInPage = document.querySelector('div.search-in-page') - if (searchMobile !== null) { - const searchIcon = searchMobile.querySelector('a.search-icon') - searchIcon.addEventListener('click', (e) => { - const searchOverlay = document.querySelector('div.search-overlay'); - const searchInput = searchOverlay.querySelector('div.search input'); - window.dataLayer = window.dataLayer || []; - window.dataLayer.push({ - 'event': 'fakesearch_term', - 'term': fakeSearchInput.value, - }); - searchInput.value = fakeSearchInput.value; - onSearchChange(e) - onFakeSearchClick(e) - return true; - - }) - fakeSearchInput.addEventListener('keyup', (e) => { - if (searchInPage === null) { - return; - } - if (fakeSearchInput.value === "") { - searchInPage.classList.remove('active') - } else { - searchInPage.classList.add('active') - } - if (e.keyCode !== 13) { - return false; - } - const searchOverlay = document.querySelector('div.search-overlay'); - const searchInput = searchOverlay.querySelector('div.search input'); - window.dataLayer = window.dataLayer || []; - window.dataLayer.push({ - 'event': 'fakesearch_term_keyup', - 'term': fakeSearchInput.value, - }); - searchInput.value = fakeSearchInput.value; - onSearchChange(e) - onFakeSearchClick(e) - return true; - }); - } - const nextResult = searchInPage.querySelector('a.down'); - const prevResult = searchInPage.querySelector('a.up'); - window.addEventListener("keydown", (e) => { - if (e.key.toLowerCase() === "f" && e.ctrlKey) { - openAllDetails() - } + const searchInPage = document.querySelector("div.search-in-page"); + if (searchMobile !== null) { + const searchIcon = searchMobile.querySelector("a.search-icon"); + searchIcon.addEventListener("click", (e) => { + const searchOverlay = document.querySelector("div.search-overlay"); + const searchInput = searchOverlay.querySelector("div.search input"); + window.dataLayer = window.dataLayer || []; + window.dataLayer.push({ + event: "fakesearch_term", + term: fakeSearchInput.value, + }); + searchInput.value = fakeSearchInput.value; + onSearchChange(e); + onFakeSearchClick(e); + return true; }); - window.addEventListener("blur", (e) => { - openAllDetails() - }) - if (nextResult !== null && prevResult !== null) { - nextResult.addEventListener('click', () => { - searchInWebsite(fakeSearchInput.value, true); - }); - prevResult.addEventListener('click', () => { - searchInWebsite(fakeSearchInput.value, false); - }); - } - const exitSearch = document.querySelector('a.exit-search') - const searchOverlay = document.querySelector('div.search-overlay'); - const searchInput = searchOverlay.querySelector('div.search input'); - fakeSearchInput.value = searchInput.value; - const firstUrl = window.location.href; - if (exitSearch !== null) { - exitSearch.addEventListener('click', (event) => { onExitSearch(event, firstUrl) }) - } - const searchIconDesktop = document.querySelector('nav.desktop a.search-icon'); - if (searchIconDesktop !== null) { - searchIconDesktop.addEventListener('click', (e) => { - onFakeSearchClick(e) - }) + fakeSearchInput.addEventListener("keyup", (e) => { + if (searchInPage === null) { + return; + } + if (fakeSearchInput.value === "") { + searchInPage.classList.remove("active"); + } else { + searchInPage.classList.add("active"); + } + if (e.keyCode !== 13) { + return false; + } + const searchOverlay = document.querySelector("div.search-overlay"); + const searchInput = searchOverlay.querySelector("div.search input"); + window.dataLayer = window.dataLayer || []; + window.dataLayer.push({ + event: "fakesearch_term_keyup", + term: fakeSearchInput.value, + }); + searchInput.value = fakeSearchInput.value; + onSearchChange(e); + onFakeSearchClick(e); + return true; + }); + } + const nextResult = searchInPage.querySelector("a.down"); + const prevResult = searchInPage.querySelector("a.up"); + window.addEventListener("keydown", (e) => { + if (e.key.toLowerCase() === "f" && e.ctrlKey) { + openAllDetails(); } + }); + window.addEventListener("blur", (e) => { + openAllDetails(); + }); + if (nextResult !== null && prevResult !== null) { + nextResult.addEventListener("click", () => { + searchInWebsite(fakeSearchInput.value, true); + }); + prevResult.addEventListener("click", () => { + searchInWebsite(fakeSearchInput.value, false); + }); + } + const exitSearch = document.querySelector("a.exit-search"); + const searchOverlay = document.querySelector("div.search-overlay"); + const searchInput = searchOverlay.querySelector("div.search input"); + fakeSearchInput.value = searchInput.value; + const firstUrl = window.location.href; + if (exitSearch !== null) { + exitSearch.addEventListener("click", (event) => { + onExitSearch(event, firstUrl); + }); + } + const searchIconDesktop = document.querySelector("nav.desktop a.search-icon"); + if (searchIconDesktop !== null) { + searchIconDesktop.addEventListener("click", (e) => { + onFakeSearchClick(e); + }); + } } function addListenersSearchOverlay() { - const search = document.querySelector('div.search-overlay div.search input'); - if (search !== null) { - search.addEventListener('change', onSearchChange); - } + const search = document.querySelector("div.search-overlay div.search input"); + if (search !== null) { + search.addEventListener("change", onSearchChange); + } } 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() - searchInWebsite(value, isToBottom) - } - const anchorNode = selection.anchorNode.parentNode - if (anchorNode.tagName !== null - && anchorNode.tagName === "INPUT") { - const pageContents = document.querySelector('div.page-contents'); - pageContents.focus() - searchInWebsite(value, isToBottom) - } - if (anchorNode !== null) { - const pageContents = document.querySelector('div.page-contents'); - const offsetTop = _getOffsetTopWithNParent(anchorNode, pageContents); - pageContents.scroll(0, offsetTop - 150) - } + window.find(value, false, !isToBottom, true); + const selection = window.getSelection(); + openAllDetails(); + if (selection.anchorNode === null) { + const pageContents = document.querySelector("div.page-contents"); + pageContents.focus(); + searchInWebsite(value, isToBottom); + } + const anchorNode = selection.anchorNode.parentNode; + if (anchorNode.tagName !== null && anchorNode.tagName === "INPUT") { + const pageContents = document.querySelector("div.page-contents"); + pageContents.focus(); + searchInWebsite(value, isToBottom); + } + if (anchorNode !== null) { + const pageContents = document.querySelector("div.page-contents"); + const offsetTop = _getOffsetTopWithNParent(anchorNode, pageContents); + pageContents.scroll(0, offsetTop - 150); + } } function openAllDetails() { - for (const detail of document.querySelectorAll('details')) { - detail.open = true - } + for (const detail of document.querySelectorAll("details")) { + detail.open = true; + } } function _getOffsetTopWithNParent(element, nParent, _carry = 0) { - if (element === null) { - return null; - } - if (element === nParent) { - return _carry; - } - _carry += element.offsetTop - return _getOffsetTopWithNParent(element.offsetParent, nParent, _carry) + if (element === null) { + return null; + } + if (element === nParent) { + return _carry; + } + _carry += element.offsetTop; + return _getOffsetTopWithNParent(element.offsetParent, nParent, _carry); } function _port() { - let port = window.location.port; - if (port !== '') { - port = ':' + port - } - return port; + let port = window.location.port; + if (port !== "") { + port = ":" + port; + } + return port; } function onSearchChange() { - const search = document.querySelector('div.search-overlay div.search input'); - const searchResults = document.querySelector('div.search-overlay div.search-results'); - if (search === null || searchResults === null) { - return; + const search = document.querySelector("div.search-overlay div.search input"); + const searchResults = document.querySelector( + "div.search-overlay div.search-results", + ); + if (search === null || searchResults === null) { + return; + } + const query = search.value; + window.dataLayer = window.dataLayer || []; + window.dataLayer.push({ + event: "realsearch_term_keyup", + term: search.value, + }); + if (fakeSearchInput !== undefined && fakeSearchInput !== null) { + fakeSearchInput.value = search.value; + } + let found = search.value.match(/^#(\S+?)(?:\:(\S+?))?$/); + const port = _port(); + if (found) { + let attributeUrlPart = found[2]; + console.log(attributeUrlPart); + if (attributeUrlPart === undefined) { + attributeUrlPart = ""; } - const query = search.value; - window.dataLayer = window.dataLayer || []; - window.dataLayer.push({ - 'event': 'realsearch_term_keyup', - 'term': search.value, - }); - if (fakeSearchInput !== undefined && fakeSearchInput !== null) { - fakeSearchInput.value = search.value + console.log(attributeUrlPart); + if (attributeUrlPart !== "") { + attributeUrlPart = "/atributo/" + attributeUrlPart; } - let found = search.value.match(/^#(\S+?)(?:\:(\S+?))?$/); - const port = _port() - if (found) { - let attributeUrlPart = found[2]; - console.log(attributeUrlPart); - if (attributeUrlPart === undefined) { - attributeUrlPart = ''; - } - console.log(attributeUrlPart); - if (attributeUrlPart !== '') { - attributeUrlPart = '/atributo/' + attributeUrlPart; - } - console.log(attributeUrlPart); - const checkHashstagUrl = new URL(window.location.protocol - + "//" - + window.location.hostname - + port - + '/' + found[1] + attributeUrlPart); - fetch(checkHashstagUrl).then((res) => { - if (res.status === 200) { - window.location = checkHashstagUrl; - } - }); - return; + console.log(attributeUrlPart); + const checkHashstagUrl = new URL( + window.location.protocol + + "//" + + window.location.hostname + + port + + "/" + + found[1] + + attributeUrlPart, + ); + fetch(checkHashstagUrl).then((res) => { + if (res.status === 200) { + window.location = checkHashstagUrl; + } + }); + return; + } + const url = new URL( + window.location.protocol + + "//" + + window.location.hostname + + port + + "/search.html", + ); + url.searchParams.set("q", query); + url.searchParams.set("e", 1); + fetch(url).then(async (res) => { + const url = new URL( + window.location.protocol + + "//" + + window.location.hostname + + port + + "/search.html", + ); + url.searchParams.set("q", query); + document.title = `'${query}' en Burguillos Info`; + if (!query) { + document.title = `Buscador de Burguillos Info`; } - const url = new URL(window.location.protocol - + "//" - + window.location.hostname - + port - + '/search.html'); - url.searchParams.set('q', query); - url.searchParams.set('e', 1); - fetch(url).then(async (res) => { - const url = new URL(window.location.protocol - + "//" - + window.location.hostname - + port - + '/search.html'); - url.searchParams.set('q', query); - document.title = `'${query}' en Burguillos Info`; - if (!query) { - document.title = `Buscador de Burguillos Info`; - } - history.pushState({}, '', url); - searchResults.innerHTML = await res.text(); - addEventListernerExpandDescriptionProducts(); - searchResults.scrollTo(0, 0); - }) - search.focus() + history.pushState({}, "", url); + searchResults.innerHTML = await res.text(); + addEventListernerExpandDescriptionProducts(); + searchResults.scrollTo(0, 0); + }); + search.focus(); } function onExitSearch(event, firstUrl) { - event.preventDefault(); - const searchOverlay = document.querySelector('div.search-overlay'); - if (searchOverlay !== null) { - searchOverlay.classList.toggle('active'); - } - if (!searchOverlay.classList.contains('active')) { - history.pushState({}, '', firstUrl); - } + event.preventDefault(); + const searchOverlay = document.querySelector("div.search-overlay"); + if (searchOverlay !== null) { + searchOverlay.classList.toggle("active"); + } + if (!searchOverlay.classList.contains("active")) { + history.pushState({}, "", firstUrl); + } } function onFakeSearchClick(e) { - e.preventDefault(); - const searchOverlay = document.querySelector('div.search-overlay'); - if (searchOverlay === null) { - return - } - searchOverlay.classList.toggle('active'); - const search = searchOverlay.querySelector('div.search input'); - if (search !== null) { - search.focus() - } - return false; + e.preventDefault(); + const searchOverlay = document.querySelector("div.search-overlay"); + if (searchOverlay === null) { + return; + } + searchOverlay.classList.toggle("active"); + const search = searchOverlay.querySelector("div.search input"); + if (search !== null) { + search.focus(); + } + return false; } function absoluteToHost(imageUrl) { - if (imageUrl.match(/^\//)) { - imageUrl = window.location.protocol + "//" + window.location.host + imageUrl - } - return imageUrl.replace(/\?.*$/, ''); + if (imageUrl.match(/^\//)) { + imageUrl = + window.location.protocol + "//" + window.location.host + imageUrl; + } + return imageUrl.replace(/\?.*$/, ""); } function addListenerOpenInBrowserButton(android) { - const openInBrowserLink = document.querySelector('a.open-in-browser') - if (openInBrowserLink === null) { - return - } - openInBrowserLink.addEventListener('click', () => { - android.openInBrowser(window.location.href) - }) + const openInBrowserLink = document.querySelector("a.open-in-browser"); + if (openInBrowserLink === null) { + return; + } + openInBrowserLink.addEventListener("click", () => { + android.openInBrowser(window.location.href); + }); } -function executeAndroidExclusiveCode(android) { - document.querySelectorAll('*.android').forEach((element) => { - element.classList.remove('android') - }) - document.querySelectorAll('*.no-android-app').forEach((element) => { - element.style.display = 'none'; - }) - addListenerOpenInBrowserButton(android) - const pinToHomeUrl = document.querySelector('a.pin-to-home') - if (pinToHomeUrl === null) { - return; +function executeAndroidAppExclusiveCode(android) { + const url = new URL( + window.location.protocol + + "//" + + window.location.hostname + + port + + "/ping/i-am-android-app", + ); + fetch(url).then((res) => { + console.log("Reported I am the Android App"); + }); + document.querySelectorAll("*.android").forEach((element) => { + element.classList.remove("android"); + }); + document.querySelectorAll("*.no-android-app").forEach((element) => { + element.style.display = "none"; + }); + addListenerOpenInBrowserButton(android); + const pinToHomeUrl = document.querySelector("a.pin-to-home"); + if (pinToHomeUrl === null) { + return; + } + pinToHomeUrl.addEventListener("click", () => { + const url = new URL(window.location.href); + const pathandQuery = url.pathname + url.search; + const label = + url.pathname + .replace(/^.*\//g, "") + .replace(/(?:^|-)\w/g, function (character) { + return character.toUpperCase(); + }) + .replace(/-/g, " ") + " - Burguillos.info"; + const firstImg = document.querySelector("div.description img"); + let iconUrl; + if (firstImg !== null) { + if (!firstImg.src.match(/\.svg(?:\?|$)/)) { + iconUrl = absoluteToHost(firstImg.src); + } } - pinToHomeUrl.addEventListener('click', () => { - const url = new URL(window.location.href) - const pathandQuery = url.pathname + url.search; - const label = (url.pathname.replace(/^.*\//g, '') - .replace(/(?:^|-)\w/g, function(character) { - return character.toUpperCase() - }) - .replace(/-/g, ' ')) + ' - Burguillos.info'; - const firstImg = document.querySelector('div.description img'); - let iconUrl; - if (firstImg !== null) { - if (!firstImg.src.match(/\.svg(?:\?|$)/)) { - iconUrl = absoluteToHost(firstImg.src); - } - } - if (iconUrl === undefined) { - const imagePreview = document.querySelector('meta[name="image"]'); - iconUrl = absoluteToHost(imagePreview.content); - } - android.pinPage(pathandQuery, label, iconUrl) - }) + if (iconUrl === undefined) { + const imagePreview = document.querySelector('meta[name="image"]'); + iconUrl = absoluteToHost(imagePreview.content); + } + android.pinPage(pathandQuery, label, iconUrl); + }); } function addEasterEggAnimation() { - const logoContainer = document.querySelector('div.burguillos-logo-container') - if (logoContainer === null) { - return; - } - logoContainer.addEventListener('click', () => { - logoContainer.classList.toggle('active') - }) + const logoContainer = document.querySelector("div.burguillos-logo-container"); + if (logoContainer === null) { + return; + } + logoContainer.addEventListener("click", () => { + logoContainer.classList.toggle("active"); + }); } diff --git a/lib/BurguillosInfo.pm b/lib/BurguillosInfo.pm index d0a8860..c146bfb 100644 --- a/lib/BurguillosInfo.pm +++ b/lib/BurguillosInfo.pm @@ -74,6 +74,11 @@ sub startup ($self) { $r->get('/filtros/:slug')->to('Filter#get'); $r->get('/stats/login')->to('Metrics#login'); $r->post('/stats/login')->to('Metrics#submit_login'); + $r->get('/ping/i-am-android-app', sub ($c) { + my $interest = BurguillosInfo::Interest->new(app => $self); + $interest->set_is_android_app($c); + return $c->render(json => {ok => 1}); + }); $r->get('/search/suggestions.json', sub ($c) { my $interest = BurguillosInfo::Interest->new(app => $self); $interest->set_javascript_capable($c); @@ -87,6 +92,7 @@ sub startup ($self) { 'Libros de hacking', 'Pizzería pepin', 'Modem datos moviles USB', + 'Modem USB 4G', 'Martillo emergencia coche', ]); }); diff --git a/lib/BurguillosInfo/DB/Migrations.pm b/lib/BurguillosInfo/DB/Migrations.pm index dfcf322..837ea24 100644 --- a/lib/BurguillosInfo/DB/Migrations.pm +++ b/lib/BurguillosInfo/DB/Migrations.pm @@ -78,6 +78,7 @@ sub MIGRATIONS { 'ALTER TABLE interest_searches ADD column count BIGINT NOT NULL;', 'ALTER TABLE interest_searches ADD CONSTRAINT interest_search_unique_constraint UNIQUE (id_cookie, term);', 'ALTER TABLE interest_cookies ADD column has_javascript BOOLEAN DEFAULT false NOT NULL;', + 'ALTER TABLE interest_cookies ADD column is_android_app BOOLEAN DEFAULT false NOT NULL;', ); } diff --git a/lib/BurguillosInfo/Interest.pm b/lib/BurguillosInfo/Interest.pm index 7d56ef3..a7c3da6 100644 --- a/lib/BurguillosInfo/Interest.pm +++ b/lib/BurguillosInfo/Interest.pm @@ -26,6 +26,15 @@ sub _build__dbh($self) { return BurguillosInfo::DB->connect($app); } +sub set_is_android_app( $self, $c ) { + my $cookie_value = $self->get_interest_cookie($c); + my $dbh = $self->_dbh; + $dbh->do( +'UPDATE interest_cookies SET is_android_app = true WHERE cookie_value = ?', + {}, $cookie_value + ); +} + sub set_javascript_capable( $self, $c ) { my $cookie_value = $self->get_interest_cookie($c); my $dbh = $self->_dbh; diff --git a/public/js/bundle.js b/public/js/bundle.js index 6f5ba92..d3bb8e6 100644 --- a/public/js/bundle.js +++ b/public/js/bundle.js @@ -16,7 +16,7 @@ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tablesort__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tablesort */ \"./node_modules/tablesort/src/tablesort.js\");\n/* harmony import */ var tablesort__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tablesort__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _burguillosinfo_carousel_ad__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @burguillosinfo/carousel-ad */ \"./js-src/carousel-ad.ts\");\n\n\n\n\nwindow.Tablesort = __webpack_require__(/*! tablesort */ \"./node_modules/tablesort/src/tablesort.js\");\n__webpack_require__(/*! tablesort/src/sorts/tablesort.number */ \"./node_modules/tablesort/src/sorts/tablesort.number.js\");\nlet fakeSearchInput;\nlet searchMobile;\nconst cookies = document.cookie.split(\"; \").map(cookie => {\n let [key, value] = cookie.split(\"=\");\n return {\n key: key,\n value: value\n };\n}).reduce((acc, cookie) => {\n acc[cookie.key] = cookie.value;\n return acc;\n}, {});\nfunction addEventListernerExpandDescriptionProducts() {\n const searchResults = document.querySelectorAll('div.search-result');\n for (const result of searchResults) {\n const a = result.querySelector('div.row-title-url-image a');\n if (a === null) {\n continue;\n }\n if (!a.href) {\n continue;\n }\n const askUrl = a.href + '.json';\n const content = result.querySelector('div.search-result-content');\n const expand = result.querySelector('div.search-result-content a.expand');\n if (expand === null) {\n continue;\n }\n expand.addEventListener('click', event => {\n event.preventDefault();\n fetch(askUrl).then(async res => {\n const json = await res.json();\n content.innerHTML = json.description;\n });\n });\n }\n}\nfunction startSuggestions() {\n const searchInputs = document.querySelectorAll('div.fake-text-box input');\n const port = _port();\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + '/search/suggestions.json');\n fetch(url).then(async res => {\n let suggestions = await res.json();\n let selectedSuggestion;\n let currentLength = 0;\n let waitCounter;\n const last3SearchSuggestions = [];\n window.setInterval(() => {\n if (--waitCounter > 0) {\n return;\n }\n if (!selectedSuggestion || currentLength > selectedSuggestion.length) {\n selectedSuggestion = suggestions[Math.floor(Math.random() * suggestions.length)];\n currentLength = 0;\n while (last3SearchSuggestions.includes(selectedSuggestion)) {\n selectedSuggestion = suggestions[Math.floor(Math.random() * suggestions.length)];\n currentLength = 0;\n }\n last3SearchSuggestions.push(selectedSuggestion);\n if (last3SearchSuggestions.length > 2) {\n last3SearchSuggestions.shift();\n }\n waitCounter = 5;\n return;\n }\n currentLength++;\n for (const input of searchInputs) {\n input.setAttribute('placeholder', selectedSuggestion.substring(0, currentLength));\n }\n }, 100);\n });\n}\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n window.addEventListener('popstate', event => {\n if (event) {\n console.log('refreshing');\n window.location.reload();\n }\n });\n startSuggestions();\n addEventListernerExpandDescriptionProducts();\n let focusSearch = document.body.querySelector('nav.mobile-shortcuts div.search input');\n if (focusSearch === null) {\n focusSearch = document.body.querySelector('div.search input');\n }\n if (focusSearch !== null) {\n focusSearch.focus();\n }\n const menu_expand = document.querySelector('a.menu-expand');\n const mobile_foldable = document.querySelector('nav.mobile-foldable');\n const transparentFullscreenHide = document.querySelector('div.transparent-fullscreen-hide');\n const contentsWithoutMenu = document.querySelector('div.contents-without-menu');\n const tables = document.querySelectorAll('table');\n const searchTooltips = document.querySelectorAll('div.tooltip-search-promo');\n for (const searchTooltip of searchTooltips) {\n const cookie_name = 'seen-tooltip-this-week';\n if (cookies[cookie_name]) {\n searchTooltip.classList.add('hidden');\n }\n searchTooltip.addEventListener('click', () => {\n let time = 86400 * 7;\n document.cookie = `${cookie_name}=1; max-age=${time}; path=/;`;\n for (const searchTooltip of searchTooltips) {\n searchTooltip.classList.add('hidden');\n }\n });\n }\n fillFarmaciaGuardia();\n // new CarouselAd().run()\n addEasterEggAnimation();\n if (menu_expand !== null && mobile_foldable !== null && transparentFullscreenHide !== null && contentsWithoutMenu !== null) {\n mobile_foldable.toggleAttribute('aria-hidden');\n if (mobile_foldable.getAttribute('aria-hidden') !== null) {\n mobile_foldable.setAttribute('aria-hidden', true);\n }\n transparentFullscreenHide.addEventListener('click', () => {\n mobile_foldable.classList.remove('show');\n transparentFullscreenHide.classList.remove('show');\n menu_expand.classList.remove('active');\n contentsWithoutMenu.removeAttribute('aria-hidden');\n mobile_foldable.setAttribute('aria-hidden', true);\n });\n menu_expand.addEventListener('click', () => {\n menu_expand.classList.toggle('active');\n mobile_foldable.classList.toggle('show');\n transparentFullscreenHide.classList.toggle('show');\n contentsWithoutMenu.toggleAttribute('aria-hidden');\n if (contentsWithoutMenu.getAttribute('aria-hidden') !== null) {\n contentsWithoutMenu.setAttribute('aria-hidden', true);\n }\n mobile_foldable.toggleAttribute('aria-hidden');\n if (mobile_foldable.getAttribute('aria-hidden') !== null) {\n mobile_foldable.setAttribute('aria-hidden', true);\n }\n });\n }\n for (const table of tables) {\n const header = table.querySelector('tr');\n if (header !== null) {\n header.setAttribute('data-sort-method', 'none');\n for (const th of header.querySelectorAll('th')) {\n if (th.getAttribute('data-sort-method') == null) {\n th.setAttribute('data-sort-method', 'thead');\n }\n }\n }\n new (tablesort__WEBPACK_IMPORTED_MODULE_0___default())(table);\n }\n if (window !== undefined && window.Android !== undefined) {\n executeAndroidExclusiveCode(Android);\n }\n searchMobile = document.querySelector('nav.mobile-shortcuts div.search');\n if (searchMobile !== null) {\n fakeSearchInput = searchMobile.querySelector('input');\n addListenersSearch();\n }\n addListenersSearchOverlay();\n if (!cookies['search-tutorial-seen']) {\n startSearchTutorial();\n }\n}, false);\nfunction startSearchTutorial() {\n console.log('Showing how to use search');\n const tutorialOverlay = document.querySelector('.tutorial-overlay-step-1');\n if (tutorialOverlay === null) {\n console.error('tutorialOverlay missing');\n return;\n }\n // tutorialOverlay.classList.remove('hidden');\n}\nfunction markSearchTutorialAsSeen() {\n console.log('Tutorial ended');\n document.cookie = 'search-tutorial-seen=1; SameSite=Lax;';\n}\nfunction fillFarmaciaGuardia() {\n const farmaciaName = document.querySelector('#farmacia-name');\n const farmaciaAddress = document.querySelector('#farmacia-address');\n if (farmaciaName !== null || farmaciaAddress !== null) {\n const port = _port();\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + '/farmacia-guardia.json');\n fetch(url).then(async res => {\n const farmacia = await res.json();\n if (farmaciaName !== null) {\n farmaciaName.innerText = farmacia.name;\n farmaciaAddress.innerText = farmacia.address;\n }\n });\n }\n}\nfunction addListenersSearch() {\n const searchInPage = document.querySelector('div.search-in-page');\n if (searchMobile !== null) {\n const searchIcon = searchMobile.querySelector('a.search-icon');\n searchIcon.addEventListener('click', e => {\n const searchOverlay = document.querySelector('div.search-overlay');\n const searchInput = searchOverlay.querySelector('div.search input');\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'fakesearch_term',\n 'term': fakeSearchInput.value\n });\n searchInput.value = fakeSearchInput.value;\n onSearchChange(e);\n onFakeSearchClick(e);\n return true;\n });\n fakeSearchInput.addEventListener('keyup', e => {\n if (searchInPage === null) {\n return;\n }\n if (fakeSearchInput.value === \"\") {\n searchInPage.classList.remove('active');\n } else {\n searchInPage.classList.add('active');\n }\n if (e.keyCode !== 13) {\n return false;\n }\n const searchOverlay = document.querySelector('div.search-overlay');\n const searchInput = searchOverlay.querySelector('div.search input');\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'fakesearch_term_keyup',\n 'term': fakeSearchInput.value\n });\n searchInput.value = fakeSearchInput.value;\n onSearchChange(e);\n onFakeSearchClick(e);\n return true;\n });\n }\n const nextResult = searchInPage.querySelector('a.down');\n const prevResult = searchInPage.querySelector('a.up');\n window.addEventListener(\"keydown\", e => {\n if (e.key.toLowerCase() === \"f\" && e.ctrlKey) {\n openAllDetails();\n }\n });\n window.addEventListener(\"blur\", e => {\n openAllDetails();\n });\n if (nextResult !== null && prevResult !== null) {\n nextResult.addEventListener('click', () => {\n searchInWebsite(fakeSearchInput.value, true);\n });\n prevResult.addEventListener('click', () => {\n searchInWebsite(fakeSearchInput.value, false);\n });\n }\n const exitSearch = document.querySelector('a.exit-search');\n const searchOverlay = document.querySelector('div.search-overlay');\n const searchInput = searchOverlay.querySelector('div.search input');\n fakeSearchInput.value = searchInput.value;\n const firstUrl = window.location.href;\n if (exitSearch !== null) {\n exitSearch.addEventListener('click', event => {\n onExitSearch(event, firstUrl);\n });\n }\n const searchIconDesktop = document.querySelector('nav.desktop a.search-icon');\n if (searchIconDesktop !== null) {\n searchIconDesktop.addEventListener('click', e => {\n onFakeSearchClick(e);\n });\n }\n}\nfunction addListenersSearchOverlay() {\n const search = document.querySelector('div.search-overlay div.search input');\n if (search !== null) {\n search.addEventListener('change', onSearchChange);\n }\n}\nfunction searchInWebsite(value, isToBottom) {\n window.find(value, false, !isToBottom, true);\n const selection = window.getSelection();\n openAllDetails();\n if (selection.anchorNode === null) {\n const pageContents = document.querySelector('div.page-contents');\n pageContents.focus();\n searchInWebsite(value, isToBottom);\n }\n const anchorNode = selection.anchorNode.parentNode;\n if (anchorNode.tagName !== null && anchorNode.tagName === \"INPUT\") {\n const pageContents = document.querySelector('div.page-contents');\n pageContents.focus();\n searchInWebsite(value, isToBottom);\n }\n if (anchorNode !== null) {\n const pageContents = document.querySelector('div.page-contents');\n const offsetTop = _getOffsetTopWithNParent(anchorNode, pageContents);\n pageContents.scroll(0, offsetTop - 150);\n }\n}\nfunction openAllDetails() {\n for (const detail of document.querySelectorAll('details')) {\n detail.open = true;\n }\n}\nfunction _getOffsetTopWithNParent(element, nParent, _carry = 0) {\n if (element === null) {\n return null;\n }\n if (element === nParent) {\n return _carry;\n }\n _carry += element.offsetTop;\n return _getOffsetTopWithNParent(element.offsetParent, nParent, _carry);\n}\nfunction _port() {\n let port = window.location.port;\n if (port !== '') {\n port = ':' + port;\n }\n return port;\n}\nfunction onSearchChange() {\n const search = document.querySelector('div.search-overlay div.search input');\n const searchResults = document.querySelector('div.search-overlay div.search-results');\n if (search === null || searchResults === null) {\n return;\n }\n const query = search.value;\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'realsearch_term_keyup',\n 'term': search.value\n });\n if (fakeSearchInput !== undefined && fakeSearchInput !== null) {\n fakeSearchInput.value = search.value;\n }\n let found = search.value.match(/^#(\\S+?)(?:\\:(\\S+?))?$/);\n const port = _port();\n if (found) {\n let attributeUrlPart = found[2];\n console.log(attributeUrlPart);\n if (attributeUrlPart === undefined) {\n attributeUrlPart = '';\n }\n console.log(attributeUrlPart);\n if (attributeUrlPart !== '') {\n attributeUrlPart = '/atributo/' + attributeUrlPart;\n }\n console.log(attributeUrlPart);\n const checkHashstagUrl = new URL(window.location.protocol + \"//\" + window.location.hostname + port + '/' + found[1] + attributeUrlPart);\n fetch(checkHashstagUrl).then(res => {\n if (res.status === 200) {\n window.location = checkHashstagUrl;\n }\n });\n return;\n }\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + '/search.html');\n url.searchParams.set('q', query);\n url.searchParams.set('e', 1);\n fetch(url).then(async res => {\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + '/search.html');\n url.searchParams.set('q', query);\n document.title = `'${query}' en Burguillos Info`;\n if (!query) {\n document.title = `Buscador de Burguillos Info`;\n }\n history.pushState({}, '', url);\n searchResults.innerHTML = await res.text();\n addEventListernerExpandDescriptionProducts();\n searchResults.scrollTo(0, 0);\n });\n search.focus();\n}\nfunction onExitSearch(event, firstUrl) {\n event.preventDefault();\n const searchOverlay = document.querySelector('div.search-overlay');\n if (searchOverlay !== null) {\n searchOverlay.classList.toggle('active');\n }\n if (!searchOverlay.classList.contains('active')) {\n history.pushState({}, '', firstUrl);\n }\n}\nfunction onFakeSearchClick(e) {\n e.preventDefault();\n const searchOverlay = document.querySelector('div.search-overlay');\n if (searchOverlay === null) {\n return;\n }\n searchOverlay.classList.toggle('active');\n const search = searchOverlay.querySelector('div.search input');\n if (search !== null) {\n search.focus();\n }\n return false;\n}\nfunction absoluteToHost(imageUrl) {\n if (imageUrl.match(/^\\//)) {\n imageUrl = window.location.protocol + \"//\" + window.location.host + imageUrl;\n }\n return imageUrl.replace(/\\?.*$/, '');\n}\nfunction addListenerOpenInBrowserButton(android) {\n const openInBrowserLink = document.querySelector('a.open-in-browser');\n if (openInBrowserLink === null) {\n return;\n }\n openInBrowserLink.addEventListener('click', () => {\n android.openInBrowser(window.location.href);\n });\n}\nfunction executeAndroidExclusiveCode(android) {\n document.querySelectorAll('*.android').forEach(element => {\n element.classList.remove('android');\n });\n document.querySelectorAll('*.no-android-app').forEach(element => {\n element.style.display = 'none';\n });\n addListenerOpenInBrowserButton(android);\n const pinToHomeUrl = document.querySelector('a.pin-to-home');\n if (pinToHomeUrl === null) {\n return;\n }\n pinToHomeUrl.addEventListener('click', () => {\n const url = new URL(window.location.href);\n const pathandQuery = url.pathname + url.search;\n const label = url.pathname.replace(/^.*\\//g, '').replace(/(?:^|-)\\w/g, function (character) {\n return character.toUpperCase();\n }).replace(/-/g, ' ') + ' - Burguillos.info';\n const firstImg = document.querySelector('div.description img');\n let iconUrl;\n if (firstImg !== null) {\n if (!firstImg.src.match(/\\.svg(?:\\?|$)/)) {\n iconUrl = absoluteToHost(firstImg.src);\n }\n }\n if (iconUrl === undefined) {\n const imagePreview = document.querySelector('meta[name=\"image\"]');\n iconUrl = absoluteToHost(imagePreview.content);\n }\n android.pinPage(pathandQuery, label, iconUrl);\n });\n}\nfunction addEasterEggAnimation() {\n const logoContainer = document.querySelector('div.burguillos-logo-container');\n if (logoContainer === null) {\n return;\n }\n logoContainer.addEventListener('click', () => {\n logoContainer.classList.toggle('active');\n });\n}\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tablesort__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tablesort */ \"./node_modules/tablesort/src/tablesort.js\");\n/* harmony import */ var tablesort__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tablesort__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _burguillosinfo_carousel_ad__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @burguillosinfo/carousel-ad */ \"./js-src/carousel-ad.ts\");\n\n\n\n\nwindow.Tablesort = __webpack_require__(/*! tablesort */ \"./node_modules/tablesort/src/tablesort.js\");\n__webpack_require__(/*! tablesort/src/sorts/tablesort.number */ \"./node_modules/tablesort/src/sorts/tablesort.number.js\");\nlet fakeSearchInput;\nlet searchMobile;\nconst cookies = document.cookie.split(\"; \").map(cookie => {\n let [key, value] = cookie.split(\"=\");\n return {\n key: key,\n value: value\n };\n}).reduce((acc, cookie) => {\n acc[cookie.key] = cookie.value;\n return acc;\n}, {});\nfunction addEventListernerExpandDescriptionProducts() {\n const searchResults = document.querySelectorAll(\"div.search-result\");\n for (const result of searchResults) {\n const a = result.querySelector(\"div.row-title-url-image a\");\n if (a === null) {\n continue;\n }\n if (!a.href) {\n continue;\n }\n const askUrl = a.href + \".json\";\n const content = result.querySelector(\"div.search-result-content\");\n const expand = result.querySelector(\"div.search-result-content a.expand\");\n if (expand === null) {\n continue;\n }\n expand.addEventListener(\"click\", event => {\n event.preventDefault();\n fetch(askUrl).then(async res => {\n const json = await res.json();\n content.innerHTML = json.description;\n });\n });\n }\n}\nfunction startSuggestions() {\n const searchInputs = document.querySelectorAll(\"div.fake-text-box input\");\n const port = _port();\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + \"/search/suggestions.json\");\n fetch(url).then(async res => {\n let suggestions = await res.json();\n let selectedSuggestion;\n let currentLength = 0;\n let waitCounter;\n const last3SearchSuggestions = [];\n window.setInterval(() => {\n if (--waitCounter > 0) {\n return;\n }\n if (!selectedSuggestion || currentLength > selectedSuggestion.length) {\n selectedSuggestion = suggestions[Math.floor(Math.random() * suggestions.length)];\n currentLength = 0;\n while (last3SearchSuggestions.includes(selectedSuggestion)) {\n selectedSuggestion = suggestions[Math.floor(Math.random() * suggestions.length)];\n currentLength = 0;\n }\n last3SearchSuggestions.push(selectedSuggestion);\n if (last3SearchSuggestions.length > 2) {\n last3SearchSuggestions.shift();\n }\n waitCounter = 5;\n return;\n }\n currentLength++;\n for (const input of searchInputs) {\n input.setAttribute(\"placeholder\", selectedSuggestion.substring(0, currentLength));\n }\n }, 100);\n });\n}\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n window.addEventListener(\"popstate\", event => {\n if (event) {\n console.log(\"refreshing\");\n window.location.reload();\n }\n });\n startSuggestions();\n addEventListernerExpandDescriptionProducts();\n let focusSearch = document.body.querySelector(\"nav.mobile-shortcuts div.search input\");\n if (focusSearch === null) {\n focusSearch = document.body.querySelector(\"div.search input\");\n }\n if (focusSearch !== null) {\n focusSearch.focus();\n }\n const menu_expand = document.querySelector(\"a.menu-expand\");\n const mobile_foldable = document.querySelector(\"nav.mobile-foldable\");\n const transparentFullscreenHide = document.querySelector(\"div.transparent-fullscreen-hide\");\n const contentsWithoutMenu = document.querySelector(\"div.contents-without-menu\");\n const tables = document.querySelectorAll(\"table\");\n const searchTooltips = document.querySelectorAll(\"div.tooltip-search-promo\");\n for (const searchTooltip of searchTooltips) {\n const cookie_name = \"seen-tooltip-this-week\";\n if (cookies[cookie_name]) {\n searchTooltip.classList.add(\"hidden\");\n }\n searchTooltip.addEventListener(\"click\", () => {\n let time = 86400 * 7;\n document.cookie = `${cookie_name}=1; max-age=${time}; path=/;`;\n for (const searchTooltip of searchTooltips) {\n searchTooltip.classList.add(\"hidden\");\n }\n });\n }\n fillFarmaciaGuardia();\n // new CarouselAd().run()\n addEasterEggAnimation();\n if (menu_expand !== null && mobile_foldable !== null && transparentFullscreenHide !== null && contentsWithoutMenu !== null) {\n mobile_foldable.toggleAttribute(\"aria-hidden\");\n if (mobile_foldable.getAttribute(\"aria-hidden\") !== null) {\n mobile_foldable.setAttribute(\"aria-hidden\", true);\n }\n transparentFullscreenHide.addEventListener(\"click\", () => {\n mobile_foldable.classList.remove(\"show\");\n transparentFullscreenHide.classList.remove(\"show\");\n menu_expand.classList.remove(\"active\");\n contentsWithoutMenu.removeAttribute(\"aria-hidden\");\n mobile_foldable.setAttribute(\"aria-hidden\", true);\n });\n menu_expand.addEventListener(\"click\", () => {\n menu_expand.classList.toggle(\"active\");\n mobile_foldable.classList.toggle(\"show\");\n transparentFullscreenHide.classList.toggle(\"show\");\n contentsWithoutMenu.toggleAttribute(\"aria-hidden\");\n if (contentsWithoutMenu.getAttribute(\"aria-hidden\") !== null) {\n contentsWithoutMenu.setAttribute(\"aria-hidden\", true);\n }\n mobile_foldable.toggleAttribute(\"aria-hidden\");\n if (mobile_foldable.getAttribute(\"aria-hidden\") !== null) {\n mobile_foldable.setAttribute(\"aria-hidden\", true);\n }\n });\n }\n for (const table of tables) {\n const header = table.querySelector(\"tr\");\n if (header !== null) {\n header.setAttribute(\"data-sort-method\", \"none\");\n for (const th of header.querySelectorAll(\"th\")) {\n if (th.getAttribute(\"data-sort-method\") == null) {\n th.setAttribute(\"data-sort-method\", \"thead\");\n }\n }\n }\n new (tablesort__WEBPACK_IMPORTED_MODULE_0___default())(table);\n }\n if (window !== undefined && window.Android !== undefined) {\n executeAndroidAppExclusiveCode(Android);\n }\n searchMobile = document.querySelector(\"nav.mobile-shortcuts div.search\");\n if (searchMobile !== null) {\n fakeSearchInput = searchMobile.querySelector(\"input\");\n addListenersSearch();\n }\n addListenersSearchOverlay();\n if (!cookies[\"search-tutorial-seen\"]) {\n startSearchTutorial();\n }\n}, false);\nfunction startSearchTutorial() {\n console.log(\"Showing how to use search\");\n const tutorialOverlay = document.querySelector(\".tutorial-overlay-step-1\");\n if (tutorialOverlay === null) {\n console.error(\"tutorialOverlay missing\");\n return;\n }\n // tutorialOverlay.classList.remove('hidden');\n}\n\nfunction markSearchTutorialAsSeen() {\n console.log(\"Tutorial ended\");\n document.cookie = \"search-tutorial-seen=1; SameSite=Lax;\";\n}\nfunction fillFarmaciaGuardia() {\n const farmaciaName = document.querySelector(\"#farmacia-name\");\n const farmaciaAddress = document.querySelector(\"#farmacia-address\");\n if (farmaciaName !== null || farmaciaAddress !== null) {\n const port = _port();\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + \"/farmacia-guardia.json\");\n fetch(url).then(async res => {\n const farmacia = await res.json();\n if (farmaciaName !== null) {\n farmaciaName.innerText = farmacia.name;\n farmaciaAddress.innerText = farmacia.address;\n }\n });\n }\n}\nfunction addListenersSearch() {\n const searchInPage = document.querySelector(\"div.search-in-page\");\n if (searchMobile !== null) {\n const searchIcon = searchMobile.querySelector(\"a.search-icon\");\n searchIcon.addEventListener(\"click\", e => {\n const searchOverlay = document.querySelector(\"div.search-overlay\");\n const searchInput = searchOverlay.querySelector(\"div.search input\");\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: \"fakesearch_term\",\n term: fakeSearchInput.value\n });\n searchInput.value = fakeSearchInput.value;\n onSearchChange(e);\n onFakeSearchClick(e);\n return true;\n });\n fakeSearchInput.addEventListener(\"keyup\", e => {\n if (searchInPage === null) {\n return;\n }\n if (fakeSearchInput.value === \"\") {\n searchInPage.classList.remove(\"active\");\n } else {\n searchInPage.classList.add(\"active\");\n }\n if (e.keyCode !== 13) {\n return false;\n }\n const searchOverlay = document.querySelector(\"div.search-overlay\");\n const searchInput = searchOverlay.querySelector(\"div.search input\");\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: \"fakesearch_term_keyup\",\n term: fakeSearchInput.value\n });\n searchInput.value = fakeSearchInput.value;\n onSearchChange(e);\n onFakeSearchClick(e);\n return true;\n });\n }\n const nextResult = searchInPage.querySelector(\"a.down\");\n const prevResult = searchInPage.querySelector(\"a.up\");\n window.addEventListener(\"keydown\", e => {\n if (e.key.toLowerCase() === \"f\" && e.ctrlKey) {\n openAllDetails();\n }\n });\n window.addEventListener(\"blur\", e => {\n openAllDetails();\n });\n if (nextResult !== null && prevResult !== null) {\n nextResult.addEventListener(\"click\", () => {\n searchInWebsite(fakeSearchInput.value, true);\n });\n prevResult.addEventListener(\"click\", () => {\n searchInWebsite(fakeSearchInput.value, false);\n });\n }\n const exitSearch = document.querySelector(\"a.exit-search\");\n const searchOverlay = document.querySelector(\"div.search-overlay\");\n const searchInput = searchOverlay.querySelector(\"div.search input\");\n fakeSearchInput.value = searchInput.value;\n const firstUrl = window.location.href;\n if (exitSearch !== null) {\n exitSearch.addEventListener(\"click\", event => {\n onExitSearch(event, firstUrl);\n });\n }\n const searchIconDesktop = document.querySelector(\"nav.desktop a.search-icon\");\n if (searchIconDesktop !== null) {\n searchIconDesktop.addEventListener(\"click\", e => {\n onFakeSearchClick(e);\n });\n }\n}\nfunction addListenersSearchOverlay() {\n const search = document.querySelector(\"div.search-overlay div.search input\");\n if (search !== null) {\n search.addEventListener(\"change\", onSearchChange);\n }\n}\nfunction searchInWebsite(value, isToBottom) {\n window.find(value, false, !isToBottom, true);\n const selection = window.getSelection();\n openAllDetails();\n if (selection.anchorNode === null) {\n const pageContents = document.querySelector(\"div.page-contents\");\n pageContents.focus();\n searchInWebsite(value, isToBottom);\n }\n const anchorNode = selection.anchorNode.parentNode;\n if (anchorNode.tagName !== null && anchorNode.tagName === \"INPUT\") {\n const pageContents = document.querySelector(\"div.page-contents\");\n pageContents.focus();\n searchInWebsite(value, isToBottom);\n }\n if (anchorNode !== null) {\n const pageContents = document.querySelector(\"div.page-contents\");\n const offsetTop = _getOffsetTopWithNParent(anchorNode, pageContents);\n pageContents.scroll(0, offsetTop - 150);\n }\n}\nfunction openAllDetails() {\n for (const detail of document.querySelectorAll(\"details\")) {\n detail.open = true;\n }\n}\nfunction _getOffsetTopWithNParent(element, nParent, _carry = 0) {\n if (element === null) {\n return null;\n }\n if (element === nParent) {\n return _carry;\n }\n _carry += element.offsetTop;\n return _getOffsetTopWithNParent(element.offsetParent, nParent, _carry);\n}\nfunction _port() {\n let port = window.location.port;\n if (port !== \"\") {\n port = \":\" + port;\n }\n return port;\n}\nfunction onSearchChange() {\n const search = document.querySelector(\"div.search-overlay div.search input\");\n const searchResults = document.querySelector(\"div.search-overlay div.search-results\");\n if (search === null || searchResults === null) {\n return;\n }\n const query = search.value;\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: \"realsearch_term_keyup\",\n term: search.value\n });\n if (fakeSearchInput !== undefined && fakeSearchInput !== null) {\n fakeSearchInput.value = search.value;\n }\n let found = search.value.match(/^#(\\S+?)(?:\\:(\\S+?))?$/);\n const port = _port();\n if (found) {\n let attributeUrlPart = found[2];\n console.log(attributeUrlPart);\n if (attributeUrlPart === undefined) {\n attributeUrlPart = \"\";\n }\n console.log(attributeUrlPart);\n if (attributeUrlPart !== \"\") {\n attributeUrlPart = \"/atributo/\" + attributeUrlPart;\n }\n console.log(attributeUrlPart);\n const checkHashstagUrl = new URL(window.location.protocol + \"//\" + window.location.hostname + port + \"/\" + found[1] + attributeUrlPart);\n fetch(checkHashstagUrl).then(res => {\n if (res.status === 200) {\n window.location = checkHashstagUrl;\n }\n });\n return;\n }\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + \"/search.html\");\n url.searchParams.set(\"q\", query);\n url.searchParams.set(\"e\", 1);\n fetch(url).then(async res => {\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + \"/search.html\");\n url.searchParams.set(\"q\", query);\n document.title = `'${query}' en Burguillos Info`;\n if (!query) {\n document.title = `Buscador de Burguillos Info`;\n }\n history.pushState({}, \"\", url);\n searchResults.innerHTML = await res.text();\n addEventListernerExpandDescriptionProducts();\n searchResults.scrollTo(0, 0);\n });\n search.focus();\n}\nfunction onExitSearch(event, firstUrl) {\n event.preventDefault();\n const searchOverlay = document.querySelector(\"div.search-overlay\");\n if (searchOverlay !== null) {\n searchOverlay.classList.toggle(\"active\");\n }\n if (!searchOverlay.classList.contains(\"active\")) {\n history.pushState({}, \"\", firstUrl);\n }\n}\nfunction onFakeSearchClick(e) {\n e.preventDefault();\n const searchOverlay = document.querySelector(\"div.search-overlay\");\n if (searchOverlay === null) {\n return;\n }\n searchOverlay.classList.toggle(\"active\");\n const search = searchOverlay.querySelector(\"div.search input\");\n if (search !== null) {\n search.focus();\n }\n return false;\n}\nfunction absoluteToHost(imageUrl) {\n if (imageUrl.match(/^\\//)) {\n imageUrl = window.location.protocol + \"//\" + window.location.host + imageUrl;\n }\n return imageUrl.replace(/\\?.*$/, \"\");\n}\nfunction addListenerOpenInBrowserButton(android) {\n const openInBrowserLink = document.querySelector(\"a.open-in-browser\");\n if (openInBrowserLink === null) {\n return;\n }\n openInBrowserLink.addEventListener(\"click\", () => {\n android.openInBrowser(window.location.href);\n });\n}\nfunction executeAndroidAppExclusiveCode(android) {\n const url = new URL(window.location.protocol + \"//\" + window.location.hostname + port + \"/ping/i-am-android-app\");\n fetch(url).then(res => {\n console.log(\"Reported I am the Android App\");\n });\n document.querySelectorAll(\"*.android\").forEach(element => {\n element.classList.remove(\"android\");\n });\n document.querySelectorAll(\"*.no-android-app\").forEach(element => {\n element.style.display = \"none\";\n });\n addListenerOpenInBrowserButton(android);\n const pinToHomeUrl = document.querySelector(\"a.pin-to-home\");\n if (pinToHomeUrl === null) {\n return;\n }\n pinToHomeUrl.addEventListener(\"click\", () => {\n const url = new URL(window.location.href);\n const pathandQuery = url.pathname + url.search;\n const label = url.pathname.replace(/^.*\\//g, \"\").replace(/(?:^|-)\\w/g, function (character) {\n return character.toUpperCase();\n }).replace(/-/g, \" \") + \" - Burguillos.info\";\n const firstImg = document.querySelector(\"div.description img\");\n let iconUrl;\n if (firstImg !== null) {\n if (!firstImg.src.match(/\\.svg(?:\\?|$)/)) {\n iconUrl = absoluteToHost(firstImg.src);\n }\n }\n if (iconUrl === undefined) {\n const imagePreview = document.querySelector('meta[name=\"image\"]');\n iconUrl = absoluteToHost(imagePreview.content);\n }\n android.pinPage(pathandQuery, label, iconUrl);\n });\n}\nfunction addEasterEggAnimation() {\n const logoContainer = document.querySelector(\"div.burguillos-logo-container\");\n if (logoContainer === null) {\n return;\n }\n logoContainer.addEventListener(\"click\", () => {\n logoContainer.classList.toggle(\"active\");\n });\n}\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/index.js?"); /***/ }),