{"id":3019,"date":"2024-02-09T14:22:51","date_gmt":"2024-02-09T14:22:51","guid":{"rendered":"https:\/\/olare.app\/demo\/?page_id=3019"},"modified":"2024-07-13T17:20:21","modified_gmt":"2024-07-13T17:20:21","slug":"guardar-alarmes","status":"publish","type":"page","link":"https:\/\/olare.app\/demo\/guardar-alarmes","title":{"rendered":"Alarmes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3019\" class=\"elementor elementor-3019\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9cb39b e-flex e-con-boxed e-con e-parent\" data-id=\"c9cb39b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bcf8ac9 e-con-full e-flex e-con e-child\" data-id=\"bcf8ac9\" data-element_type=\"container\">\n\t\t<a class=\"elementor-element elementor-element-ff67a11 e-con-full e-flex e-con e-child\" data-id=\"ff67a11\" data-element_type=\"container\" href=\"https:\/\/olare.app\/demo\/index.php\/app\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57b26a2 elementor-absolute elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"57b26a2\" 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-bd44ca2 e-con-full e-flex e-con e-child\" data-id=\"bd44ca2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94148af elementor-widget elementor-widget-text-editor\" data-id=\"94148af\" 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<div>Op\u00e7\u00f5es<\/div>\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-b371d93 e-con-full e-flex e-con e-child\" data-id=\"b371d93\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02253c4 elementor-widget elementor-widget-text-editor\" data-id=\"02253c4\" 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>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\/index.php\/alarme-guardado\">\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><strong>Guardar<\/strong><\/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-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 Guardar<\/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\/3019"}],"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=3019"}],"version-history":[{"count":82,"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/pages\/3019\/revisions"}],"predecessor-version":[{"id":8183,"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/pages\/3019\/revisions\/8183"}],"wp:attachment":[{"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/media?parent=3019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}