{"id":2109,"date":"2024-02-09T02:48:11","date_gmt":"2024-02-09T02:48:11","guid":{"rendered":"https:\/\/olare.app\/demo\/?page_id=2109"},"modified":"2024-07-13T17:59:13","modified_gmt":"2024-07-13T17:59:13","slug":"alarmes","status":"publish","type":"page","link":"https:\/\/olare.app\/demo\/alarmes","title":{"rendered":"Alarmes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2109\" class=\"elementor elementor-2109\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d1c191 e-flex e-con-boxed e-con e-parent\" data-id=\"1d1c191\" data-element_type=\"container\" id=\"overlay\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d8be0d2 e-con-full e-flex e-con e-child\" data-id=\"d8be0d2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24201a7 elementor-widget elementor-widget-image\" data-id=\"24201a7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.22.0 - 26-06-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"950\" src=\"https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/Alarme-br-1024x950.png\" class=\"attachment-large size-large wp-image-143\" alt=\"\" srcset=\"https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/Alarme-br-1024x950.png 1024w, https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/Alarme-br-300x278.png 300w, https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/Alarme-br-768x713.png 768w, https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/Alarme-br-1536x1425.png 1536w, https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/Alarme-br-2048x1900.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88e3e2a e-con-full e-flex e-con e-child\" data-id=\"88e3e2a\" data-element_type=\"container\" id=\"zmenu\">\n\t\t<a class=\"elementor-element elementor-element-344d08a e-con-full e-flex e-con e-child\" data-id=\"344d08a\" data-element_type=\"container\" href=\"https:\/\/olare.app\/demo\/index.php\/app\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8df2510 elementor-absolute elementor-widget elementor-widget-text-editor\" data-id=\"8df2510\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.22.0 - 26-06-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><img decoding=\"async\" class=\"alignnone wp-image-2686\" src=\"http:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/x_br-300x300.png\" alt=\"\" width=\"14\" height=\"14\" srcset=\"https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/x_br-300x300.png 300w, https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/x_br-150x150.png 150w, https:\/\/olare.app\/demo\/wp-content\/uploads\/2024\/02\/x_br.png 362w\" sizes=\"(max-width: 14px) 100vw, 14px\" \/>\u00a0 Fechar<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<div class=\"elementor-element elementor-element-5e4d13d e-con-full e-flex e-con e-child\" data-id=\"5e4d13d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fde5269 elementor-widget elementor-widget-text-editor\" data-id=\"fde5269\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Op\u00e7\u00f5es<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f9f2e0 e-con-full e-flex e-con e-child\" data-id=\"1f9f2e0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90abaaf elementor-widget elementor-widget-text-editor\" data-id=\"90abaaf\" data-element_type=\"widget\" id=\"innerElement\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Alarme<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b261607 e-flex e-con-boxed e-con e-parent\" data-id=\"b261607\" data-element_type=\"container\" id=\"content\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4df6ada e-con-full e-flex e-con e-child\" data-id=\"4df6ada\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f611bd telefone elementor-widget elementor-widget-text-editor\" data-id=\"9f611bd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t   <table>\n        <tr id=\"alarm1\">\n            <td class=\"controls\">\n                <div class=\"toggle\" onclick=\"toggleAlarm(1)\" id=\"toggleText1\">\u2022 Desligado<\/div>\n                <div class=\"delete\" onclick=\"deleteAlarm(1)\">\u2022 Apagar<\/div>\n            <\/td>\n            <td class=\"time\" id=\"time1\">06:30<\/td>\n        <\/tr>\n        <tr id=\"alarm2\">\n            <td class=\"controls\">\n                <div class=\"toggle\" onclick=\"toggleAlarm(2)\" id=\"toggleText2\">\u2022 Desligado<\/div>\n                <div class=\"delete\" onclick=\"deleteAlarm(2)\">\u2022 Apagar<\/div>\n            <\/td>\n            <td class=\"time\" id=\"time2\">18:50<\/td>\n        <\/tr>\n    <\/table>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-b5313f1 e-flex e-con-boxed e-con e-child\" data-id=\"b5313f1\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;}\" href=\"https:\/\/olare.app\/demo\/timepicker\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de3af26 bt elementor-widget elementor-widget-text-editor\" data-id=\"de3af26\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Novo<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5910e4a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"5910e4a\" data-element_type=\"container\" id=\"content\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d398a83 elementor-widget elementor-widget-html\" data-id=\"d398a83\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n  window.addEventListener(\"load\", function() {\r\n    var overlay = document.getElementById(\"overlay\");\r\n    var innerElement = document.getElementById(\"innerElement\");\r\n    var windowHeight = window.innerHeight;\r\n\r\n    overlay.style.opacity = \"0\"; \/\/ Define a opacidade inicial como 0\r\n    overlay.style.top = \"0\"; \/\/ Define a posi\u00e7\u00e3o inicial como 0\r\n\r\n    \/\/ Aplica o efeito de fade-in na div overlay ap\u00f3s 1 segundo\r\n    setTimeout(function() {\r\n      overlay.style.transition = \"opacity 0.5s\"; \/\/ Transi\u00e7\u00e3o suave para a opacidade\r\n      overlay.style.opacity = \"1\"; \/\/ Aumenta a opacidade para 1, tornando a div overlay vis\u00edvel\r\n\r\n      \/\/ Aplica o efeito de subida da div overlay ap\u00f3s 1.5 segundos\r\n      setTimeout(function() {\r\n        if (windowHeight < 650) {\r\n          \/\/ Subida de 75% para janelas com altura inferior a 650px\r\n          overlay.style.transition = \"top 1s ease\"; \/\/ Transi\u00e7\u00e3o suave para a posi\u00e7\u00e3o\r\n          overlay.style.top = \"-93%\";\r\n        } else {\r\n          \/\/ Subida de 87% para outras janelas\r\n          overlay.style.transition = \"top 1s ease\"; \/\/ Transi\u00e7\u00e3o suave para a posi\u00e7\u00e3o\r\n          overlay.style.top = \"-90%\";\r\n        }\r\n\r\n        \/\/ Desce o elemento interno ap\u00f3s 0.5 segundos da subida da div overlay\r\n        setTimeout(function() {\r\n          innerElement.style.marginTop = \"130px\"; \/\/ Move o elemento interno para baixo 50px\r\n        }, 200); \/\/ Aguarda 0.5 segundos ap\u00f3s a subida da overlay\r\n      }, 1000); \/\/ Aguarda 1 segundo ap\u00f3s o fade-in para iniciar a subida\r\n    }, 500); \/\/ Aguarda 0.5 segundos antes de iniciar o fade in da overlay\r\n  });\r\n<\/script>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4de3ee elementor-widget elementor-widget-html\" data-id=\"c4de3ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\nwindow.addEventListener(\"load\", function() {\r\n  var content = document.getElementById(\"content\");\r\n\r\n  \/\/ Aplica o efeito de fade-in na div content ap\u00f3s 1 segundo\r\n  setTimeout(function() {\r\n    content.style.transition = \"opacity 0.5s\"; \/\/ Transi\u00e7\u00e3o suave para a opacidade\r\n    content.style.opacity = \"1\"; \/\/ Aumenta a opacidade para 1, tornando a div content vis\u00edvel\r\n  }, 1000); \/\/ Aguarda 1 segundo antes de iniciar o fade in do content\r\n});\r\n\r\n <\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b1ca2 elementor-widget elementor-widget-html\" data-id=\"a4b1ca2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    var zmenu = document.getElementById(\"zmenu\");\r\n    setTimeout(function() {\r\n      zmenu.classList.add(\"zmenushow\"); \/\/ Adiciona a classe \"show\" ap\u00f3s 1.5 segundos\r\n    }, 2000); \/\/ 1500 milissegundos = 1.5 segundos\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cdcfb3 elementor-widget elementor-widget-html\" data-id=\"4cdcfb3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t   <script>\r\n        function toggleAlarm(id) {\r\n            var toggleButton = document.getElementById('toggleText' + id);\r\n            var timeElement = document.getElementById('time' + id);\r\n\r\n            if (toggleButton.textContent === '\u2022 Ligado') {\r\n                toggleButton.textContent = '\u2022 Desligado';\r\n                toggleButton.classList.remove('bold');\r\n                timeElement.classList.remove('bold');\r\n            } else {\r\n                toggleButton.textContent = '\u2022 Ligado';\r\n                toggleButton.classList.add('bold');\r\n                timeElement.classList.add('bold');\r\n            }\r\n        }\r\n\r\n       \r\n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc83ac elementor-widget elementor-widget-html\" data-id=\"fcc83ac\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t   <script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ Recupera as horas e minutos guardados\r\n    const selectedHour = sessionStorage.getItem('selectedHour');\r\n    const selectedMinute = sessionStorage.getItem('selectedMinute');\r\n\r\n    \/\/ Verifica se os valores foram encontrados\r\n    if (selectedHour && selectedMinute) {\r\n        \/\/ Cria um novo elemento <tr>\r\n        const newRow = document.createElement('tr');\r\n\r\n        \/\/ Cria os elementos <td> para controls\r\n        const controlsTd = document.createElement('td');\r\n        controlsTd.classList.add('controls');\r\n\r\n        \/\/ Cria os elementos <div> dentro de controls\r\n        const toggleDiv = document.createElement('div');\r\n        toggleDiv.classList.add('toggle', 'bold'); \/\/ Adiciona a classe bold\r\n        toggleDiv.textContent = '\u2022 Ligado';\r\n        toggleDiv.setAttribute('onclick', 'toggleDynamicAlarm(this)'); \/\/ Chama a nova fun\u00e7\u00e3o para alarmes din\u00e2micos\r\n        const deleteDiv = document.createElement('div');\r\n        deleteDiv.classList.add('delete');\r\n        deleteDiv.textContent = '\u2022 Apagar';\r\n        deleteDiv.setAttribute('onclick', 'deleteDynamicAlarm(this)'); \/\/ Chama a nova fun\u00e7\u00e3o para alarmes din\u00e2micos\r\n\r\n        \/\/ Adiciona os elementos <div> dentro de controls\r\n        controlsTd.appendChild(toggleDiv);\r\n        controlsTd.appendChild(deleteDiv);\r\n\r\n        \/\/ Cria o elemento <td> para time\r\n        const timeTd = document.createElement('td');\r\n        timeTd.classList.add('time', 'bold'); \/\/ Adiciona a classe bold\r\n        timeTd.textContent = selectedHour + ':' + selectedMinute;\r\n\r\n        \/\/ Adiciona os elementos <td> \u00e0 nova linha <tr>\r\n        newRow.appendChild(controlsTd);\r\n        newRow.appendChild(timeTd);\r\n\r\n        \/\/ Adiciona a nova linha \u00e0 tabela\r\n        const table = document.querySelector('table');\r\n        table.appendChild(newRow);\r\n    }\r\n});\r\n\r\n\/\/ Fun\u00e7\u00e3o para alternar o estado do alarme din\u00e2mico (ligado\/desligado)\r\nfunction toggleDynamicAlarm(element) {\r\n    const toggleText = element.textContent.trim(); \/\/ Remove espa\u00e7os em branco no in\u00edcio e no final\r\n    const controlsTd = element.closest('.controls'); \/\/ Encontra o elemento pai com a classe 'controls'\r\n    const timeElement = controlsTd.nextElementSibling; \/\/ Encontra o pr\u00f3ximo elemento irm\u00e3o, que \u00e9 o elemento de tempo\r\n\r\n    \/\/ Alterna entre Ligado e Desligado e aplica negrito conforme necess\u00e1rio\r\n    if (toggleText === '\u2022 Ligado') {\r\n        element.textContent = '\u2022 Desligado';\r\n        element.classList.remove('bold'); \/\/ Remove a classe bold do bot\u00e3o\r\n        timeElement.classList.remove('bold'); \/\/ Remove negrito da hora do alarme\r\n    } else {\r\n        element.textContent = '\u2022 Ligado';\r\n        element.classList.add('bold'); \/\/ Adiciona a classe bold ao bot\u00e3o\r\n        timeElement.classList.add('bold'); \/\/ Aplica negrito \u00e0 hora do alarme\r\n    }\r\n}\r\n\r\n\/\/ Fun\u00e7\u00e3o para apagar o alarme din\u00e2mico\r\nfunction deleteDynamicAlarm(element) {\r\n    const row = element.closest('tr'); \/\/ Encontra a linha pai do bot\u00e3o clicado\r\n    row.parentNode.removeChild(row); \/\/ Remove a linha da tabela\r\n}\r\n\r\n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 Fechar Op\u00e7\u00f5es Alarme \u2022 Desligado \u2022 Apagar 06:30 \u2022 Desligado \u2022 Apagar 18:50 Novo<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":[],"_links":{"self":[{"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/pages\/2109"}],"collection":[{"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/comments?post=2109"}],"version-history":[{"count":249,"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/pages\/2109\/revisions"}],"predecessor-version":[{"id":8201,"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/pages\/2109\/revisions\/8201"}],"wp:attachment":[{"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/media?parent=2109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}