templates/module/Form/forms/schnellanfrage-home.html.twig line 1

Open in your IDE?
  1. {% set debug = app.request.query.get("debug") %}
  2. {% set formName = 'igs-'~ document.getId() %}
  3. {% set formFields = frontend.formular.formFields %}
  4. {% set buttontext = frontend.formular.buttontext %}
  5. {% set target_page = frontend.formular.target_page %}
  7. <form class="quickform theme-color-bg" action="{{ target_page |raw }}" method="POST" accept-charset="utf-8" name="{{ formName|raw }}" role="form">
  9.     <div id="anchorPosition"></div>
  12.     <div class="form-container form--module--columns-2 ">
  14.         <div class="form--module">
  15.             <div class="form-item form-mandatory" data-master="A">{{ formFields.form_ARRIVAL |raw }}</div>
  16.             <div class="form-item form-mandatory" data-slave="A">{{ formFields.form_DEPARTURE |raw }}</div>
  17.         </div>
  19.         <div class="form--module">
  20.             <div class="form-item">{{ formFields.form_REGION |raw }}</div>
  22.             <div class="form-item">
  23.              <label for="form_REGION">&nbsp;</label>
  24.                 <!-- SUBMIT -->
  25.                 <div class="btn-wrp submit-button submit-button--module no-theme text-right">
  26.                     <button type="submit">{{ buttontext }}</button>
  27.                 </div>
  30.                 <div class="waiting-for-response">
  31.                     <div class="submit-sending">
  32.                         <div class="submit-sending--wrp">
  33.                             <div class="submit-sending-box">
  34.                                 <div class="border one"></div>
  35.                                 <div class="border two"></div>
  36.                                 <div class="border three"></div>
  37.                                 <div class="border four"></div>
  39.                                 <div class="line one"></div>
  40.                                 <div class="line two"></div>
  41.                                 <div class="line three"></div>
  42.                             </div>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.                 </div>
  47.         </div>
  49.     </div>
  52. </form>
  54. {% if debug == '1' %} <div id="debug">Egebnis aus Sendmail!</div> {% endif %}
  56. <script>
  57.     (function () {
  58.         'use strict';
  59.         var moduleName = '{{ formName }}_module'; // naming convention XXX_module
  60.         if (typeof selt === 'undefined') {
  61.             window.selt = {
  62.                 modules: {}
  63.             };
  64.         } else if (!selt.modules) {
  65.             selt.modules = {};
  66.         }
  68.         selt.modules[moduleName] = {
  70.             name: moduleName,
  72.             init: function () {
  73.                 activateForm();
  74.             }
  76.         };
  79.         function activateForm() {
  81.             var scnemForm = $("form[name='{{ formName }}']");
  83.             scnemForm[0].onsubmit = function () {
  85.                 if (!selt.validateForm(scnemForm)) {
  86.                     selt.ajaxSubmitForm(scnemForm, '', {{ debug }});
  87.                 }
  89.                 return false;
  90.             };
  92.             //---------------------------------------------------------------------------------------
  93.             //  Pickadate
  94.             //---------------------------------------------------------------------------------------
  96.             var date        = selt.dateFunctions.getFutureDate(new Date(), 1);
  97.             var dateOptions = {
  98.                 formatSubmit: "yyyy-mm-dd",
  99.                 min: date,
  100.                 today: '',
  101.                 clear: '',
  102.                 close: '',
  103.                 language: '{{ document.getProperty('language') }}'
  104.             };
  105.             selt.initForm(scnemForm, dateOptions);
  106.         }
  107.     }())
  108. </script>