templates/module/Form/forms/bewerbung.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 pflichtfeldtext = frontend.formular.pflichtfeldtext %}
  6. {% set dsgvotext = frontend.formular.dsgvotext %}
  7. {% set antwort = frontend.formular.antwort %}
  8. {% set websiteConfigName = frontend.formular.websiteConfigName %}
  9. {% set mailTemplate = frontend.formular.mailTemplate %}
  10. {% set url = frontend.formular.url %}
  12. {% set stelle = frontend.formular.stelle %}
  13. {% set lg = document.getProperty('language') %}
  15. {% set uploadFolder = date().timestamp %}
  17. <form id="upload" data-upload="/upload?uploadfolder={{ uploadFolder }}&lg={{ lg }}" method="post" accept-charset="utf-8" name="{{ formName }}" role="form"  class="bewerbungsformular">
  19.     <div id="anchorPosition"></div>
  21.     <div class="form-container">
  23.         
  24.         <div class="form-row--multiple">
  25.             <div class="form-item form-mandatory">{{ formFields.form_EMAIL|raw }}</div>
  26.             <div class="form-item form-mandatory">{{ formFields.form_SALUTATION|raw }}</div>
  27.         </div>
  29.         <div class="form-row--multiple">
  30.             <div class="form-item">{{ formFields.form_FIRSTNAME|raw }}</div>
  31.             <div class="form-item form-mandatory">{{ formFields.form_NAME|raw }}</div>
  32.         </div>
  35.         <div class="form-row--single">
  37.             <div class="form-item">{{ formFields.form_COMMENTS|raw }}</div>
  38.         </div>
  40.         <div>
  42.                 <div class="form-upload--dropInfotext">
  43.                     {{ 'form_bewerbung_anhang' |trans }}
  44.                 </div>
  46.                 <div id="drop" class="form-upload--droparea">
  47.                     <span></span>
  48.                     <div>
  49.                         {{ 'form_bewerbung_auswaehlen' |trans }}
  50.                     </div>
  51.                     <div class="btn-wrp">
  52.                         <label for="upl">
  53.                             {{ 'form_bewerbung_button_upload' |trans }}
  54.                         </label>
  55.                     </div>
  56.                     <input id="upl" type="file" name="file" multiple />
  57.                 </div>
  60.                 <ul class="form-upload--data">
  61.                     <!-- The file uploads will be shown here -->
  62.                 </ul>
  64.         </div>
  72.         <!-- SUBMIT -->
  74.         <div>
  76.             <div class="btn-wrp submit-button">
  77.                 <button type="submit">{{ buttontext|raw }}</button>
  78.             </div>
  81.             <div class="waiting-for-response">
  82.                 <div class="submit-sending">
  83.                     <div class="submit-sending--wrp">
  84.                         <div class="submit-sending-box">
  85.                             <div class="border one"></div>
  86.                             <div class="border two"></div>
  87.                             <div class="border three"></div>
  88.                             <div class="border four"></div>
  90.                             <div class="line one"></div>
  91.                             <div class="line two"></div>
  92.                             <div class="line three"></div>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  97.             </div>
  98.         </div>
  100.         <p>
  101.             <small>{{ pflichtfeldtext|raw }}</small>
  102.         </p>
  104.         <div class="data-privacy-statement">
  105.             {{ dsgvotext|raw }}
  106.         </div>
  107.     </div>
  109.     <div class="hidden">
  111.             <input type="hidden" name="form_STELLENBESCHREIBUNG" id="form_STELLENBESCHREIBUNG" value="{{ stelle }}" />
  112.             <input type="hidden" name="uploadFolder" value="{{ uploadFolder }}" />
  113.             <input type="hidden" name="uploadFileNames" value="" />
  115.             <input type="text" name="language" value="{{ document.getProperty('language') }}"/>
  116.             <input type="text" name="websiteconfigname" value="{{ websiteConfigName }}"/>
  117.             <input type="text" name="mailtemplate" value="{{ mailTemplate }}"/>
  118.             <input type="text" name="url" value="{{ url }}"/>
  119.             <input type="text" name="debug" value="{{ debug }}"/>
  120.     </div>
  121. </form>
  122. {% if debug == '1' %} <div id="debug">Egebnis aus Sendmail!</div> {% endif %}
  124. <script>
  126.     (function () {
  128.         'use strict';
  130.         function loadExternalJavascript(src, async, onload) {
  133.             var s   = document.createElement('script');
  134.             s.type  = 'text/javascript';
  135.             s.async = async ? true : false;
  136.             s.src   = src;
  137.             var x   = document.querySelector('head');
  138.             x.appendChild(s);
  139.             if ( typeof onload === 'function'){
  140.                 s.onload = onload
  141.             }
  143.         };
  146.         var moduleName = '{{ formName }}_module'; // naming convention XXX_module
  148.         if (typeof selt === 'undefined') {
  149.             window.selt = {
  150.                 modules: {}
  151.             };
  152.         } else if (!selt.modules) {
  153.             selt.modules = {};
  154.         }
  156.         selt.modules[moduleName] = {
  158.             name: moduleName,
  160.             init: function () {
  162.                 activateForm();
  164.                 var callbackFunction;
  166.                 [
  167.                     '/bundles/app/static/frontend/js/project/jquery-knob.js',
  168.                     '/bundles/app/static/frontend/js/project/jquery-ui-min.js',
  169.                     '/bundles/app/static/frontend/js/project/jquery-iframe-transport.js',
  170.                     '/bundles/app/static/frontend/js/project/jquery-fileupload.js',
  171.                     '/bundles/app/static/frontend/js/project/upload.js'
  172.                 ].forEach(function (src) {
  173.                     loadExternalJavascript(src, false)
  174.                 });
  176.             }
  178.         };
  181.         function activateForm() {
  184.             var scnemForm       = $("form[name='{{ formName }}']"),
  185.                 confirmationURL = '{{ antwort }}';
  187.             scnemForm[0].onsubmit = function () {
  189.                 if (!selt.validateForm(scnemForm)) {
  190.                     selt.ajaxSubmitForm(scnemForm, confirmationURL, {{ debug }});
  191.                 }
  193.                 return false;
  194.             };
  196.             selt.initForm(scnemForm);
  198.         }
  200.     }())
  202. </script>