templates/module/Form/forms/newsletter.html.twig line 1

Open in your IDE?
  1. {% set debug = app.request.query.get("debug") %}
  2. {% set formName = 'cleverreach' %}
  3. {% set formFields = frontend.formular.formFields %}
  4. {% set dsgvotext = frontend.formular.dsgvotext %}
  5. {% set buttontext = frontend.formular.buttontext %}
  6. {% set pflichtfeldtext = frontend.formular.pflichtfeldtext %}
  7. {% set antwort = "" %}
  9. <form method="post" accept-charset="utf-8" name="{{ formName }}" role="form"  target="_self" action="https://eu2.cleverreach.com/f/158593-157691/wcs/">
  11.     <div id="anchorPosition"></div>
  14.     <div class="form-container">
  16.             <h5 class="fieldsareaname">{{ 'form_kontaktdaten_label'|trans }}</h5>
  18.             <div class="form-row--multiple">
  20.                 <div class="form-item form-mandatory">
  21.                     <div data-errormessage="">{{ 'form_validation_error'|trans }}</div>
  22.                     <label for="text3293136">{{ 'form_EMAIL_label'|trans }}</label>
  23.                     <input class="input-input" id="text3293136" name="email" value="" type="text"/>
  24.                 </div>
  27.                 <div class="form-item">
  28.                     <div data-errormessage="">{{ 'form_mandatory_error'|trans }}</div>
  29.                     <label for="text3400952">{{ 'form_FIRSTNAME_label'|trans }}</label>
  30.                     <input class="input-input" id="text3400952" name="1025813" type="text" value=""/>
  31.                 </div>
  34.                 <div class="form-item">
  35.                     <div data-errormessage="">{{ 'form_mandatory_error'|trans }}</div>
  36.                     <label for="text3400954">{{ 'form_NAME_label'|trans }}</label>
  37.                     <input class="input-input" id="text3400954" name="1025814" type="text" value=""/>
  38.                 </div>
  40.             </div>
  42.             <h5 class="fieldsareaname">{{ 'form_INTERESSEN_label'|trans }}</h5>
  44.             <div class="layout-float-wrap">
  46.                 <div class="form-item">
  47.                     <input id="Sommer3532795" class="input-checkbox" name="1025822[]" value="Sommer" type="checkbox"/>
  48.                     <label style="white-space: nowrap;" for="Sommer3532795">{{ 'form_CHECKBOX-SOMMER_label'|trans }}</label>
  49.                 </div>
  51.                 <div class="form-item">
  52.                     <input id="Winter3532795" class="input-checkbox" name="1025822[]" value="Winter" type="checkbox"/>
  53.                     <label style="white-space: nowrap;" for="Winter3532795">{{ 'form_CHECKBOX-WINTER_label'|trans }}</label>
  54.                 </div>
  56.                 <div class="form-item">
  57.                     <input id="Glanzer Homes Sölden3532795" class="input-checkbox" name="1025822[]" value="Glanzer Homes Sölden" type="checkbox"/>
  58.                     <label style="white-space: nowrap;" for="Glanzer Homes Sölden3532795">{{ 'form_CHECKBOX-SOELDEN_label'|trans }}</label>
  59.                 </div>
  61.                 <div class="form-item">
  62.                     <input id="Glanzer Homes Hochsölden3532795" class="input-checkbox" name="1025822[]" value="Glanzer Homes Hochsölden" type="checkbox"/>
  63.                     <label style="white-space: nowrap;" for="Glanzer Homes Hochsölden3532795">{{ 'form_CHECKBOX-SOELDEN-HOCHSOELDEN_label'|trans }}</label>
  64.                 </div>
  66.                 <div class="form-item">
  67.                     <input id="Glanzer Homes Längenfeld3532795" class="input-checkbox" name="1025822[]" value="Glanzer Homes Hochsölden" type="checkbox"/>
  68.                     <label style="white-space: nowrap;" for="Glanzer Homes Längenfeld3532795">{{ 'form_CHECKBOX-LAENGENFELD_label'|trans }}</label>
  69.                 </div>
  71.             </div>
  75.         <!-- SUBMIT -->
  77.         <div>
  79.             <div class="btn-wrp submit-button">
  80.                 <button type="submit">{{ buttontext |raw }}</button>
  81.             </div>
  84.             <div class="waiting-for-response">
  85.                 <div class="submit-sending">
  86.                     <div class="submit-sending--wrp">
  87.                         <div class="submit-sending-box">
  88.                             <div class="border one"></div>
  89.                             <div class="border two"></div>
  90.                             <div class="border three"></div>
  91.                             <div class="border four"></div>
  93.                             <div class="line one"></div>
  94.                             <div class="line two"></div>
  95.                             <div class="line three"></div>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  100.             </div>
  101.         </div>
  103.         <p>
  104.             <small>{{ pflichtfeldtext |raw }}</small>
  105.         </p>
  107.         <div class="data-privacy-statement">
  108.             {{ dsgvotext |raw }}
  109.         </div>
  110.     </div>
  111. </form>
  113. <script>
  114.     (function () {
  115.         'use strict';
  116.         var moduleName = '{{ formName }}_module'; // naming convention XXX_module
  117.         if (typeof selt === 'undefined') {
  118.             window.selt = {
  119.                 modules: {}
  120.             };
  121.         } else if (!selt.modules) {
  122.             selt.modules = {};
  123.         }
  125.         selt.modules[moduleName] = {
  126.             name: moduleName,
  127.             init: function () {
  128.                 activateForm();
  129.             }
  131.         };
  134.         function activateForm() {
  135.             var scnemForm       = $("form[name='{{ formName }}']"),
  136.                 confirmationURL = '{{ antwort }}',
  137.                 children        = $('[name="form_CHILDREN"]'),
  138.                 nrOfChildren,
  139.                 childAgeColl    = $('#childages .form-item');
  141.             children.on('change', function () {
  142.                 nrOfChildren = parseInt(children.val(), 10),
  143.                     childAgeColl.addClass('hide');
  144.                 if (nrOfChildren) {
  145.                     for (var i = 0; i < nrOfChildren; i++) {
  146.                         childAgeColl.eq(i).removeClass('hide');
  147.                     }
  148.                 }
  149.             });
  152.             scnemForm[0].onsubmit = function () {
  153.                 if (!selt.validateForm(scnemForm)) {
  154.                     selt.ajaxSubmitForm(scnemForm, confirmationURL, {{ debug }});
  155.                 }
  156.                 return false;
  157.             };
  159.             //---------------------------------------------------------------------------------------
  160.             //  Pickadate
  161.             //---------------------------------------------------------------------------------------
  163.             var date        = selt.dateFunctions.getFutureDate(new Date(), 1);
  164.             var dateOptions = {
  165.                 formatSubmit: "yyyy-mm-dd",
  166.                 min: date,
  167.                 today: '',
  168.                 clear: '',
  169.                 close: '',
  170.                 language: "{{ document.getProperty('language') }}"
  171.             };
  174.             selt.initForm(scnemForm, dateOptions);
  176.             $('[data-formtype="number"]', scnemForm).inputNumber()
  178.         }
  180.     }())
  182. </script>