templates/module/Form/forms/bewertungen-homes.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 pauschalenname = (frontend.formular.pauschalenname is defined) ? frontend.formular.pauschalenname : "" %}
  5. {% set buttontext = frontend.formular.buttontext %}
  6. {% set pflichtfeldtext = frontend.formular.pflichtfeldtext %}
  7. {% set dsgvotext = frontend.formular.dsgvotext %}
  8. {% set antwort = frontend.formular.antwort %}
  9. {% set websiteConfigName = frontend.formular.websiteConfigName %}
  10. {% set mailTemplate = frontend.formular.mailTemplate %}
  11. {% set url = frontend.formular.url %}
  13. {% set lg = document.getProperty('language') %}
  15. <form  method="post" accept-charset="utf-8" name="feedback" role="form">
  17.     <div id="anchorPosition"></div>
  20.     <div class="form-container ">
  23.         <!-- Homes Slider -->
  24.         <div class="rangeslider-wrp form-spacer">
  26.             <div class="group-label">
  27.                 <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_glanzerhomes") }}</h5>
  28.                 <span class="group-question font-light">{{ pimcore_textarea("text_glanzerhomes", {"nl2br":true}) }}</span>
  29.             </div>
  31.             <div class="rangeslider-constraint">
  32.                 <input name="form_GLANZERHOMES" type="range" min="1" max="5" step="0.01" value="3" data-orientation="horizontal">
  33.             </div>
  35.         </div>
  36.         <!-- Zimmer Slider -->
  37.         <div class="rangeslider-wrp form-spacer">
  39.             <div class="group-label">
  40.                 <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_zimmer") }}</h5>
  41.                 <span class="group-question font-light">{{ pimcore_textarea("text_zimmer", {"nl2br":true}) }}</span>
  42.             </div>
  44.             <div class="rangeslider-constraint">
  45.                 <input name="form_ZIMMER" type="range" min="1" max="5" step="0.01" value="3" data-orientation="horizontal">
  46.             </div>
  48.         </div>
  49.         <!-- Lage Slider -->
  50.         <div class="rangeslider-wrp form-spacer">
  52.             <div class="group-label">
  53.                 <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_lage") }}</h5>
  54.                 <span class="group-question font-light">{{ pimcore_textarea("text_lage", {"nl2br" : true}) }}</span>
  55.             </div>
  57.             <div class="rangeslider-constraint">
  58.                 <input name="form_LAGE" type="range" min="1" max="5" step="0.01" value="3" data-orientation="horizontal">
  59.             </div>
  61.         </div>
  63.         <!-- Service Slider -->
  64.         <div class="rangeslider-wrp form-spacer">
  66.             <div class="group-label">
  67.                 <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_service") }}</h5>
  68.                 <span class="group-question font-light">{{ pimcore_textarea("text_service", {"nl2br" : true}) }}</span>
  69.             </div>
  71.             <div class="rangeslider-constraint">
  72.                 <input name="form_SERVICE" type="range" min="1" max="5" step="0.01" value="3" data-orientation="horizontal">
  73.             </div>
  75.         </div>
  78.         <!-- Unterkunft Auswahl -->
  79.         <div class="rangeslider-wrp form-spacer">
  81.             <div class="group-label">
  82.                 <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_unterkunft") }}</h5>
  83.                 <span class="group-question font-light">{{ pimcore_textarea("text_unterkunft", {"nl2br" : true}) }}</span>
  84.             </div>
  86.             <div class="rangeslider-constraint form-item">
  87.                 {{ formFields.form_UNTERKUNFT |replace({'<option value="0"></option>': ""}) |raw}}
  88.             </div>
  90.         </div>
  93.         <div class="form-spacer">
  94.             <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_persFeedback") }}</h5>
  95.             <div class="form-item">
  96.                 <div class="input-textarea"><textarea name="kommentar"></textarea></div>
  97.             </div>
  98.         </div>
  100.         <div class="form-spacer">
  101.             <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_persDaten") }}</h5>
  102.             <div class="form-item">
  103.                 <div class="input-textarea"><textarea name="personendaten"></textarea></div>
  104.             </div>
  105.         </div>
  107.         <div class="form-spacer">
  108.             <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_email") }}</h5>
  109.             <div class="form-item">
  110.                 <div class="input-input"><input type="text" name="email"/></div>
  111.             </div>
  112.         </div>
  115.         <!-- SUBMIT -->
  118.         <div class="btn-wrp submit-button">
  119.             <input type="submit" value="{{  buttontext }}">
  120.         </div>
  122.         <div class="data-privacy-statement">
  123.             {{  dsgvotext }}
  124.         </div>
  127.         <div class="waiting-for-response">
  128.             <div class="submit-sending">
  129.                 <div class="submit-sending--wrp">
  130.                     <div class="submit-sending-box">
  131.                         <div class="border one"></div>
  132.                         <div class="border two"></div>
  133.                         <div class="border three"></div>
  134.                         <div class="border four"></div>
  136.                         <div class="line one"></div>
  137.                         <div class="line two"></div>
  138.                         <div class="line three"></div>
  139.                     </div>
  140.                 </div>
  141.             </div>
  143.         </div>
  144.     </div>
  146.     <div class="hidden">
  147.         <input type="text" name="language" value="{{ document.getProperty('language') }}"/>
  148.             <input type="text" name="websiteconfigname" value="{{ websiteConfigName }}"/>
  149.             <input type="text" name="mailtemplate" value="{{ mailTemplate }}"/>
  150.             <input type="text" name="url" value="{{ url }}"/>
  151.             <input type="text" name="debug" value="{{ debug }}"/>
  152.     </div>
  154. </form>
  156. {% if debug == '1' %} <div id="debug">Egebnis aus Sendmail!</div> {% endif %}
  159. <script>
  161.     (function () {
  163.         'use strict';
  166.         var moduleName = '{{ formName }}_module'; // naming convention XXX_module
  168.         if (typeof selt === 'undefined') {
  169.             window.selt = {
  170.                 modules: {}
  171.             };
  172.         } else if (!selt.modules) {
  173.             selt.modules = {};
  174.         }
  176.         selt.modules[moduleName] = {
  178.             name: moduleName,
  180.             init: function () {
  181.                 activateForm();
  182.             }
  184.         };
  187.         function activateForm() {
  190.             var scnemForm       = $("form[name='feedback']"),
  191.                 confirmationURL = '{{  antwort }}';
  194.             scnemForm[0].onsubmit = function () {
  196.                 if (!selt.validateForm(scnemForm)) {
  197.                     selt.ajaxSubmitForm(scnemForm, confirmationURL, {{  debug }});
  198.                 }
  200.                 return false;
  201.             };
  203.         }
  205.     }())
  207. </script>
  212. <script type="text/javascript">
  214.     (function () {
  216.         var moduleName = 'rangeslider_module'; // naming convention XXX_module
  218.         if (typeof selt === 'undefined') {
  219.             selt = {
  220.                 modules: {}
  221.             };
  222.         } else if (!selt.modules) {
  223.             selt.modules = {};
  224.         }
  226.         selt.modules[moduleName] = {
  228.             name: moduleName,
  230.             init: function () {
  231.                 console.log('init', this.name);
  232.                 selt.loadExternalCss('/bundles/app/static/frontend/css/feedback_form.css');
  233.                 selt.loadExternalJavascript('/bundles/app/static/frontend/js/project/rangeslider.js', false, delayInit)
  234.             }
  236.         };
  238.         function delayInit() {
  239.             window.setTimeout(init_slider, 200)
  240.         }
  243.         function init_slider() {
  246.             $('input[type="range"]')
  247.                 .on('input', function (e) {
  249.                     // var parent      = $(this).parent(),
  250.                     //     snapToValue = Math.round(this.value);
  251.                     //
  252.                     // parent.find('.rangeslider__labels__label').hide().eq(snapToValue).show();
  254.                 })
  255.                 .rangeslider({
  256.                     polyfill: false,
  258.                     onInit: function () {
  260.                     },
  261.                     onSlideEnd: function (position, value) {
  262.                         console.log('slideend:', value)
  263.                         // var snapToValue = Math.round(value);
  264.                         // if (snapToValue !== value)
  265.                         //     this.$element.val(snapToValue).change();
  267.                     }
  268.                 }).trigger('input');
  271.             $('input[type="reset"]').on('click', function () {
  272.                 $('input[type="range"]').val(0).change();
  273.                 $('input[type="radio"]').prop('checked', false);
  274.                 selt.adventureManager.getFiltered('reset');
  275.             });
  277.             // $('input[type="radio"]').on('change', function () {
  278.             //     selt.adventureManager.updateSubmitBtn();
  279.             // });
  282.         }
  284.     }());//EOS
  287. </script>