\r\n ![](\"../Arquitetura/Imagens/Banners/pop-up.png\")
\r\n
`);\r\n sessionStorage.setItem(\"modal-img\", true);\r\n}\r\n//#endregion\r\n\r\n/**\r\n * Scroll\r\n */\r\nconst btnTop = document.querySelector('[data-action~=\"scroll-top\"]');\r\nif(btnTop) {\r\n window.onscroll = function() {\r\n if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {\r\n btnTop.removeAttribute('hidden');\r\n } else {\r\n btnTop.setAttribute('hidden', true);\r\n }\r\n };\r\n}\r\nconst pageLinks = document.querySelectorAll('a[href^=\"#\"]');\r\nArray.prototype.forEach.call(pageLinks, link => link.addEventListener(\"click\", function(){\r\n if(this.hash != \"\") {\r\n var section = document.querySelector(this.hash);\r\n if (!section) return false; \r\n scrollToY(section.offsetTop, 1000); \r\n } \r\n}));\r\n\r\n/**\r\n * Menu\r\n */\r\nconst menuIcons = Array.prototype.slice.call(document.querySelectorAll('.menu-icon'));\r\nmenuIcons.forEach(btn => btn.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n this.classList.toggle('hover');\r\n}));\r\ndocument.body.addEventListener('click', function (e) {\r\n menuIcons.forEach(btn => {\r\n const isTarget = el => e.target === el || hasParent(e.target, el);\r\n const menuContainer = btn.parentElement.querySelector('.trigger');\r\n if (isTarget(btn) || isTarget(menuContainer)) return;\r\n btn.classList.remove('hover');\r\n })\r\n}, false);\r\n\r\n/**\r\n * Abas\r\n */\r\nconst tabSets = document.querySelectorAll('.tabs');\r\nif (tabSets.length) each(tabSets, tabSet => {\r\n const tabItems = tabSet.querySelectorAll('.tabs-item');\r\n if (!tabItems.length) return false;\r\n each(tabItems, tab => {\r\n const inputBtn = document.querySelector('#' + tab.getAttribute('for'));\r\n if (!inputBtn) return false;\r\n if (inputBtn.checked) tab.classList.add('active');\r\n tab.style.cursor = 'pointer';\r\n inputBtn.addEventListener('change', function () {\r\n each(tabItems, t => t.classList.remove('active'));\r\n if (this.checked) tab.classList.add('active');\r\n });\r\n });\r\n});\r\n\r\n/**\r\n * Modal\r\n */\r\nfunction openModal(content) {\r\n const modal = document.querySelector('#modal-container');\r\n if (!modal) return false;\r\n modal.querySelector('.modal-content').innerHTML = content;\r\n each(modal.querySelectorAll('[data-btn]'), btn => btn.onclick = function(e) {\r\n e.preventDefault();\r\n modal.querySelector('.modal-content').innerHTML = '';\r\n modal.classList.remove('target');\r\n });\r\n modal.classList.add('target');\r\n}\r\n\r\n/**\r\n * Slider\r\n */\r\nconst sliders = document.querySelectorAll('.slider');\r\nif (sliders.length) each(sliders, makeSlider);\r\nfunction makeSlider(s) {\r\n const timeout = s.getAttribute('data-timeout') || 3000;\r\n const slider = new Slider({\r\n parent: s,\r\n timeout\r\n });\r\n if (s.hasAttribute('data-play')) setSliderAutoPlay(slider);\r\n if (s.hasAttribute('data-height')) slider.parent.style.height = s.getAttribute('data-height') + 'px';\r\n if (s.hasAttribute('data-controls')) setSliderControls(slider, s.getAttribute('data-controls'));\r\n return slider;\r\n}\r\nfunction setSliderAutoPlay(slider) {\r\n slider\r\n .on('mouseover', () => slider.pause())\r\n .on('mouseout', () => slider.play())\r\n .play();\r\n} \r\nfunction setSliderControls(slider, options, container) {\r\n slider.onCompose = slider => {\r\n const dots = slider.controls.querySelectorAll('.slider-dots .slide-dot');\r\n if (!dots.length) return;\r\n dots.forEach(dot => dot.classList.remove('active'));\r\n dots[slider.index].classList.add('active');\r\n };\r\n const ui = {\r\n prevIcon: '',\r\n nextIcon: ''\r\n };\r\n const controls = {\r\n prev: () => createButton({\r\n className: 'slider-control prev icon',\r\n title: 'VOLTAR',\r\n innerHTML: ui.prevIcon\r\n }, function () {\r\n slider.prev();\r\n }),\r\n next: () => createButton({\r\n className: 'slider-control next icon',\r\n title: 'AVANÇAR',\r\n innerHTML: ui.nextIcon\r\n }, function () {\r\n slider.next();\r\n }),\r\n dots: () => createElement('div', {\r\n className: 'slider-dots',\r\n dataset: {\r\n grid: 'row center small-spacing'\r\n },\r\n children: Array.prototype.map.call(slider.children, (lnk, i) => {\r\n const slideTitle = lnk.title;\r\n return createElement('button', {\r\n innerHTML: i,\r\n className: i == 0 ? 'slide-dot active' : 'slide-dot',\r\n dataset: {\r\n cell: 'shrink'\r\n },\r\n events: {\r\n click: () => slider.goTo(i)\r\n }\r\n });\r\n })\r\n })\r\n };\r\n options = options.split(' ');\r\n if (options.length) {\r\n container = createElement('div', {\r\n className: 'slider-controls'\r\n });\r\n slider.parent.insertAdjacentElement('afterend', container);\r\n slider.controls = container;\r\n options.forEach(opt => {\r\n if (controls[opt]) {\r\n const control = controls[opt]();\r\n if (control instanceof Node) container.appendChild(control);\r\n }\r\n });\r\n }\r\n}\r\n\r\nAccManager.fontSizeTarget = '[data-font-size]';\r\n\r\nconst btnActions = { \r\n \"increase-font-size\": function(e) {\r\n AccManager.fontSizeIndex++;\r\n },\r\n \"decrease-font-size\": function(e) {\r\n AccManager.fontSizeIndex--;\r\n },\r\n \"dark-theme\": function (e) {\r\n if(AccManager.globalTheme === null) {\r\n AccManager.globalTheme = 'dark-theme';\r\n }\r\n else {\r\n AccManager.globalTheme = null;\r\n }\r\n },\r\n \"scroll-top\": function(e){\r\n scrollToY(document.querySelector('header').offsetTop, 1000); \r\n },\r\n \"print\": function(e) {\r\n window.print();\r\n },\r\n \"share\": function(e) {\r\n gtag('event', 'share', { method : e.currentTarget.title });\r\n },\r\n 'youtube-splash': function(e) {\r\n e.preventDefault();\r\n const videoId = this.hash.substr(1);\r\n openModal(`\r\n \r\n \r\n
`);\r\n }\r\n};\r\n\r\nAccManager.init();\r\n\r\nArray.prototype.forEach.call(document.querySelectorAll('[data-action]'), btn => {\r\n btn.addEventListener('click', function(e) {\r\n const fnName = this.getAttribute('data-action');\r\n const fn = btnActions[fnName];\r\n if (!(fn instanceof Function)) return;\r\n fn.call(this, e);\r\n })\r\n})\r\n\r\nwindow.AccManager = AccManager;\r\n\r\n/**\r\n * Previsão do tempo\r\n */\r\nvar jsonTempo = 'https://api.hgbrasil.com/weather/?format=json-cors&woeid=458878&key=81a3bcec';\r\nvar wnServer = 'http://webnetserver.com.br/prefeiturasaoluizdoparaitinga';\r\nvar wnServer = '';\r\n// var jsonTempo = `${wnServer}/Content/json/tempo.json`;\r\n\r\nreq(\r\n jsonTempo,\r\n r => {\r\n const data = r.results;\r\n const iconUrl = `${wnServer}/Icone/weather/${data.condition_slug}.svg`;\r\n const container = document.querySelector('.site-header-weather');\r\n const img = container.querySelector('.weather-image');\r\n const climaLabel = container.querySelector('.weather-label');\r\n img.src = iconUrl;\r\n climaLabel.innerHTML = `${data.description} ${data.temp}º`;\r\n },\r\n erro => {\r\n const climaContainer = document.querySelector('.site-weather');\r\n climaContainer.setAttribute('hidden', true);\r\n }\r\n)\r\n\r\n\r\n/**\r\n * Formulário\r\n */\r\nconst form = document.querySelectorAll('form');\r\nif (form.length) each(form, FormMask);\r\nfunction FormMask(f) {\r\n (Array.from(f.elements))\r\n .filter(el => el.hasAttribute('data-mask'))\r\n .forEach(campo => campo.addEventListener('input', function () {\r\n const metodo = this.getAttribute('data-mask');\r\n if (!masks[metodo]) return console.log(`A máscara do tipo \"${metodo}\" não foi definida.`);\r\n\r\n masks[metodo](this);\r\n }));\r\n}\r\n\r\nconst file = document.getElementById('file');\r\nconst fileName = document.querySelector('.file-input');\r\nif(file != null) {file.addEventListener('change', showFileName);}\r\nfunction showFileName(e) { \r\n var input = e.srcElement;\r\n var msg = document.getElementById(\"msg-form\");\r\n\r\n if(input.files.length <= 0) {\r\n fileName.textContent = \"Anexe aqui o arquivo...\";\r\n msg.textContent = \"Selecione pelo menos um arquivo\";\r\n } else if(input.files.length > 1) {\r\n fileName.textContent = input.files.length + \" arquivos selecionados\";\r\n msg.textContent = \"\";\r\n } else {\r\n fileName.textContent = input.files[0].name;\r\n msg.textContent = \"\";\r\n }\r\n}\r\n\r\nvar checkBoxes = document.querySelectorAll('input[type=checkbox]');\r\nif (checkBoxes.length) {\r\n each(checkBoxes, checkBox => {\r\n checkBox.addEventListener('change', function (e) {\r\n document.getElementById('segmento').checked = checkBox.checked;\r\n var text = document.getElementById(`tipo-${checkBox.id}`);\r\n if(text) text.disabled = checkBox.checked ? false : true; \r\n });\r\n });\r\n}\r\n","export default function hasParent(el, fn) {\r\n\r\n if (!fn) return false;\r\n \r\n if (!(fn instanceof Function)) {\r\n const target = fn;\r\n fn = parent => parent === target;\r\n }\r\n \r\n while (el = el.parentElement) {\r\n \r\n if (fn(el)) return true;\r\n \r\n }\r\n \r\n return false;\r\n \r\n };","export default function(url, fn, err) {\r\n const request = new XMLHttpRequest();\r\n request.open('get', encodeURI(url), true);\r\n request.onload = function() {\r\n if (request.status >= 200 && request.status < 400) {\r\n fn && fn(JSON.parse(request.responseText));\r\n } else {\r\n err && err(request);\r\n }\r\n };\r\n request.send();\r\n return request;\r\n}\r\n"],"sourceRoot":""}