{"id":14079,"date":"2017-02-02T10:05:09","date_gmt":"2017-02-02T09:05:09","guid":{"rendered":"https:\/\/compassion.ch\/formulaire-pour-cadeau\/"},"modified":"2022-12-16T08:42:11","modified_gmt":"2022-12-16T07:42:11","slug":"formulario-per-regalo","status":"publish","type":"page","link":"https:\/\/devcomp.site\/it\/formulario-per-regalo\/","title":{"rendered":"formulario per regalo"},"content":{"rendered":"<div id=\"pl-14079\"  class=\"panel-layout\" ><div class=\"section background-blue section_abgerissen_unten remove_margin_bottom\" ><div class=\"row section_row\"><div id=\"pg-14079-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-14079-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-14079-0-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h2 style=\"text-align: center;\">Offrire un regalo<\/h2>\n<p class=\"subtitle\" style=\"text-align: center;\">Con il vostro regalo, dimostrate il vostro sostegno, la vostra attenzione e il vostro amore per il vostro bambino.<br \/>\nLe vostre donazioni sono deducibili dalle tasse in tutta la Svizzera.<br \/>\nGrazie per il vostro prezioso sostegno!<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"section background-blue section_abgerissen_unten\" ><div class=\"row section_row\"><div id=\"pg-14079-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-14079-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-14079-1-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"1\" ><div id=\"donation_gift_form\" class=\"panel-widget-style panel-widget-style-for-14079-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t\n<script type=\"text\/javascript\">\n        \/\/ script for different donation buttons\n\n\n<\/script>\n<form id=\"donation_form\" method=\"POST\" action=\"?step=redirect\" class=\"\">\n    <div class=\"row\" style=\"display:none;\">\n        <div class=\"small-12 medium-4 columns\">\n            <label class=\"text-left middle\">M\u00e9thode de versement<\/label>\n        <\/div>\n        <div class=\"small-12 medium-8 columns\">\n            <div style=\"margin-bottom: 16px;\">\n                <label style=\"display:inline-block; margin-right:8px;\">\n                    <input id=\"payment_method_online\" name=\"payment_method\" type=\"radio\" value=\"online\" checked>\n                    En ligne                <\/label>\n                <label style=\"display:inline-block\">\n                    <input name=\"payment_method\" type=\"radio\" value=\"slip\">\n                    Par bulletin                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <param id=\"type_flag\" value=\"cadeau\"\/>\n\n<div class=\"row\">\n    <div class=\"small-12 medium-4 columns\">\n        <label class=\"text-left middle\">Il mio importo in CHF<\/label>\n    <\/div>\n    <div class=\"small-12 medium-8 columns\">\n        <input id=\"wert\" type=\"number\" required class=\"input-field\" name=\"wert\" value=\"\">\n    <\/div>\n<\/div>\n<div class=\"row\">\n    <div class=\"small-12 medium-4 columns\">\n        <label class=\"text-left middle\">Motivo donazione<\/label>\n    <\/div>\n    <div class=\"small-12 medium-8 columns\">\n        <div class=\"select-wrapper\">\n            <select name=\"fonds\" id=\"fonds\" class=\"input-field\">\n                <option value=\"gift_birthday\" >Regalo di compleanno <\/option>\n                <option value=\"gift_family\" >Regalo per la famiglia <\/option>\n                <option value=\"gift_gen\" >Regalo generale <\/option>\n                <option value=\"gift_project\" >Regalo per il Centro Compassion <\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"row\">\n    <div class=\"small-12 medium-4 columns\">\n        <label class=\"text-left middle\">Numero riferimento bambino<\/label>\n    <\/div>\n    <div class=\"small-12 medium-8 columns\">\n        <input name=\"refenfant\" type=\"text\" required pattern=\"^[a-zA-Z]{2}[0-9]{9}$\" placeholder=\"ie : BO012301234\" class=\"input-field\" value=\"\">\n    <\/div>\n<\/div>\n\n    <div class=\"row\">\n        <div class=\"small-12 medium-12 columns marg-top-10 \">\n            <h5 class=\"text-uppercase\">I miei dati personali <\/h5>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"small-12 medium-4 columns\">\n            <label class=\"text-left middle\">\n                Cognome, Nome            <\/label>\n        <\/div>\n        <div class=\"small-12 medium-8 columns\">\n            <input name=\"pname\" type=\"text\" required class=\"input-field\" value=\"\">\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"small-12 medium-4 columns\">\n            <label class=\"text-left middle\">\n                Azienda            <\/label>\n        <\/div>\n        <div class=\"small-12 medium-8 columns\">\n            <input name=\"cname\" type=\"text\" class=\"input-field\" value=\"\">\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"small-12 medium-4 columns\">\n            <label class=\"text-left middle\">\n                Indirizzo            <\/label>\n        <\/div>\n        <div class=\"small-12 medium-8 columns\">\n            <input name=\"street\" type=\"text\" required class=\"input-field\" value=\"\">\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"small-12 medium-4 columns\">\n            <label class=\"text-left middle\">\n                CAP\/Luogo            <\/label>\n        <\/div>\n        <div class=\"small-6 medium-2 columns\">\n            <input name=\"zipcode\" type=\"text\" required class=\"input-field\"  value=\"\">\n        <\/div>\n        <div class=\"small-6 medium-6 columns\">\n            <input name=\"city\" type=\"text\" required class=\"input-field\" value=\"\">\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"small-12 medium-4 columns\">\n            <label class=\"text-left middle\">\n                Paese            <\/label>\n        <\/div>\n        <div class=\"mall-12 medium-8 columns\">\n            <select name=\"country\" required class=\"input-field\" >\n                                    <option value=\"AX\">Isole Aland<\/option>\n<option value=\"AL\">Albania<\/option>\n<option value=\"AD\">Andorra<\/option>\n<option value=\"AT\">Austria<\/option>\n<option value=\"BY\">Bielorussia<\/option>\n<option value=\"BE\">Belgio<\/option>\n<option value=\"BA\">Bosnia Erzegovina<\/option>\n<option value=\"BG\">Bulgaria<\/option>\n<option value=\"HR\">Croazia<\/option>\n<option value=\"CZ\">Repubblica Ceca<\/option>\n<option value=\"DK\">Danimarca<\/option>\n<option value=\"EE\">Estonia<\/option>\n<option value=\"FO\">Isole Faroe<\/option>\n<option value=\"FI\">Finlandia<\/option>\n<option value=\"FR\">Francia<\/option>\n<option value=\"DE\">Germania<\/option>\n<option value=\"GI\">Gibilterra<\/option>\n<option value=\"GR\">Grecia<\/option>\n<option value=\"GG\">Guernsey<\/option>\n<option value=\"VA\">Santa Sede (Stato della Citt\u00e0 del Vaticano)<\/option>\n<option value=\"HU\">Ungheria<\/option>\n<option value=\"IS\">Islanda<\/option>\n<option value=\"IE\">Irlanda<\/option>\n<option value=\"IM\">Isola di Man<\/option>\n<option value=\"IT\">Italia<\/option>\n<option value=\"JE\">Jersey<\/option>\n<option value=\"XK\">Kosovo<\/option>\n<option value=\"LV\">Lettonia<\/option>\n<option value=\"LI\">Liechtenstein<\/option>\n<option value=\"LT\">Lituania<\/option>\n<option value=\"LU\">Lussemburgo<\/option>\n<option value=\"MK\">Macedonia, ex Repubblica iugoslava di<\/option>\n<option value=\"MT\">Malta<\/option>\n<option value=\"MD\">Moldova, Repubblica di<\/option>\n<option value=\"MC\">Monaco<\/option>\n<option value=\"ME\">Montenegro<\/option>\n<option value=\"NL\">Olanda<\/option>\n<option value=\"NO\">Norvegia<\/option>\n<option value=\"PL\">Polonia<\/option>\n<option value=\"PT\">Portogallo<\/option>\n<option value=\"RO\">Romania<\/option>\n<option value=\"SM\">San Marino<\/option>\n<option value=\"RS\">Serbia<\/option>\n<option value=\"CS\">Serbia e Montenegro<\/option>\n<option value=\"SK\">Slovacchia<\/option>\n<option value=\"SI\">Slovenia<\/option>\n<option value=\"ES\">Spagna<\/option>\n<option value=\"SJ\">Svalbard e Jan Mayen<\/option>\n<option value=\"SE\">Svezia<\/option>\n<option selected=\"selected\" value=\"CH\">Svizzera<\/option>\n<option value=\"UA\">Ucraina<\/option>\n<option value=\"GB\">Regno Unito<\/option>\n                \n\n            <\/select>\n        <\/div>\n    <\/div>\n    <div class=\"row online\">\n        <div class=\"small-12 medium-4 columns\">\n            <label class=\"text-left middle\">\n                Indirizzo email             <\/label>\n        <\/div>\n        <div class=\"small-12 medium-8 columns\">\n                        <input name=\"email\" type=\"email\" required pattern=\"^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9+_.-]+\\.[a-zA-Z]{2,}$\" class=\"input-field\" value=\"\">\n        <\/div>\n    <\/div>\n\n    <div class=\"row\">\n        <div class=\"small-12 medium-4 columns\"><\/div>\n        <div class=\"small-12 medium-8 columns\">\n            <input class=\"condgene\" type=\"checkbox\" required \/> <span class=\"marg-left-10\"> Si, sono a conoscenza della vostra <a target=\"_blank\" href=\"https:\/\/compassion.ch\/it\/privacy-e-termini\/\">politica sulla protezione dei dati<\/a> <\/span>\n        <\/div>\n    <\/div>\n    <div class=\"row text-center form-action marg-top-10\"><br\/><br\/>\n            <input type=\"submit\" class=\"button button-blue button-small click_donate\" value=\"Fare la donazione\"\/>\n    <\/div>\n    <div class=\"row text-center marg-top-10\">\n        <p>\n            Le tue donazioni a Compassion sono <a target=\"_blank\" href=\"https:\/\/compassion.ch\/de\/spenden-und-steuern\/\">deducibili dalle tasse<\/a> in Svizzera.        <\/p>\n    <\/div>\n<\/form>\n\n<div class=\"row\">\n    <div id=\"qr_bill\" class=\"text-center\" hidden>\n        <div id=\"qr_bill_svg\"><\/div>\n        <button id=\"qr_bill_print\" type=\"button\" class=\"button button-blue button-small click_donate\">Imprimer<\/button>\n        <p>\n            <i>\n                Vous pouvez \u00e9galement scanner le code QR directement sur votre \u00e9cran            <\/i>\n        <\/p>\n    <\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\n    \/\/ Set the reason for the donnation.\nif(window.location.hash) {\n    let hashParams = window.location.hash.substr(1).split(\"&\"); \/\/ substr(1) to remove the `#`\n    for(let i = 0; i < hashParams.length; i++) {\n        let p = hashParams[i].split(\"=\");\n        document.getElementById(p[0]).value = decodeURIComponent(p[1]);\n    }\n}\n\nlet type_flag = document.getElementById(\"type_flag\").value;\nlet language = \"it\";\nlet available_languages = [\"en\", \"fr\", \"de\", \"it\"];\nlet donation_form = document.getElementById(\"donation_form\");\nlet submit_button = document.getElementById(\"submit_button\");\nlet text_submit_button_online = \"Fare la donazione\";\nlet text_submit_button_slip = \"G\u00e9n\u00e9rer le bulletin\";\n\nlet qr_bill = document.getElementById(\"qr_bill\");\nlet qr_bill_svg = document.getElementById(\"qr_bill_svg\");\nlet qr_bill_print = document.getElementById(\"qr_bill_print\");\nlet qr_bill_url = \"https:\/\/devcomp.site\/wp-content\/plugins\/cf7-pf_oli_klay\/templates\/qr_bill.php\";\n\nlet payment_method = document.getElementsByName(\"payment_method\")[1];\nlet payment_parent = payment_method.parentElement\nlet email = document.getElementsByName(\"email\")[0];\n\n\/\/ donation amount buttons on BF donation form\njQuery(document).ready(function($){\n    \/\/ if no button selected, default value\n      \/\/   $('.buttondonationvalue').val(440);\n    \/\/ else\n        $(\"button\").click(function(){\n        var value = $(this).val();\n        var input = $('#wert');\n        input.val(value);\n    });\n});\n\/\/ Get all the buttons into a node list\nlet buttons = document.querySelectorAll(\".buttondonation\");\n\/\/ Set an event handler on the document so that when\n\/\/ any element is clicked, the event will bubble up to it\ndocument.addEventListener(\"click\", function(evt){\n    \/\/ Check to see if it was a button that was clicked\n    if(evt.target.classList.contains(\"buttondonation\")){\n        \/\/ Loop over all the buttons & remove the active class\n        buttons.forEach(function(button){\n            button.classList.remove(\"active\");\n        });\n        \/\/ Make the clicked button have the active class\n        evt.target.classList.add(\"active\");\n    }\n});\n\/\/ end donation amount buttons on BF donation form\n\njQuery('#payment_method_online').on('ifChanged', function () {\n    if (jQuery(this).prop('checked')) {\n        set_form_online()\n    } else {\n        set_form_slip()\n    }\n});\n\nfunction set_form_online() {\n    jQuery('.online').show()\n    jQuery('input[name=\"email\"]').attr('required', true);\n    submit_button.innerHTML = text_submit_button_online;\n}\n\nfunction set_form_slip() {\n    jQuery('.online').hide()\n    jQuery('input[name=\"email\"]').attr('required', false);\n    submit_button.innerHTML = text_submit_button_slip;\n}\n\nset_form_online()\n\n\nwindow.addEventListener(\"DOMContentLoaded\", (event) => {\n    const observer = new MutationObserver((e)=> {\n        let is_slip = payment_method.checked;\n        if(is_slip)\n            set_form_slip();\n        else\n            set_form_online();\n    });\n    observer.observe(payment_parent, {attributes:true,subtree: true});\n});\n\nqr_bill_print.addEventListener(\"click\", (e) => {\n    let el = document.createElement(\"div\");\n    el.innerHTML = qr_bill_svg.innerHTML;\n    el.style.border = \"1px dashed black\";\n    let content = \"<html><body>\" + el.outerHTML + \"<\/body><\/html>\";\n\n    let print_window = window.open(\"\");\n    print_window.document.write(content);\n    print_window.document.close();\n    print_window.focus();\n    print_window.print();\n    print_window.close();\n});\n\n\nasync function fetch_payment_slip() {\n    let additional_informations = \"\";\n    let amount = 0;\n\n    if(type_flag == \"csp\" && jQuery('input[name=\"wert\"]').attr('required') != 'required')\n    {\n        amount = parseFloat(donation_form.fonds.selectedOptions[0].dataset.v);\n        additional_informations += donation_form.fonds.selectedOptions[0].innerText;\n    }\n    else\n    {\n        amount = parseFloat(donation_form.wert.value);\n    }\n\n    if(type_flag == \"frontend\" || type_flag == \"cadeau\")\n    {\n        additional_informations += donation_form.fonds.selectedOptions[0].innerText;\n    }\n    if(type_flag == \"cadeau\")\n    {\n        additional_informations += \" \" + donation_form.refenfant.value;\n    }\n\n\n    data = {\n        \"debtor\": {\n            \"name\": donation_form.pname.value,\n            \"street\": donation_form.street.value,\n            \"no\": \"\",\n            \"zip\": donation_form.zipcode.value,\n            \"city\": donation_form.city.value,\n            \"country\": donation_form.country.value,\n        },\n        \"amount\": amount,\n        \"additional_informations\": additional_informations,\n        \"language\": available_languages.includes(language) ? language : \"en\",\n    };\n\n    options = {\n        method: \"POST\",\n        mode: \"cors\",\n        cache: \"no-cache\",\n        credentials: \"same-origin\",\n        headers: {\n            \"Content-Type\": \"application\/json\"\n        },\n        redirect: \"follow\",\n        referrerPolicy: \"no-referrer\",\n        body: JSON.stringify(data)\n    };\n\n    const response = await fetch(qr_bill_url, options)\n    .then(response => response.text())\n    .then(function(data){\n        qr_bill.hidden = false;\n        qr_bill_svg.innerHTML = data;\n        let svg = qr_bill_svg.children[0];\n        svg.style.width = \"90%\";\n        svg.style.height = \"auto\";\n        qr_bill_svg.scrollIntoView({ behavior: \"smooth\", block: \"center\", inline: \"center\"});\n    });\n}\n\nsubmit_button.addEventListener(\"click\", (e) => {\n\n    if(!donation_form.checkValidity()) {\n        donation_form.reportValidity();\n        return;\n    }\n\n    if(donation_form.payment_method.value == \"online\") {\n        donation_form.submit();\n    }\n    else if (donation_form.payment_method.value == \"slip\") {\n        fetch_payment_slip();\n    }\n\n});\n\n\/\/ donation_form.pname.setCustomValidity(\"Name erforderlich\");\n\/\/ donation_form.street.setCustomValidity(\"Compilare il campo Indirizzo\");\n\/\/ donation_form.zipcode.setCustomValidity(\"Compilare il campo CAP\");\n\/\/ donation_form.city.setCustomValidity(\"Compilare il campo Citt\u00e0\");\n\/\/ donation_form.country.setCustomValidity(\" Paese richiesto\");\n\/\/ donation_form.email.setCustomValidity(\"Compilare il campo Indirizzo email \");\n<\/script>\n\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"section section_full_width\" ><div id=\"pg-14079-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-14079-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-14079-2-0-0\" class=\"so-panel widget widget_image-slider panel-first-child panel-last-child\" data-index=\"2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-image-slider so-widget-image-slider-image-slider-style-d75171398898-14079\"\n\t\t\t\n\t\t>\n<div class=\"slick-slider slick-carousel \" data-slickSlides=\"1\" data-slickScroll=\"1\" data-slickArrows=\"true\" data-slickDots=\"true\">\n\n  \n  <div class=\"slide\">\n    <div class=\"slide-image position-top\" style=\"background-image: url(https:\/\/devcomp.site\/wp-content\/uploads\/2016\/07\/KTHIES-81.jpg);\"><\/div>\n    <div class=\"slide-content-wrapper\">\n      <div class=\"slide-content\">\n              <\/div>\n    <\/div>\n  <\/div>\n\n  \n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Offrire un regalo Con il vostro regalo, dimostrate il vostro sostegno, la vostra attenzione e il vostro amore per il vostro bambino. Le vostre donazioni sono deducibili dalle tasse in tutta la Svizzera. Grazie per il vostro prezioso sostegno!<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-14079","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/devcomp.site\/it\/wp-json\/wp\/v2\/pages\/14079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devcomp.site\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devcomp.site\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devcomp.site\/it\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/devcomp.site\/it\/wp-json\/wp\/v2\/comments?post=14079"}],"version-history":[{"count":0,"href":"https:\/\/devcomp.site\/it\/wp-json\/wp\/v2\/pages\/14079\/revisions"}],"wp:attachment":[{"href":"https:\/\/devcomp.site\/it\/wp-json\/wp\/v2\/media?parent=14079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}