{"id":8053,"date":"2024-07-13T12:27:43","date_gmt":"2024-07-13T12:27:43","guid":{"rendered":"https:\/\/olare.app\/demo\/?page_id=8053"},"modified":"2024-07-13T18:01:42","modified_gmt":"2024-07-13T18:01:42","slug":"timepicker","status":"publish","type":"page","link":"https:\/\/olare.app\/demo\/timepicker","title":{"rendered":"timepicker"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8053\" class=\"elementor elementor-8053\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f40a28f animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"f40a28f\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1cfd7d elementor-widget elementor-widget-text-editor\" data-id=\"b1cfd7d\" data-element_type=\"widget\" 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<!-- Please don't change. Block is needed for React app. -->\n<noscript>You need to enable JavaScript to run this app.<\/noscript>\n<div id=\"root\"><\/div>\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<\/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 = \"-89%\";\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4681ca4 e-flex e-con-boxed e-con e-parent\" data-id=\"4681ca4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8363d09 elementor-fixed animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"8363d09\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" 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>:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-b5313f1 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"b5313f1\" data-element_type=\"container\" id=\"okbotao\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\" href=\"https:\/\/olare.app\/demo\/index.php\/guardar-alarmes\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de3af26 okbotao animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"de3af26\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_mobile&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tOK\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1484911 e-flex e-con-boxed e-con e-parent\" data-id=\"1484911\" 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-f1ca3ba e-con-full e-flex e-con e-child\" data-id=\"f1ca3ba\" data-element_type=\"container\">\n\t\t<a class=\"elementor-element elementor-element-f86acc3 e-con-full e-flex e-con e-child\" data-id=\"f86acc3\" data-element_type=\"container\" href=\"https:\/\/olare.app\/demo\/index.php\/app\/\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e45f15d elementor-absolute elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e45f15d\" 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\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-b451b75 e-con-full e-flex e-con e-child\" data-id=\"b451b75\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45cf122 elementor-widget elementor-widget-text-editor\" data-id=\"45cf122\" 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-a7626ea e-con-full e-flex e-con e-child\" data-id=\"a7626ea\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1143d5e elementor-widget elementor-widget-text-editor\" data-id=\"1143d5e\" 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 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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>You need to enable JavaScript to run this app. : OK \u00a0 Fechar Op\u00e7\u00f5es Novo alarme<\/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\/8053"}],"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=8053"}],"version-history":[{"count":117,"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/pages\/8053\/revisions"}],"predecessor-version":[{"id":8206,"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/pages\/8053\/revisions\/8206"}],"wp:attachment":[{"href":"https:\/\/olare.app\/demo\/wp-json\/wp\/v2\/media?parent=8053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}