{"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\/en\/accesso-area-riservata\/","title":{"rendered":"Login to Restricted Area"},"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>\r\n    <!-- Preloader -->\r\n    <div id=\"micromic-preloader\" style=\"display: none;\" data-no-translation>\r\n        <div class=\"micromic-preloader-content\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/07\/MICROMIC_LOGO-1.png\" alt=\"Logo\" class=\"micromic-logo\">\r\n            <p id=\"micromic-preloader-text\"><\/p> <!-- Contenitore per le scritte -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Form di Login e Reset -->\r\n    <div class=\"login-popup\" id=\"micromic_login\" style=\"border:1px solid #A0C230; height:400px;\"  data-no-translation>\r\n        <div class=\"woocommerce-notices-wrapper\"><\/div>\r\n        <div class=\"tab tab-underline tab-nav-fill form-tab\">\r\n            <ul class=\"nav nav-tabs\" role=\"tablist\">\r\n                <li class=\"nav-item\">\r\n                    <a href=\"#signin\" class=\"justify-content-center nav-link active\" data-toggle=\"tab\">Sign in<\/a>\n                <\/li>\r\n            <\/ul>\r\n            <div class=\"tab-content\">\r\n                <!-- Modulo di Login -->\r\n                <div class=\"tab-pane active\" id=\"signin\">\r\n                    <form class=\"woocommerce-form woocommerce-form-login login\" id=\"micromic-login-form\" method=\"post\">\r\n                        <input type=\"hidden\" name=\"micromic_nonce\" value=\"f83f905b8a\">\r\n                        <p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\r\n                            <label for=\"username\">Your 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%;\">\r\n                        <\/p>\r\n                                                <p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\r\n                            <label for=\"password\">Password <span class=\"required\">*<\/span><\/label>\n                            <div style=\"position: relative;\">\r\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%;\">\r\n                                <button type=\"button\" id=\"toggle-password\" style=\"position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer;\">\r\n                                    <i id=\"toggle-password-icon\" class=\"fas fa-eye\"><\/i>\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/p>\r\n                        \r\n                        \r\n                        <div class=\"form-row form-footer\">\r\n                            <label class=\"woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme form-checkbox\">\r\n                                <input class=\"woocommerce-form__input woocommerce-form__input-checkbox\" name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\"> <span>Remember me<\/span>\n                            <\/label>\r\n                            <p class=\"woocommerce-LostPassword lost_password\">\r\n                                <a href=\"#\" id=\"micromic-show-reset-password\">Forgot password?<\/a>\n                            <\/p>\r\n                        <\/div>\r\n                        <button type=\"submit\" class=\"woocommerce-button button woocommerce-form-login__submit\" name=\"login\" value=\"Log in\">Log in<\/button>\n                    <\/form>\r\n                <\/div>\r\n\r\n                <!-- Modulo di Reset Password -->\r\n                <div class=\"tab-pane\" id=\"reset-password\" style=\"display: none;\">\r\n                    <form class=\"woocommerce-form woocommerce-form-login reset-password\" id=\"micromic-reset-password-form\" method=\"post\">\r\n                        <input type=\"hidden\" name=\"micromic_nonce_reset\" value=\"e9500adf07\">\r\n                        <p class=\"woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide\">\r\n                            <label for=\"reset-email\">Your 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>\r\n                        <\/p>\r\n                        <div class=\"form-row form-footer\">\r\n                            <button type=\"submit\" class=\"woocommerce-button button woocommerce-form-login__submit\" name=\"reset_password\" value=\"Reset Password\">\n                                Reset Password                            <\/button>\r\n                        <\/div>\r\n                        <p class=\"woocommerce-LostPassword back-to-login\">\r\n                            <a href=\"#\" id=\"micromic-back-to-login\">Back to Login<\/a>\n                        <\/p>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n    <!-- Script -->\r\n    <script>\r\n        \r\n        \r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const togglePassword = document.getElementById(\"toggle-password\");\r\n        const passwordInput = document.getElementById(\"password\");\r\n        const togglePasswordIcon = document.getElementById(\"toggle-password-icon\");\r\n\r\n        togglePassword.addEventListener(\"click\", function () {\r\n            const isPassword = passwordInput.type === \"password\";\r\n            passwordInput.type = isPassword ? \"text\" : \"password\";\r\n\r\n            \/\/ Alterna le classi dell'icona\r\n            if (isPassword) {\r\n                togglePasswordIcon.classList.remove(\"fa-eye\"); \/\/ Occhio aperto\r\n                togglePasswordIcon.classList.add(\"fa-eye-slash\"); \/\/ Occhio chiuso\r\n            } else {\r\n                togglePasswordIcon.classList.remove(\"fa-eye-slash\");\r\n                togglePasswordIcon.classList.add(\"fa-eye\");\r\n            }\r\n        });\r\n    }); \r\n        \r\n        \r\n        \r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const loginForm = document.querySelector(\"#micromic-login-form\");\r\n\r\n        loginForm.addEventListener(\"keydown\", function (e) {\r\n            if (e.key === \"Enter\") {\r\n                \/\/ Forza il submit quando si preme Enter\r\n                const activeElement = document.activeElement;\r\n                if (activeElement.tagName === \"INPUT\" || activeElement.tagName === \"TEXTAREA\") {\r\n                    e.preventDefault(); \/\/ Blocca l'azione predefinita per evitare conflitti\r\n                    loginForm.dispatchEvent(new Event(\"submit\")); \/\/ Forza il submit manualmente\r\n                }\r\n            }\r\n        });\r\n    });    \r\n        \r\n        \r\n \r\n     document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const loginForm = document.querySelector(\"#micromic-login-form\");\r\n        const resetForm = document.querySelector(\"#micromic-reset-password-form\").parentElement;\r\n        const resetLink = document.getElementById(\"micromic-show-reset-password\");\r\n        const backToLoginLink = document.getElementById(\"micromic-back-to-login\");\r\n        const preloader = document.getElementById(\"micromic-preloader\");\r\n        const preloaderText = document.getElementById(\"micromic-preloader-text\");\r\n        const messages = [\"Please wait...\", \"Please wait...\", \"Please wait...\"];\n        let messageIndex = 0;\r\n         \r\n         \r\n                  \r\n         \r\n         \r\n         \r\n         console.log('Casuale: 1772292906');\r\n         \r\n         \r\n         \r\n         \r\n\r\n        \/\/ Funzione per mostrare un messaggio con effetto macchina da scrivere\r\n        function typeMessage(message, callback) {\r\n            let index = 0;\r\n            preloaderText.innerHTML = \"\"; \/\/ Resetta il contenuto del testo\r\n\r\n            function type() {\r\n                if (index < message.length) {\r\n                    preloaderText.innerHTML += message.charAt(index);\r\n                    index++;\r\n                    setTimeout(type, 50); \/\/ Ritardo tra i caratteri\r\n                } else if (callback) {\r\n                    setTimeout(callback, 1000); \/\/ Pausa di 1 secondo tra i messaggi\r\n                }\r\n            }\r\n\r\n            type();\r\n        }\r\n\r\n        \/\/ Mostra i messaggi uno dopo l'altro\r\n        function showNextMessage() {\r\n            if (messageIndex < messages.length) {\r\n                typeMessage(messages[messageIndex], showNextMessage);\r\n                messageIndex++;\r\n            }\r\n        }\r\n\r\n        \/\/ Gestione del submit del form di login\r\n        loginForm.addEventListener(\"submit\", function (e) {\r\n            e.preventDefault(); \/\/ Impedisce il comportamento predefinito del form\r\n            \r\n            \r\n            preloader.style.display = \"flex\"; \/\/ Mostra il preloader\r\n\r\n            \/\/ Avvia i messaggi\r\n            showNextMessage();\r\n\r\n            \/\/ Invia i dati del form\r\n            const formData = new FormData(loginForm);\r\n            fetch(\"https:\/\/www.micromic.com\/wp-admin\/admin-ajax.php?action=micromic_login\", {\r\n                method: \"POST\",\r\n                body: formData,\r\n                credentials: \"same-origin\",\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success && data.data.redirect_url) {\r\n                    window.location.href = data.data.redirect_url; \/\/ Usa il campo corretto\r\n                    console.log(data);\r\n                } else {\r\n                    preloader.style.display = \"none\"; \/\/ Nascondi il preloader\r\n                    alert(data.message || \"Errore durante il login.\"); \/\/ Mostra il messaggio di errore\r\n                }\r\n            })\r\n            .catch(error => {\r\n                preloader.style.display = \"none\"; \/\/ Nascondi il preloader\r\n                console.error(\"Errore:\", error);\r\n                alert(\"Errore imprevisto. Riprova.\");\r\n            });\r\n        });\r\n\r\n        \/\/ Mostra il modulo di reset password\r\n        resetLink.addEventListener(\"click\", function (e) {\r\n            e.preventDefault();\r\n            loginForm.parentElement.style.display = \"none\"; \/\/ Nascondi il modulo di login\r\n            resetForm.style.display = \"block\"; \/\/ Mostra il modulo di reset password\r\n        });\r\n\r\n        \/\/ Torna al modulo di login\r\n        backToLoginLink.addEventListener(\"click\", function (e) {\r\n            e.preventDefault();\r\n            resetForm.style.display = \"none\"; \/\/ Nascondi il modulo di reset password\r\n            loginForm.parentElement.style.display = \"block\"; \/\/ Mostra il modulo di login\r\n        });\r\n\r\n        \/\/ Gestisci il submit del modulo di reset password\r\n        document.querySelector(\"#micromic-reset-password-form\").addEventListener(\"submit\", function (e) {\r\n            e.preventDefault();\r\n            const formData = new FormData(this);\r\n            fetch(\"https:\/\/www.micromic.com\/wp-admin\/admin-ajax.php?action=micromic_reset_password\", {\r\n                method: \"POST\",\r\n                body: formData,\r\n                credentials: \"same-origin\",\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    alert(data.message || \"Controlla la tua email per il link di reset.\");\r\n                    resetForm.style.display = \"none\"; \/\/ Nascondi il modulo di reset password\r\n                    loginForm.parentElement.style.display = \"block\"; \/\/ Torna al login\r\n                } else {\r\n                    alert(data.message || \"Errore durante il reset della password.\");\r\n                }\r\n            })\r\n            .catch(error => {\r\n                console.error(\"Errore:\", error);\r\n                alert(\"Errore imprevisto. Riprova.\");\r\n            });\r\n        });\r\n    });\r\n\r\n        \r\n\r\n\r\n    <\/script>\r\n\r\n    <style>\r\n        .micromic-login-wrapper {\r\n            margin-top:20px;\r\n        }\r\n        \r\n        #micromic-preloader {\r\n            position: fixed; \/* Fisso per coprire tutto *\/\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw; \/* Assicura che occupi tutta la larghezza *\/\r\n            height: 100vh; \/* Assicura che occupi tutta l'altezza *\/\r\n            background: rgba(0, 0, 0, 0.82); \/* Sfondo scuro *\/\r\n            z-index: 9999; \/* Sempre sopra gli altri elementi *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden; \/* Impedisce lo scrolling *\/\r\n        }\r\n\r\n        .micromic-preloader-content {\r\n            text-align: center;\r\n        }\r\n\r\n        .micromic-logo {\r\n            max-width: 360px !important; \/* Logo ridimensionato *\/\r\n            height: auto;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        #micromic-preloader-text {\r\n            font-size: 24px; \/* Testo grande *\/\r\n            font-weight: bold;\r\n            color: #ffffff; \/* Testo bianco *\/\r\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); \/* Aggiunge contrasto *\/\r\n            margin-top: 00px;\r\n            text-align: center;\r\n        }\r\n        \r\n        #reset-password {\r\n            display: none;\r\n        }\r\n        \r\n        \r\n        \r\n        #toggle-password {\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            padding: 5px;\r\n        }\r\n        #toggle-password-icon {\r\n            font-size: 1.2rem; \/* Dimensione dell'icona *\/\r\n            color: #666; \/* Colore iniziale *\/\r\n        }\r\n        #toggle-password:hover #toggle-password-icon {\r\n            color: #333; \/* Colore pi\u00f9 scuro al passaggio del mouse *\/\r\n        }\r\n\r\n        \r\n\r\n    <\/style>\r\n     <!-- Mostra il modulo di login -->\r\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>Login to Restricted Area<\/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\/en\/wp-json\/wp\/v2\/pages\/24622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.micromic.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.micromic.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.micromic.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.micromic.com\/en\/wp-json\/wp\/v2\/comments?post=24622"}],"version-history":[{"count":0,"href":"https:\/\/www.micromic.com\/en\/wp-json\/wp\/v2\/pages\/24622\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.micromic.com\/en\/wp-json\/wp\/v2\/media?parent=24622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}