From 1b902858336f29742e903d629b6b3d8325b4ad9e Mon Sep 17 00:00:00 2001 From: Sergiotarxz Date: Thu, 9 Nov 2023 17:19:46 +0100 Subject: [PATCH] Fixing expiration and js warning. --- js-src/index.js | 6 +- lib/BurguillosInfo/Controller/Metrics.pm | 164 ++++++++++++----------- public/js/bundle.js | 2 +- 3 files changed, 89 insertions(+), 83 deletions(-) diff --git a/js-src/index.js b/js-src/index.js index 33edfc6..2270279 100644 --- a/js-src/index.js +++ b/js-src/index.js @@ -59,8 +59,10 @@ document.addEventListener("DOMContentLoaded", function () { executeAndroidExclusiveCode(Android) } searchMobile = document.querySelector('nav.mobile-shortcuts div.search') - fakeSearchInput = searchMobile.querySelector('input') - addListenersSearch() + if (searchMobile !== null) { + fakeSearchInput = searchMobile.querySelector('input') + addListenersSearch() + } }, false); function fillFarmaciaGuardia() { diff --git a/lib/BurguillosInfo/Controller/Metrics.pm b/lib/BurguillosInfo/Controller/Metrics.pm index e6ec96f..7fb12e8 100644 --- a/lib/BurguillosInfo/Controller/Metrics.pm +++ b/lib/BurguillosInfo/Controller/Metrics.pm @@ -17,16 +17,17 @@ use Crypt::Bcrypt qw/bcrypt bcrypt_check/; my $tracking; -my $iso8601 = DateTime::Format::ISO8601->new; +my $iso8601 = DateTime::Format::ISO8601->new; + sub request { - shift; + shift; eval { - my $c = shift; + my $c = shift; my $app = $c->app; - if (!defined $tracking) { + if ( !defined $tracking ) { $tracking = BurguillosInfo::Tracking->new($app); } - $tracking->register_request($c); + $tracking->register_request($c); }; if ($@) { say STDERR $@; @@ -34,29 +35,34 @@ sub request { } sub stats { - my $self = shift; - if (!$self->valid_login) { - $self->res->headers->location('/stats/login'); - $self->render(text => 'You must login', status => 302); - return; - } - my $data = $tracking->get_global_data($self); - my $data_per_url = $tracking->get_data_for_urls($self); - my $google_data = $tracking->get_google_data($self); - $self->_filter_data_per_url($data_per_url); - $self->_filter_data_per_url($google_data); - $self->render(tracking_data => $data, tracking_by_url => $data_per_url, google_data => $google_data); -} - -sub _filter_data_per_url($self, $data_per_url) { - my $filter = $self->param('filter'); - if (!defined $filter) { + my $self = shift; + if ( !$self->valid_login ) { + $self->res->headers->location('/stats/login'); + $self->render( text => 'You must login', status => 302 ); return; } - my @new_data_per_url; - if ($filter eq 'remove-extensions') { + $self->session( expiration => 0 ); + my $data = $tracking->get_global_data($self); + my $data_per_url = $tracking->get_data_for_urls($self); + my $google_data = $tracking->get_google_data($self); + $self->_filter_data_per_url($data_per_url); + $self->_filter_data_per_url($google_data); + $self->render( + tracking_data => $data, + tracking_by_url => $data_per_url, + google_data => $google_data + ); +} + +sub _filter_data_per_url ( $self, $data_per_url ) { + my $filter = $self->param('filter'); + if ( !defined $filter ) { + return; + } + my @new_data_per_url; + if ( $filter eq 'remove-extensions' ) { for my $url (@$data_per_url) { - if ($url->{path} =~ /\.\w+$/) { + if ( $url->{path} =~ /\.\w+$/ ) { next; } push @new_data_per_url, $url; @@ -66,67 +72,65 @@ sub _filter_data_per_url($self, $data_per_url) { } sub submit_login { - my $self = shift; - if ($self->valid_login) { - $self->res->headers->location('/stats'); - $self->render(text => 'Already logged in.', status => 302); - return; - } - my $password = $self->param('password'); - if (!defined $password) { - $self->render(text => 'No password passed.', status => 400); - return; - } - my $bcrypted_pass = $self->config->{bcrypt_pass_stats}; - if (!defined $bcrypted_pass) { - warn "No bcrypt pass."; - $self->render(text => 'Server error.', status => 500); - return; - } - say $password; - say $bcrypted_pass; - if (!bcrypt_check( $password, $bcrypted_pass )) { - $self->render(text => 'Wrong password', status => 401); - return; - } - say STDERR 'Login success.'; - my $expiration_date = DateTime->now->add( days => 1); - $self->session->{login} = "date_end_login:$expiration_date"; - $self->res->headers->location('/stats'); - $self->render(text => 'Login success.', status => 302); - return; + my $self = shift; + if ( $self->valid_login ) { + $self->res->headers->location('/stats'); + $self->render( text => 'Already logged in.', status => 302 ); + return; + } + my $password = $self->param('password'); + if ( !defined $password ) { + $self->render( text => 'No password passed.', status => 400 ); + return; + } + my $bcrypted_pass = $self->config->{bcrypt_pass_stats}; + if ( !defined $bcrypted_pass ) { + warn "No bcrypt pass."; + $self->render( text => 'Server error.', status => 500 ); + return; + } + say $password; + say $bcrypted_pass; + if ( !bcrypt_check( $password, $bcrypted_pass ) ) { + $self->render( text => 'Wrong password', status => 401 ); + return; + } + say STDERR 'Login success.'; + my $expiration_date = DateTime->now->add( days => 1 ); + $self->session->{login} = "date_end_login:$expiration_date"; + $self->res->headers->location('/stats'); + $self->render( text => 'Login success.', status => 302 ); + return; } sub valid_login { - my $self = shift; - my $login_cookie = $self->session->{login}; - if (!defined $login_cookie) { - return; - } + my $self = shift; + my $login_cookie = $self->session->{login}; + if ( !defined $login_cookie ) { + return; + } - my ($date_text) = $login_cookie =~ /^date_end_login:(.*)$/; - my $date; - eval { - $date = $iso8601->parse_datetime($date_text); - }; - if ($@) { - warn "Bad date in cookie $login_cookie."; - return; - } - my $current_date = DateTime->now(); - if ($current_date > $date) { - return; - } - return 1; + my ($date_text) = $login_cookie =~ /^date_end_login:(.*)$/; + my $date; + eval { $date = $iso8601->parse_datetime($date_text); }; + if ($@) { + warn "Bad date in cookie $login_cookie."; + return; + } + my $current_date = DateTime->now(); + if ( $current_date > $date ) { + return; + } + return 1; } sub login { - my $self = shift; - if ($self->valid_login) { - $self->res->headers->location('/stats'); - $self->render(text => 'You are already logged in.', status => 302); - return; - } - $self->render; + my $self = shift; + if ( $self->valid_login ) { + $self->res->headers->location('/stats'); + $self->render( text => 'You are already logged in.', status => 302 ); + return; + } + $self->render; } 1; diff --git a/public/js/bundle.js b/public/js/bundle.js index e432e74..92bbe63 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\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\");\n\nlet fakeSearchInput\nlet searchMobile\ndocument.addEventListener(\"DOMContentLoaded\", function () {\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\n fillFarmaciaGuardia();\n loadAd()\n addEasterEggAnimation()\n\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\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 fakeSearchInput = searchMobile.querySelector('input')\n addListenersSearch()\n}, false);\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\n + \"//\"\n + window.location.hostname\n + port\n + '/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}\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 searchInput.value = fakeSearchInput.value;\n onSearchChange(e)\n onFakeSearchClick(e)\n return true;\n\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 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 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 exitSearch.addEventListener('click', onExitSearch)\n const search = document.querySelector('div.search-overlay div.search input');\n if (search !== null) {\n search.addEventListener('change', onSearchChange);\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}\n\nfunction searchInWebsite(value, isToBottom) {\n window.find(value, false, !isToBottom, true)\n const selection = window.getSelection()\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 \n && 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}\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}\n\nfunction _port() {\n let port = window.location.port;\n if (port !== '') {\n port = ':' + port\n }\n return port;\n}\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 fakeSearchInput.value = search.value\n const port = _port()\n const url = new URL(window.location.protocol\n + \"//\"\n + window.location.hostname\n + port\n + '/search.json');\n url.searchParams.set('q', query);\n fetch(url).then(async (res) => {\n const json = await res.json()\n if (!json.ok) {\n noResults(searchResults);\n return\n }\n console.log(json.searchObjects.length)\n if (json.searchObjects.length < 1) {\n noResults(searchResults);\n return;\n }\n showResults(searchResults, json.searchObjects);\n })\n search.focus()\n}\n\nfunction showResults(searchResults, searchObjects) {\n searchResults.innerHTML = \"\";\n for (let searchObject of searchObjects) {\n const searchResultContainer = document.createElement('div')\n searchResultContainer.classList.add('search-result')\n const rowTitleUrlImageDiv = document.createElement('div');\n rowTitleUrlImageDiv.classList.add('row-title-url-image');\n const columnTitleUrl = document.createElement('div');\n columnTitleUrl.classList.add('column-title-url');\n const img = document.createElement('img')\n const title = document.createElement('b')\n const url = document.createElement('a')\n const content = document.createElement('p')\n\n title.innerText = searchObject.title\n let port = window.location.port;\n if (port !== '') {\n port = ':' + port\n }\n if (searchObject.url.match(/^\\//)) {\n searchObject.url = window.location.protocol \n + \"//\" + window.location.hostname \n + port\n + searchObject.url\n }\n let urlImage = searchObject.urlImage;\n if (urlImage !== null && urlImage.match(/^\\//)) {\n urlImage = window.location.protocol \n + \"//\" + window.location.hostname \n + port\n + urlImage\n }\n if (urlImage !== null) {\n img.alt = \"\"\n img.src = urlImage\n }\n\n url.href = searchObject.url\n url.innerText = searchObject.url\n content.innerText = searchObject.content\n\n if (urlImage !== null) {\n rowTitleUrlImageDiv.appendChild(img)\n }\n\n columnTitleUrl.appendChild(title);\n columnTitleUrl.appendChild(document.createElement('br'))\n columnTitleUrl.appendChild(url)\n\n rowTitleUrlImageDiv.appendChild(columnTitleUrl)\n\n searchResultContainer.appendChild(rowTitleUrlImageDiv)\n searchResultContainer.appendChild(content)\n searchResults.appendChild(searchResultContainer)\n }\n}\n\nfunction noResults(searchResults) {\n searchResults.innerHTML = \"\"\n const p = document.createElement('p')\n p.innerText = 'No se han encontrado resultados.'\n searchResults.appendChild(p)\n}\n\nfunction onExitSearch() {\n const searchOverlay = document.querySelector('div.search-overlay');\n if (searchOverlay !== null) {\n searchOverlay.classList.toggle('active');\n }\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}\n\nfunction absoluteToHost(imageUrl) {\n if (imageUrl.match(/^\\//)) {\n imageUrl = window.location.protocol + \"//\" + window.location.host + imageUrl \n }\n return imageUrl.replace(/\\?.*$/, '');\n}\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, '')\n .replace(/(?:^|-)\\w/g, function(character) {\n return character.toUpperCase() \n })\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}\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\nlet current_ad_number = null\n\nfunction expand_page_contents() {\n const pageContents = document.querySelector('div.page-contents'); \n if (pageContents === null) {\n return;\n }\n pageContents.classList.add('no-carousel');\n}\n\nfunction no_more_ads() {\n const carousel = document.querySelector('.carousel');\n if (carousel !== null) {\n carousel.remove();\n }\n expand_page_contents();\n}\n\nfunction loadAd() {\n const params = new URLSearchParams();\n if (current_ad_number !== null) {\n params.append('n', \"\"+current_ad_number);\n }\n fetch('/next-ad.json?' + params).then((res) => {\n return res.json()\n }).then((res) => {\n current_ad_number = res.current_ad_number\n const ad = res.ad\n const must_continue = res.continue\n const carousel = document.querySelector('.carousel');\n if (must_continue === 0\n || carousel === null\n || carousel.offsetWidth === 0) {\n no_more_ads();\n return;\n }\n const a = _retrieveLinkCarousel(carousel)\n a.innerHTML = \"\"\n const image = document.createElement('img')\n const text_container = document.createElement('div')\n const text = document.createElement('h4')\n const promoted = document.createElement('p')\n\n promoted.classList.add('promoted-tag')\n promoted.innerText = \"Promocionado\"\n image.src = ad.img\n image.alt = \"\"\n text.innerText = ad.text\n a.href = ad.href\n\n a.append(image)\n text_container.append(promoted)\n text_container.append(text)\n a.append(text_container)\n\n window.setTimeout(() => {\n loadAd()\n }, ad.seconds * 1000)\n }).catch(() => {\n window.setTimeout(() => {\n loadAd()\n }, 1000)\n });\n}\n\nfunction _retrieveLinkCarousel(carousel) {\n const maybeA = carousel.querySelector('a')\n if (maybeA !== null) {\n return maybeA\n }\n const a = document.createElement('a')\n carousel.innerHTML = \"\"\n carousel.append(a)\n return a\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\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\");\n\nlet fakeSearchInput\nlet searchMobile\ndocument.addEventListener(\"DOMContentLoaded\", function () {\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\n fillFarmaciaGuardia();\n loadAd()\n addEasterEggAnimation()\n\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\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}, false);\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\n + \"//\"\n + window.location.hostname\n + port\n + '/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}\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 searchInput.value = fakeSearchInput.value;\n onSearchChange(e)\n onFakeSearchClick(e)\n return true;\n\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 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 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 exitSearch.addEventListener('click', onExitSearch)\n const search = document.querySelector('div.search-overlay div.search input');\n if (search !== null) {\n search.addEventListener('change', onSearchChange);\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}\n\nfunction searchInWebsite(value, isToBottom) {\n window.find(value, false, !isToBottom, true)\n const selection = window.getSelection()\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 \n && 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}\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}\n\nfunction _port() {\n let port = window.location.port;\n if (port !== '') {\n port = ':' + port\n }\n return port;\n}\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 fakeSearchInput.value = search.value\n const port = _port()\n const url = new URL(window.location.protocol\n + \"//\"\n + window.location.hostname\n + port\n + '/search.json');\n url.searchParams.set('q', query);\n fetch(url).then(async (res) => {\n const json = await res.json()\n if (!json.ok) {\n noResults(searchResults);\n return\n }\n console.log(json.searchObjects.length)\n if (json.searchObjects.length < 1) {\n noResults(searchResults);\n return;\n }\n showResults(searchResults, json.searchObjects);\n })\n search.focus()\n}\n\nfunction showResults(searchResults, searchObjects) {\n searchResults.innerHTML = \"\";\n for (let searchObject of searchObjects) {\n const searchResultContainer = document.createElement('div')\n searchResultContainer.classList.add('search-result')\n const rowTitleUrlImageDiv = document.createElement('div');\n rowTitleUrlImageDiv.classList.add('row-title-url-image');\n const columnTitleUrl = document.createElement('div');\n columnTitleUrl.classList.add('column-title-url');\n const img = document.createElement('img')\n const title = document.createElement('b')\n const url = document.createElement('a')\n const content = document.createElement('p')\n\n title.innerText = searchObject.title\n let port = window.location.port;\n if (port !== '') {\n port = ':' + port\n }\n if (searchObject.url.match(/^\\//)) {\n searchObject.url = window.location.protocol \n + \"//\" + window.location.hostname \n + port\n + searchObject.url\n }\n let urlImage = searchObject.urlImage;\n if (urlImage !== null && urlImage.match(/^\\//)) {\n urlImage = window.location.protocol \n + \"//\" + window.location.hostname \n + port\n + urlImage\n }\n if (urlImage !== null) {\n img.alt = \"\"\n img.src = urlImage\n }\n\n url.href = searchObject.url\n url.innerText = searchObject.url\n content.innerText = searchObject.content\n\n if (urlImage !== null) {\n rowTitleUrlImageDiv.appendChild(img)\n }\n\n columnTitleUrl.appendChild(title);\n columnTitleUrl.appendChild(document.createElement('br'))\n columnTitleUrl.appendChild(url)\n\n rowTitleUrlImageDiv.appendChild(columnTitleUrl)\n\n searchResultContainer.appendChild(rowTitleUrlImageDiv)\n searchResultContainer.appendChild(content)\n searchResults.appendChild(searchResultContainer)\n }\n}\n\nfunction noResults(searchResults) {\n searchResults.innerHTML = \"\"\n const p = document.createElement('p')\n p.innerText = 'No se han encontrado resultados.'\n searchResults.appendChild(p)\n}\n\nfunction onExitSearch() {\n const searchOverlay = document.querySelector('div.search-overlay');\n if (searchOverlay !== null) {\n searchOverlay.classList.toggle('active');\n }\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}\n\nfunction absoluteToHost(imageUrl) {\n if (imageUrl.match(/^\\//)) {\n imageUrl = window.location.protocol + \"//\" + window.location.host + imageUrl \n }\n return imageUrl.replace(/\\?.*$/, '');\n}\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, '')\n .replace(/(?:^|-)\\w/g, function(character) {\n return character.toUpperCase() \n })\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}\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\nlet current_ad_number = null\n\nfunction expand_page_contents() {\n const pageContents = document.querySelector('div.page-contents'); \n if (pageContents === null) {\n return;\n }\n pageContents.classList.add('no-carousel');\n}\n\nfunction no_more_ads() {\n const carousel = document.querySelector('.carousel');\n if (carousel !== null) {\n carousel.remove();\n }\n expand_page_contents();\n}\n\nfunction loadAd() {\n const params = new URLSearchParams();\n if (current_ad_number !== null) {\n params.append('n', \"\"+current_ad_number);\n }\n fetch('/next-ad.json?' + params).then((res) => {\n return res.json()\n }).then((res) => {\n current_ad_number = res.current_ad_number\n const ad = res.ad\n const must_continue = res.continue\n const carousel = document.querySelector('.carousel');\n if (must_continue === 0\n || carousel === null\n || carousel.offsetWidth === 0) {\n no_more_ads();\n return;\n }\n const a = _retrieveLinkCarousel(carousel)\n a.innerHTML = \"\"\n const image = document.createElement('img')\n const text_container = document.createElement('div')\n const text = document.createElement('h4')\n const promoted = document.createElement('p')\n\n promoted.classList.add('promoted-tag')\n promoted.innerText = \"Promocionado\"\n image.src = ad.img\n image.alt = \"\"\n text.innerText = ad.text\n a.href = ad.href\n\n a.append(image)\n text_container.append(promoted)\n text_container.append(text)\n a.append(text_container)\n\n window.setTimeout(() => {\n loadAd()\n }, ad.seconds * 1000)\n }).catch(() => {\n window.setTimeout(() => {\n loadAd()\n }, 1000)\n });\n}\n\nfunction _retrieveLinkCarousel(carousel) {\n const maybeA = carousel.querySelector('a')\n if (maybeA !== null) {\n return maybeA\n }\n const a = document.createElement('a')\n carousel.innerHTML = \"\"\n carousel.append(a)\n return a\n}\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/index.js?"); /***/ }),