{"id":24622,"date":"2024-11-06T10:37:04","date_gmt":"2024-11-06T09:37:04","guid":{"rendered":"https:\/\/www.micromic.com\/?page_id=24622"},"modified":"2024-11-06T11:10:04","modified_gmt":"2024-11-06T10:10:04","slug":"accesso-area-riservata","status":"publish","type":"page","link":"https:\/\/www.micromic.com\/es\/accesso-area-riservata\/","title":{"rendered":"Acceso al \u00c1rea Restringida"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24622\" class=\"elementor elementor-24622\">\n\t\t\t\t\t\t\t<div class=\" elementor-element elementor-element-8cccde9 e-flex e-con-boxed e-con e-parent\" data-id=\"8cccde9\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ad0dfa elementor-widget elementor-widget-heading\" data-id=\"6ad0dfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Accesso Area Riservata<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df95219 elementor-widget elementor-widget-shortcode\" data-id=\"df95219\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">            <div class=\"micromic-login-wrapper\"  data-no-translation>\n    <!-- Preloader -->\n    <div id=\"micromic-preloader\" style=\"display: none;\" data-no-translation>\n        <div class=\"micromic-preloader-content\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/07\/MICROMIC_LOGO-1.png\" alt=\"Logo\" class=\"micromic-logo\">\n            <p id=\"micromic-preloader-text\"><\/p> <!-- Contenitore per le scritte -->\n        <\/div>\n    <\/div>\n\n    <!-- Form di Login e Reset -->\n    <div class=\"login-popup\" id=\"micromic_login\" style=\"border:1px solid #A0C230; height:400px;\"  data-no-translation>\n        <div class=\"woocommerce-notices-wrapper\"><\/div>\n        <div class=\"tab tab-underline tab-nav-fill form-tab\">\n            <ul class=\"nav nav-tabs\" role=\"tablist\">\n                <li class=\"nav-item\">\n                    <a href=\"#signin\" class=\"justify-content-center nav-link active\" data-toggle=\"tab\">Iniciar sesi\u00f3n<\/a>\n                <\/li>\n            <\/ul>\n            <div class=\"tab-content\">\n                <!-- Modulo di Login -->\n                <div class=\"tab-pane active\" id=\"signin\">\n                    <form class=\"woocommerce-form woocommerce-form-login login\" id=\"micromic-login-form\" method=\"post\">\n                        <input type=\"hidden\" name=\"micromic_nonce\" value=\"4aac93c0c1\">\n                        <p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n                            <label for=\"username\">Tu EMAIL <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"username\" id=\"username\" autocomplete=\"username\" required  style=\"max-width:398px; width:100%;\">\n                        <\/p>\n                                                <p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n                            <label for=\"password\">Contrase\u00f1a <span class=\"required\">*<\/span><\/label>\n                            <div style=\"position: relative;\">\n                                <input type=\"password\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"password\" id=\"password\" autocomplete=\"current-password\" required style=\"max-width:398px; width:100%;\">\n                                <button type=\"button\" id=\"toggle-password\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer;\">\n                                    <i id=\"toggle-password-icon\" class=\"fas fa-eye\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/p>\n                        \n                        \n                        <div class=\"form-row form-footer\">\n                            <label class=\"woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme form-checkbox\">\n                                <input class=\"woocommerce-form__input woocommerce-form__input-checkbox\" name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\"> <span>Recu\u00e9rdame<\/span>\n                            <\/label>\n                            <p class=\"woocommerce-LostPassword lost_password\">\n                                <a href=\"#\" id=\"micromic-show-reset-password\">\u00bfOlvidaste tu contrase\u00f1a?<\/a>\n                            <\/p>\n                        <\/div>\n                        <button type=\"submit\" class=\"woocommerce-button button woocommerce-form-login__submit\" name=\"login\" value=\"Ingresar\">Ingresar<\/button>\n                    <\/form>\n                <\/div>\n\n                <!-- Modulo di Reset Password -->\n                <div class=\"tab-pane\" id=\"reset-password\" style=\"display: none;\">\n                    <form class=\"woocommerce-form woocommerce-form-login reset-password\" id=\"micromic-reset-password-form\" method=\"post\">\n                        <input type=\"hidden\" name=\"micromic_nonce_reset\" value=\"005830d45b\">\n                        <p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\n                            <label for=\"reset-email\">Tu EMAIL <span class=\"required\">*<\/span><\/label>\n                            <input type=\"email\" class=\"woocommerce-Input woocommerce-Input--text input-text\" name=\"reset_email\" id=\"reset-email\" autocomplete=\"email\" required>\n                        <\/p>\n                        <div class=\"form-row form-footer\">\n                            <button type=\"submit\" class=\"woocommerce-button button woocommerce-form-login__submit\" name=\"reset_password\" value=\"Restablecer Contrase\u00f1a\">\n                                Restablecer Contrase\u00f1a                            <\/button>\n                        <\/div>\n                        <p class=\"woocommerce-LostPassword back-to-login\">\n                            <a href=\"#\" id=\"micromic-back-to-login\">Volver al inicio de sesi\u00f3n<\/a>\n                        <\/p>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <!-- Script -->\n    <script>\n        \n        \n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const togglePassword = document.getElementById(\"toggle-password\");\n        const passwordInput = document.getElementById(\"password\");\n        const togglePasswordIcon = document.getElementById(\"toggle-password-icon\");\n\n        togglePassword.addEventListener(\"click\", function () {\n            const isPassword = passwordInput.type === \"password\";\n            passwordInput.type = isPassword ? \"text\" : \"password\";\n\n            \/\/ Alterna le classi dell'icona\n            if (isPassword) {\n                togglePasswordIcon.classList.remove(\"fa-eye\"); \/\/ Occhio aperto\n                togglePasswordIcon.classList.add(\"fa-eye-slash\"); \/\/ Occhio chiuso\n            } else {\n                togglePasswordIcon.classList.remove(\"fa-eye-slash\");\n                togglePasswordIcon.classList.add(\"fa-eye\");\n            }\n        });\n    }); \n        \n        \n        \n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const loginForm = document.querySelector(\"#micromic-login-form\");\n\n        loginForm.addEventListener(\"keydown\", function (e) {\n            if (e.key === \"Enter\") {\n                \/\/ Forza il submit quando si preme Enter\n                const activeElement = document.activeElement;\n                if (activeElement.tagName === \"INPUT\" || activeElement.tagName === \"TEXTAREA\") {\n                    e.preventDefault(); \/\/ Blocca l'azione predefinita per evitare conflitti\n                    loginForm.dispatchEvent(new Event(\"submit\")); \/\/ Forza il submit manualmente\n                }\n            }\n        });\n    });    \n        \n        \n \n     document.addEventListener(\"DOMContentLoaded\", function () {\n        const loginForm = document.querySelector(\"#micromic-login-form\");\n        const resetForm = document.querySelector(\"#micromic-reset-password-form\").parentElement;\n        const resetLink = document.getElementById(\"micromic-show-reset-password\");\n        const backToLoginLink = document.getElementById(\"micromic-back-to-login\");\n        const preloader = document.getElementById(\"micromic-preloader\");\n        const preloaderText = document.getElementById(\"micromic-preloader-text\");\n        const messages = [\"Por favor, espere...\", \"Por favor, espere...\", \"Por favor, espere...\"];\n        let messageIndex = 0;\n         \n         \n                  \n         \n         \n         \n         console.log('Casuale: 469510448');\n         \n         \n         \n         \n\n        \/\/ Funzione per mostrare un messaggio con effetto macchina da scrivere\n        function typeMessage(message, callback) {\n            let index = 0;\n            preloaderText.innerHTML = \"\"; \/\/ Resetta il contenuto del testo\n\n            function type() {\n                if (index < message.length) {\n                    preloaderText.innerHTML += message.charAt(index);\n                    index++;\n                    setTimeout(type, 50); \/\/ Ritardo tra i caratteri\n                } else if (callback) {\n                    setTimeout(callback, 1000); \/\/ Pausa di 1 secondo tra i messaggi\n                }\n            }\n\n            type();\n        }\n\n        \/\/ Mostra i messaggi uno dopo l'altro\n        function showNextMessage() {\n            if (messageIndex < messages.length) {\n                typeMessage(messages[messageIndex], showNextMessage);\n                messageIndex++;\n            }\n        }\n\n        \/\/ Gestione del submit del form di login\n        loginForm.addEventListener(\"submit\", function (e) {\n            e.preventDefault(); \/\/ Impedisce il comportamento predefinito del form\n            \n            \n            preloader.style.display = \"flex\"; \/\/ Mostra il preloader\n\n            \/\/ Avvia i messaggi\n            showNextMessage();\n\n            \/\/ Invia i dati del form\n            const formData = new FormData(loginForm);\n            fetch(\"https:\/\/www.micromic.com\/wp-admin\/admin-ajax.php?action=micromic_login\", {\n                method: \"POST\",\n                body: formData,\n                credentials: \"same-origin\",\n            })\n            .then(response => response.json())\n            .then(data => {\n                if (data.success && data.data.redirect_url) {\n                    window.location.href = data.data.redirect_url; \/\/ Usa il campo corretto\n                    console.log(data);\n                } else {\n                    preloader.style.display = \"none\"; \/\/ Nascondi il preloader\n                    alert(data.message || \"Errore durante il login.\"); \/\/ Mostra il messaggio di errore\n                }\n            })\n            .catch(error => {\n                preloader.style.display = \"none\"; \/\/ Nascondi il preloader\n                console.error(\"Errore:\", error);\n                alert(\"Errore imprevisto. Riprova.\");\n            });\n        });\n\n        \/\/ Mostra il modulo di reset password\n        resetLink.addEventListener(\"click\", function (e) {\n            e.preventDefault();\n            loginForm.parentElement.style.display = \"none\"; \/\/ Nascondi il modulo di login\n            resetForm.style.display = \"block\"; \/\/ Mostra il modulo di reset password\n        });\n\n        \/\/ Torna al modulo di login\n        backToLoginLink.addEventListener(\"click\", function (e) {\n            e.preventDefault();\n            resetForm.style.display = \"none\"; \/\/ Nascondi il modulo di reset password\n            loginForm.parentElement.style.display = \"block\"; \/\/ Mostra il modulo di login\n        });\n\n        \/\/ Gestisci il submit del modulo di reset password\n        document.querySelector(\"#micromic-reset-password-form\").addEventListener(\"submit\", function (e) {\n            e.preventDefault();\n            const formData = new FormData(this);\n            fetch(\"https:\/\/www.micromic.com\/wp-admin\/admin-ajax.php?action=micromic_reset_password\", {\n                method: \"POST\",\n                body: formData,\n                credentials: \"same-origin\",\n            })\n            .then(response => response.json())\n            .then(data => {\n                if (data.success) {\n                    alert(data.message || \"Controlla la tua email per il link di reset.\");\n                    resetForm.style.display = \"none\"; \/\/ Nascondi il modulo di reset password\n                    loginForm.parentElement.style.display = \"block\"; \/\/ Torna al login\n                } else {\n                    alert(data.message || \"Errore durante il reset della password.\");\n                }\n            })\n            .catch(error => {\n                console.error(\"Errore:\", error);\n                alert(\"Errore imprevisto. Riprova.\");\n            });\n        });\n    });\n\n        \n\n\n    <\/script>\n\n    <style>\n        .micromic-login-wrapper {\n            margin-top:20px;\n        }\n        \n        #micromic-preloader {\n            position: fixed; \/* Fisso per coprire tutto *\/\n            top: 0;\n            left: 0;\n            width: 100vw; \/* Assicura che occupi tutta la larghezza *\/\n            height: 100vh; \/* Assicura che occupi tutta l'altezza *\/\n            background: rgba(0, 0, 0, 0.82); \/* Sfondo scuro *\/\n            z-index: 9999; \/* Sempre sopra gli altri elementi *\/\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden; \/* Impedisce lo scrolling *\/\n        }\n\n        .micromic-preloader-content {\n            text-align: center;\n        }\n\n        .micromic-logo {\n            max-width: 360px !important; \/* Logo ridimensionato *\/\n            height: auto;\n            margin-bottom: 20px;\n        }\n\n        #micromic-preloader-text {\n            font-size: 24px; \/* Testo grande *\/\n            font-weight: bold;\n            color: #ffffff; \/* Testo bianco *\/\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); \/* Aggiunge contrasto *\/\n            margin-top: 00px;\n            text-align: center;\n        }\n        \n        #reset-password {\n            display: none;\n        }\n        \n        \n        \n        #toggle-password {\n            background: none;\n            border: none;\n            cursor: pointer;\n            padding: 5px;\n        }\n        #toggle-password-icon {\n            font-size: 1.2rem; \/* Dimensione dell'icona *\/\n            color: #666; \/* Colore iniziale *\/\n        }\n        #toggle-password:hover #toggle-password-icon {\n            color: #333; \/* Colore pi\u00f9 scuro al passaggio del mouse *\/\n        }\n\n        \n\n    <\/style>\n     <!-- Mostra il modulo di login -->\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Acceso al \u00c1rea Restringida<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24622","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.micromic.com\/es\/wp-json\/wp\/v2\/pages\/24622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.micromic.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.micromic.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.micromic.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.micromic.com\/es\/wp-json\/wp\/v2\/comments?post=24622"}],"version-history":[{"count":0,"href":"https:\/\/www.micromic.com\/es\/wp-json\/wp\/v2\/pages\/24622\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.micromic.com\/es\/wp-json\/wp\/v2\/media?parent=24622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}