templates/module/Form/forms/bewertungen-shops.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') %}
  16. <form  method="post" accept-charset="utf-8" name="feedback" role="form">
  18.     <div id="anchorPosition"></div>
  21.     <!-- FREUNDLICHKEIT Slider -->
  22.     <div class="rangeslider-wrp form-spacer">
  24.         <div class="group-label">
  25.             <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_freundlichkeit") }}</h5>
  26.             <span class="group-question font-light">{{ pimcore_textarea("text_freundlichkeit", {"nl2br": true}) }}</span>
  27.         </div>
  29.         <div class="rangeslider-constraint">
  30.             <input name="form_FREUNDLICHKEIT" type="range" min="1" max="5" step="0.01" value="3" data-orientation="horizontal">
  31.         </div>
  33.     </div>
  34.     <!-- ATMOSPHAERE Slider -->
  35.     <div class="rangeslider-wrp form-spacer">
  37.         <div class="group-label">
  38.             <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_atmosphaere") }}</h5>
  39.             <span class="group-question font-light">{{ pimcore_textarea("text_atmosphaere", {"nl2br": true}) }}</span>
  40.         </div>
  42.         <div class="rangeslider-constraint">
  43.             <input name="form_ATMOSPHAERE" type="range" min="1" max="5" step="0.01" value="3" data-orientation="horizontal">
  44.         </div>
  46.     </div>
  47.     <!-- WARTEZEIT Slider -->
  48.     <div class="rangeslider-wrp form-spacer">
  50.         <div class="group-label">
  51.             <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_wartezeit") }}</h5>
  52.             <span class="group-question font-light">{{ pimcore_textarea("text_wartezeit", {"nl2br": true}) }}</span>
  53.         </div>
  55.         <div class="rangeslider-constraint">
  56.             <input name="form_WARTEZEIT" type="range" min="1" max="5" step="0.01" value="3" data-orientation="horizontal">
  57.         </div>
  59.     </div>
  61.     <!-- WARE Slider -->
  62.     <div class="rangeslider-wrp form-spacer">
  64.         <div class="group-label">
  65.             <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_ware") }}</h5>
  66.             <span class="group-question font-light">{{ pimcore_textarea("text_ware", {"nl2br": true}) }}</span>
  67.         </div>
  69.         <div class="rangeslider-constraint">
  70.             <input name="form_WARE" type="range" min="1" max="5" step="0.01" value="3" data-orientation="horizontal">
  71.         </div>
  73.     </div>
  76.     <!-- Unterkunft Auswahl -->
  77.     <div class="rangeslider-wrp form-spacer">
  79.         <div class="group-label">
  80.             <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_unterkunft") }}</h5>
  81.             <span class="group-question font-light">{{ pimcore_textarea("text_unterkunft", {"nl2br": true}) }}</span>
  82.         </div>
  84.         {% if formFields.form_UNTERKUNFT is defined %}
  85.         <div class="rangeslider-constraint form-item">
  86.             {{ formFields.form_UNTERKUNFT|replace({'<option value="0"></option>': ""}) |raw}}
  87.          </div>
  88.         {% endif %}
  89.     </div>
  92.     <div class="form-spacer">
  93.         <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_persFeedback") }}</h5>
  94.         <div class="form-item">
  95.             <div class="input-textarea"><textarea name="kommentar"></textarea></div>
  96.         </div>
  97.     </div>
  99.     <div class="form-spacer">
  100.         <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_persDaten") }}</h5>
  101.         <div class="form-item">
  102.             <div class="input-textarea"><textarea name="personendaten"></textarea></div>
  103.         </div>
  104.     </div>
  106.     <div class="form-spacer">
  107.         <h5 class="theme-color font-bold text-uppercase">{{ pimcore_input("label_email") }}</h5>
  108.         <div class="form-item">
  109.             <div class="input-input"><input type="text" name="email"/></div>
  110.         </div>
  111.     </div>
  114.     <!-- SUBMIT -->
  115.     <div class="btn-wrp submit-button">
  116.         <input type="submit" value="{{ buttontext }}">
  117.     </div>
  119.     <div class="data-privacy-statement">
  120.         {{ dsgvotext }}
  121.     </div>
  124.     <div class="waiting-for-response">
  126.         <div class="submit-sending">
  127.             <div class="submit-sending--wrp">
  128.                 <div class="submit-sending-box">
  129.                     <div class="border one"></div>
  130.                     <div class="border two"></div>
  131.                     <div class="border three"></div>
  132.                     <div class="border four"></div>
  134.                     <div class="line one"></div>
  135.                     <div class="line two"></div>
  136.                     <div class="line three"></div>
  137.                 </div>
  138.             </div>
  139.         </div>
  141.     </div>
  144.     <div class="hidden">
  145.         <input type="text" name="language" value="{{ document.getProperty('language') }}"/>
  146.             <input type="text" name="websiteconfigname" value="{{ websiteConfigName }}"/>
  147.             <input type="text" name="mailtemplate" value="{{ mailTemplate }}"/>
  148.             <input type="text" name="url" value="{{ url }}"/>
  149.             <input type="text" name="debug" value="{{ debug }}"/>
  150.     </div>
  152. </form>
  154. {% if debug == '1' %} <div id="debug">Egebnis aus Sendmail!</div> {% endif %}
  157. <script>
  159.     (function () {
  161.         'use strict';
  164.         var moduleName = '{{ formName }}_module'; // naming convention XXX_module
  166.         if (typeof selt === 'undefined') {
  167.             window.selt = {
  168.                 modules: {}
  169.             };
  170.         } else if (!selt.modules) {
  171.             selt.modules = {};
  172.         }
  174.         selt.modules[moduleName] = {
  176.             name: moduleName,
  178.             init: function () {
  179.                 activateForm();
  180.             }
  182.         };
  185.         function activateForm() {
  188.             var scnemForm       = $("form[name='feedback']"),
  189.                 confirmationURL = '{{ antwort }}';
  192.             scnemForm[0].onsubmit = function () {
  194.                 if (!selt.validateForm(scnemForm)) {
  195.                     selt.ajaxSubmitForm(scnemForm, confirmationURL, {{ debug }});
  196.                 }
  198.                 return false;
  199.             };
  201.         }
  203.     }())
  205. </script>
  210. <script type="text/javascript">
  212.     (function () {
  214.         var moduleName = 'rangeslider_module'; // naming convention XXX_module
  216.         if (typeof selt === 'undefined') {
  217.             selt = {
  218.                 modules: {}
  219.             };
  220.         } else if (!selt.modules) {
  221.             selt.modules = {};
  222.         }
  224.         selt.modules[moduleName] = {
  226.             name: moduleName,
  228.             init: function () {
  229.                 console.log('init', this.name);
  230.                 selt.loadExternalCss('/bundles/app/static/frontend/css/feedback_form.css');
  231.                 selt.loadExternalJavascript('/bundles/app/static/frontend/js/project/rangeslider.js', false, delayInit)
  232.             }
  234.         };
  236.         function delayInit() {
  237.             window.setTimeout(init_slider, 200)
  238.         }
  240.         function init_slider() {
  243.             $('input[type="range"]')
  244.                 .on('input', function (e) {
  246.                     // var parent      = $(this).parent(),
  247.                     //     snapToValue = Math.round(this.value);
  248.                     //
  249.                     // parent.find('.rangeslider__labels__label').hide().eq(snapToValue).show();
  251.                 })
  252.                 .rangeslider({
  253.                     polyfill: false,
  255.                     onInit: function () {
  257.                     },
  258.                     onSlideEnd: function (position, value) {
  259.                         // console.log('slideend:', value)
  260.                         // var snapToValue = Math.round(value);
  261.                         // if (snapToValue !== value)
  262.                         //     this.$element.val(snapToValue).change();
  264.                     }
  265.                 }).trigger('input');
  268.             $('input[type="reset"]').on('click', function () {
  269.                 $('input[type="range"]').val(0).change();
  270.                 $('input[type="radio"]').prop('checked', false);
  271.                 selt.adventureManager.getFiltered('reset');
  272.             });
  274.             // $('input[type="radio"]').on('change', function () {
  275.             //     selt.adventureManager.updateSubmitBtn();
  276.             // });
  279.         }
  281.     }());//EOS
  284. </script>