{"id":4153,"date":"2024-09-24T13:01:46","date_gmt":"2024-09-24T11:01:46","guid":{"rendered":"https:\/\/areaalzheimer.fpmaragall.org\/suport-tecnic\/"},"modified":"2024-09-30T19:51:02","modified_gmt":"2024-09-30T17:51:02","slug":"suport-tecnic","status":"publish","type":"page","link":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/suport-tecnic\/","title":{"rendered":"Suport t\u00e8cnic"},"content":{"rendered":"        <div class=\"soporte-tecnico-wrapper\">\n            <div class=\"support-contact-container\">\n                <form id=\"support-contact-form\" class=\"support-contact-form\">\n                    <h1 class=\"form-title\">Suport t\u00e8cnic<\/h1>\n\n                    <div class=\"form-group\">\n                        <label for=\"full_name\">Nom Complet<\/label>\n                        <input type=\"text\" id=\"full_name\" name=\"full_name\"\n                            value=\"\"\n                            placeholder=\"Introdueix el teu nom complet\"\n                            required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"email\">Correu Electr\u00f2nic<\/label>\n                        <input type=\"email\" id=\"email\" name=\"email\"\n                            value=\"\"\n                            placeholder=\"exemple@correu.com\"\n                            required>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"subject\">\n                            Assumpte                            <span id=\"subject-char-count\" class=\"char-count\">0\/100<\/span>\n                        <\/label>\n                        <input type=\"text\" id=\"subject\" name=\"subject\" maxlength=\"100\"\n                            placeholder=\"Introdueix l&#039;assumpte de la consulta\">\n                        <p id=\"subject_error\" class=\"error-message\">El camp assumpte \u00e9s obligatori<\/p>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"message\">\n                            Missatge                            <span id=\"message-char-count\" class=\"char-count\">0\/500<\/span>\n                        <\/label>\n                        <textarea id=\"message\" name=\"message\" maxlength=\"500\"\n                            placeholder=\"Introdueix la teva consulta\"><\/textarea>\n                        <p id=\"message_error\" class=\"error-message\">El camp missatge \u00e9s obligatori.<\/p>\n                    <\/div>\n\n                    <div class=\"form-group\" style=\"display:none;\" aria-hidden=\"true\">\n                        <label for=\"honeypot\">Deixa aquest camp buit<\/label>\n                        <input type=\"text\" id=\"honeypot\" name=\"honeypot\" tabindex=\"-1\" autocomplete=\"off\">\n                    <\/div>\n\n                    <div class=\"legal-section\">\n                        <h2 class=\"legal-title\">Protecci\u00f3 de dades<\/h2>\n                        <div class=\"legal-text\">\n                            <p><span style=\"color: #000000;\"><b>Informaci\u00f3 b\u00e0sica sobre protecci\u00f3 de dades:<\/b><\/span><\/p>\n<p><b><\/b><span style=\"color: #000000;\"><u>Responsable del tractament<\/u><\/span><span style=\"color: #000000;\">: Fundaci\u00f3 Pasqual Maragall per a la recerca sobre l\u2019Alzheimer.\u00a0<\/span><\/p>\n<p><span style=\"color: #000000;\"><u>Finalitat del tractament<\/u><\/span><span style=\"color: #000000;\">: gestionar el seu registre com a usuari d&#8217;AreaAlzheimer, espai d\u2019informaci\u00f3, capacitaci\u00f3 i suport de la Fundaci\u00f3 Pasqual Maragall, oferir-li continguts i serveis de forma personalitzada i enviar-li comunicacions d\u2019inter\u00e8s relacionades amb projectes, activitats o programes d\u2019AreaAlzheimer.<\/span><\/p>\n<p><span style=\"color: #000000;\"><u>Drets<\/u><\/span><span style=\"color: #000000;\">: per exercir els seus drets d\u2019acc\u00e9s, rectificaci\u00f3 i supressi\u00f3, aix\u00ed com altres drets reconeguts en la normativa, pot enviar un correu electr\u00f2nic a<\/span><span style=\"color: #7f7f7f;\">\u00a0<\/span><a href=\"mailto:gdpr@fpmaragall.org\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #1155cc;\"><u>gdpr@fpmaragall.org<\/u><\/span><\/a><span style=\"color: #7f7f7f;\">. <\/span><\/p>\n<p><span style=\"color: #000000;\">Per a m\u00e9s informaci\u00f3 i per saber com exercir els seus drets, consulti la nostra\u00a0<\/span><a href=\"https:\/\/areaalzheimer.fpmaragall.org\/politica-privacidad\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #0000ff;\"><u>pol\u00edtica de privacitat<\/u><\/span><\/a><span style=\"color: #7f7f7f;\">. <\/span><\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"privacy_terms\" class=\"privacy-label\">\n                            <input type=\"checkbox\" id=\"privacy_terms\" name=\"privacy_terms\">\n                            <span>\n                                He llegit i accepto la                                <a href=\"\/ca\/politica-de-privacitat\/\" target=\"_blank\">Pol\u00edtica de Privacitat<\/a>\n                                i les                                <a href=\"\/ca\/avis-legal\/\" target=\"_blank\">Condicions d\u2019\u00fas<\/a>\n                            <\/span>\n                        <\/label>\n                        <p id=\"privacy_terms_error\" class=\"error-message\">Has d\u2019acceptar la pol\u00edtica de privacitat i les condicions d\u2019\u00fas per a continuar<\/p>\n                    <\/div>\n\n                    <input type=\"hidden\" id=\"support_contact_form_nonce\" name=\"support_contact_form_nonce\" value=\"62f294794f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ca\/wp-json\/wp\/v2\/pages\/4153\" \/>                    <input type=\"hidden\" name=\"form_token\" value=\"0xP0jfmh9jekwgXpKZh536A9HL1rlOmZ\">\n\n                    <div id=\"form_submission_message_area\" class=\"form-submission-message-area\"><\/div>\n\n                    <div class=\"form-group submit-group\">\n                        <input type=\"submit\" value=\"Enviar missatge a suport\" disabled>\n                    <\/div>\n\n                    <a href=\"https:\/\/areaalzheimer.fpmaragall.org\/ca\/\" class=\"back-to-home\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                        Tornar a l'Inici                    <\/a>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script type=\"text\/javascript\">\n        jQuery(document).ready(function($) {\n                            $('#full_name').focus();\n                    });\n        <\/script>\n\n        <script type=\"text\/javascript\">\n        jQuery(document).ready(function($) {\n            var isUserLoggedIn = false;\n\n            \/\/ Funci\u00f3n para validar todos los campos y habilitar\/deshabilitar el bot\u00f3n\n            function validateForm() {\n                var $submitBtn = $('#support-contact-form input[type=\"submit\"]');\n                var isValid = true;\n\n                \/\/ Validar nombre y email solo si el usuario NO est\u00e1 logueado\n                if (!isUserLoggedIn) {\n                    if ($('#full_name').val().trim() === '') {\n                        isValid = false;\n                    }\n                    if ($('#email').val().trim() === '') {\n                        isValid = false;\n                    }\n                }\n\n                \/\/ Validar asunto (siempre obligatorio)\n                if ($('#subject').val().trim() === '') {\n                    isValid = false;\n                }\n\n                \/\/ Validar mensaje (siempre obligatorio)\n                if ($('#message').val().trim() === '') {\n                    isValid = false;\n                }\n\n                \/\/ Validar checkbox de privacidad (siempre obligatorio)\n                if (!$('#privacy_terms').is(':checked')) {\n                    isValid = false;\n                }\n\n                \/\/ Habilitar\/deshabilitar bot\u00f3n\n                $submitBtn.prop('disabled', !isValid);\n            }\n\n            \/\/ Ejecutar validaci\u00f3n en cada cambio de campo\n            $('#full_name, #email').on('input', function() {\n                $('#form_submission_message_area').html('').removeClass('success-message error-message').hide();\n                validateForm();\n            });\n\n            $('#subject').on('input', function() {\n                var charCount = $(this).val().length;\n                $('#subject-char-count').text(charCount + '\/100');\n                $('#form_submission_message_area').html('').removeClass('success-message error-message').hide();\n                validateForm();\n            });\n\n            $('#message').on('input', function() {\n                var charCount = $(this).val().length;\n                $('#message-char-count').text(charCount + '\/500');\n                $('#form_submission_message_area').html('').removeClass('success-message error-message').hide();\n                validateForm();\n            });\n\n            $('#privacy_terms').on('change', function() {\n                $('#form_submission_message_area').html('').removeClass('success-message error-message').hide();\n                validateForm();\n            });\n\n            \/\/ Validar al cargar la p\u00e1gina (por si hay valores pre-rellenados)\n            validateForm();\n\n            $('#support-contact-form').on('submit', function(e) {\n                e.preventDefault();\n\n                \/\/ Limpiar mensajes de env\u00edo anteriores\n                $('#form_submission_message_area').html('').removeClass('success-message error-message').hide();\n\n                let isValid = true;\n\n                \/\/ Ocultar errores previos\n                $('#subject_error').hide();\n                $('#message_error').hide();\n                $('#privacy_terms_error').hide();\n\n                \/\/ Validar campo Asunto\n                if ($('#subject').val().trim() === '') {\n                    $('#subject_error').show();\n                    isValid = false;\n                }\n\n                \/\/ Validar campo Mensaje\n                if ($('#message').val().trim() === '') {\n                    $('#message_error').show();\n                    isValid = false;\n                }\n\n                \/\/ Validar checkbox de pol\u00edtica de privacidad\n                if (!$('#privacy_terms').is(':checked')) {\n                    $('#privacy_terms_error').show();\n                    isValid = false;\n                }\n\n                if (!isValid) {\n                    return; \/\/ Detener el env\u00edo si algo no es v\u00e1lido\n                }\n\n                var formData = $(this).serialize();\n                \n                $.ajax({\n                    url: 'https:\/\/areaalzheimer.fpmaragall.org\/wp-admin\/admin-ajax.php',\n                    type: 'POST',\n                    data: formData + '&action=submit_support_contact_form',\n                    beforeSend: function() {\n                        \/\/ Opcional: Mostrar un spinner o deshabilitar el bot\u00f3n de env\u00edo\n                        $('#support-contact-form input[type=\"submit\"]').prop('disabled', true).val('Enviant...');\n                    },\n                    success: function(response) {\n                        if (response.success) {\n                            \/\/ Ocultar todos los hijos del formulario excepto el \u00e1rea de mensajes\n                            $('#support-contact-form').children().not('#form_submission_message_area').hide();\n                            \n                            $('#form_submission_message_area')\n                                .html(response.data)\n                                .removeClass('error-message')\n                                .addClass('success-message full-width-message') \/\/ A\u00f1adir nueva clase\n                                .show();\n\n                            \/\/ Aunque los campos est\u00e9n ocultos, resetear por si acaso y limpiar contadores\n                            \/\/ Esto no es estrictamente necesario si el formulario no se vuelve a mostrar sin recargar\n                            $('#support-contact-form')[0].reset();\n                            $('#subject-char-count').text('0\/100');\n                            $('#message-char-count').text('0\/500');\n                            $('#subject_error').hide();\n                            $('#message_error').hide();\n                            $('#privacy_terms_error').hide();\n                        } else {\n                            $('#form_submission_message_area').html(response.data).removeClass('success-message').addClass('error-message').show();\n                            if (response.data.includes('Env\u00edo de formulario inv\u00e1lido')) {\n                                setTimeout(function() {\n                                   location.reload();\n                                }, 3000); \/\/ Recargar despu\u00e9s de 3 segundos\n                            }\n                        }\n                    },\n                    error: function() {\n                         $('#form_submission_message_area').html('Error de connexi\u00f3. Si us plau, torneu-ho a provar m\u00e9s tard.').removeClass('success-message').addClass('error-message').show();\n                    },\n                    complete: function() {\n                        \/\/ Restablecer el bot\u00f3n de env\u00edo\n                        $('#support-contact-form input[type=\"submit\"]').prop('disabled', false).val('Enviar missatge a suport');\n                    }\n                });\n            });\n        });\n        <\/script>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4153","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/wp-json\/wp\/v2\/pages\/4153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/wp-json\/wp\/v2\/comments?post=4153"}],"version-history":[{"count":1,"href":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/wp-json\/wp\/v2\/pages\/4153\/revisions"}],"predecessor-version":[{"id":4154,"href":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/wp-json\/wp\/v2\/pages\/4153\/revisions\/4154"}],"wp:attachment":[{"href":"https:\/\/areaalzheimer.fpmaragall.org\/ca\/wp-json\/wp\/v2\/media?parent=4153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}