src/CoreBundle/Resources/views/Areas/ContactFormBrick/view.html.twig line 1

Open in your IDE?
  1. {% set spacingSelect %}
  2.     {{ pimcore_checkbox("checkSpacing", {
  3.         "reload": true
  4.     }) }}
  5. {% endset %}
  6. {% set noSpacingTop = '' %}
  7. {% set brickAnchorId = '' %}
  8. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  9.     {% set noSpacingTop = 'no-offset-top' %}
  10. {% endif %}
  11. {% set UID = uniqid() %}
  12. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  13.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  14. {% endif %}
  16. {% if editmode %}
  17.     <div class="flex-col offset-bottom-single">
  18.         <div class="col xs-12 m-6 l-3">
  19.             <span class="hint">{{ 'admin.brick.hint.anchorId' |trans }}</span>
  20.             {{ pimcore_input("brickAnchorIdInput") }}
  21.         </div>
  22.     </div>
  24.     <div class="flex-col offset-bottom-single">
  25.         <div class="col xs-12">
  26.             <span class="hint">{{ 'admin.brick.hint.eMailTemplateSettings' |trans }}</span>
  27.         </div>
  28.         <div class="xs-12">
  29.             <div class="input-space flex-col">
  30.                 {% for key, value in constant('CoreBundle\\Document\\Areabrick\\ContactFormBrick::TOPIC_CHOICES') %}
  31.                     <div class="col xs-12 m-6 offset-bottom-single">
  32.                         <span class="hint">{{ key }}</span>
  33.                         {{ pimcore_href("mailTemplate"~value|capitalize) }}
  34.                     </div>
  35.                 {% endfor %}
  36.             </div>
  37.         </div>
  38.         <div class="col xs-12 m-6">
  39.             <span class="hint">{{ 'admin.brick.hint.addProductList' |trans }}</span>
  40.             <div class="input-space">
  41.                 <span class="hint">{{ 'admin.brick.hint.addProductListCommaSeparated' |trans }}</span>
  42.                 {{ pimcore_textarea("productList") }}
  43.             </div>
  44.         </div>
  45.     </div>
  47. {% endif %}
  49. <div id="{{ brickAnchorId }}" class="section" data-maxFileUploadSize="{{ maxFileUploadSize }}" data-postMaxSize="{{ postMaxSize }}">
  50.     <div class="main-content flex-col">
  51.         <div class="col xs-12">
  52.             {% if(errors is defined and errors|length > 0) %}
  53.                 <div class="alert">
  54.                     <div class="alert-danger">
  55.                         <h4>{{ 'Error' | trans }}</h4>
  56.                     </div>
  57.                 </div>
  58.             {% endif %}
  59.             {% if(success is defined) %}
  60.                 <div class="alert">
  61.                     <div class="alert-success">
  62.                         {{ message | trans }}
  63.                     </div>
  64.                 </div>
  65.             {% endif %}
  66.             <div class="contact-confirm-wrapper">
  67.                 {% if editmode %}
  68.                     <span class="hint">{{ 'admin.brick.hint.contactFormText' |trans }}</span>
  69.                 {% else %}
  70.                     <p>{{ pimcore_input("ContactFormText") }}</p>
  71.                     {{ form_start(form) }}
  72.                     <div class="form-field">
  73.                         {{ form_label(form.gender) }}
  74.                         {{ form_widget(form.gender) }}
  75.                     </div>
  76.                     <div class="form-field">
  77.                         {{ form_label(form.title) }}
  78.                         {{ form_widget(form.title) }}
  79.                     </div>
  80.                     <div class="form-field">
  81.                         {{ form_label(form.firstname) }}
  82.                         {{ form_widget(form.firstname) }}
  83.                     </div>
  84.                     <div class="form-field">
  85.                         {{ form_label(form.lastname) }}
  86.                         {{ form_widget(form.lastname) }}
  87.                     </div>
  88.                     <div class="form-field">
  89.                         {{ form_label(form.street) }}
  90.                         {{ form_widget(form.street) }}
  91.                     </div>
  92.                     <div class="form-field">
  93.                         {{ form_label(form.plz) }}
  94.                         {{ form_widget(form.plz) }}
  95.                     </div>
  96.                     <div class="form-field">
  97.                         {{ form_label(form.city) }}
  98.                         {{ form_widget(form.city) }}
  99.                     </div>
  100.                     <div class="form-field">
  101.                         {{ form_label(form.phone) }}
  102.                         {{ form_widget(form.phone) }}
  103.                     </div>
  104.                     <div class="form-field">
  105.                         {{ form_label(form.email) }}
  106.                         {{ form_widget(form.email) }}
  107.                     </div>
  108.                     <div class="form-field">
  109.                         {{ form_label(form.topic) }}
  110.                         {{ form_widget(form.topic) }}
  111.                     </div>
  112.                     <div class="form-field">
  113.                         {{ form_label(form.message) }}
  114.                         {{ form_widget(form.message) }}
  115.                     </div>
  116.                     <div class="form-field">
  117.                         {{ form_widget(form.code) }}
  118.                     </div>
  119.                     {% if form.orderNumber is defined %}
  120.                         <div class="form-field">
  121.                             {{ form_label(form.orderNumber) }}
  122.                             {{ form_widget(form.orderNumber) }}
  123.                         </div>
  124.                     {% endif %}
  125.                     {% if form.customerNumber is defined %}
  126.                         <div class="form-field">
  127.                             {{ form_label(form.customerNumber) }}
  128.                             {{ form_widget(form.customerNumber) }}
  129.                         </div>
  130.                     {% endif %}
  131.                     {% if form.retoure is defined %}
  132.                         <div class="form-field">
  133.                             {{ form_label(form.retoure) }}
  134.                             {{ form_widget(form.retoure) }}
  135.                         </div>
  136.                     {% endif %}
  137.                     {% if form.produktreklamation is defined %}
  138.                         <div class="form-field">
  139.                             {{ form_label(form.produktreklamation) }}
  140.                             {{ form_widget(form.produktreklamation) }}
  141.                         </div>
  142.                     {% endif %}
  143.                     {% if form.lot_number is defined %}
  144.                         <div class="form-field">
  145.                             {{ form_label(form.lot_number) }}
  146.                             {{ form_widget(form.lot_number) }}
  147.                         </div>
  148.                     {% endif %}
  149.                     {% if form.bestBeforeDate is defined %}
  150.                         <div class="form-field">
  151.                             {{ form_label(form.bestBeforeDate) }}
  152.                             {{ form_widget(form.bestBeforeDate) }}
  153.                         </div>
  154.                     {% endif %}
  155.                     {% if form.purchased is defined %}
  156.                         <div class="form-field">
  157.                             {{ form_label(form.purchased) }}
  158.                             {{ form_widget(form.purchased) }}
  159.                         </div>
  160.                     {% endif %}
  161.                     {% if form.available is defined %}
  162.                         <div class="form-field">
  163.                             {{ form_widget(form.available) }}
  164.                             {{ form_label(form.available) }}
  165.                         </div>
  166.                     {% endif %}
  167.                     {% if form.product is defined %}
  168.                         <div class="form-field">
  169.                             {{ form_label(form.product) }}
  170.                             {{ form_widget(form.product) }}
  171.                         </div>
  172.                     {% endif %}
  173.                     {% if form.upload is defined %}
  174.                         <div class="form-field">
  175.                             {{ form_label(form.upload) }}
  176.                             {{ form_widget(form.upload) }}
  177.                         </div>
  178.                         {% if ((fileUploadError is defined and fileUploadError == true) or (fileSizeExceededError is defined and fileSizeExceededError == true)) %}
  179.                             <div class="alert">
  180.                                 <div class="alert-danger">
  181.                                     <strong>{{ 'error.maxFileSizeExceeded' | trans }} (max. {{ maxMByte }}MByte)</strong>
  182.                                 </div>
  183.                             </div>
  184.                         {% endif %}
  185.                     {% endif %}
  187.                     <div>
  188.                         {{ form_widget(form.confirm) }}
  189.                         <label for="confirm"
  190.                                class="required"><span>{{ (document.module ~  ".areabrick.contactform.datapolicyconfirmation.part1") |trans }}
  191.                                 <a href="{{ (document.module ~  ".areabrick.contactform.datapolicyconfirmation.link") |trans }}">{{ (document.module ~  ".areabrick.contactform.datapolicyconfirmation.linktext") |trans }}</a>
  192.                                 {{ (document.module ~  ".areabrick.contactform.datapolicyconfirmation.part2") |trans }}
  193.                             </span>
  194.                         </label>
  195.                     </div>
  197.                     {% if form.captcha is defined %}
  198.                         <div id="Captcha" class="form-field">
  200.                             <div class="captcha">
  201.                                 <div class="captcha-label">
  202.                                     {{ form_label(form.captcha) }}
  203.                                 </div>
  204.                                 <div class="captcha-field">
  205.                                     <div class="captcha-error">
  206.                                         {{ form_errors(form.captcha) }}
  207.                                     </div>
  208.                                     <div class="captcha-image">
  209.                                         {{ form_widget(form.captcha) }}
  210.                                     </div>
  211.                                 </div>
  212.                             </div>
  214.                         </div>
  215.                     {% endif %}
  216.                     {{ form_row(form.submit, { 'label': 'submit' |trans }) }}
  217.                     {{ form_end(form) }}
  218.                 {% endif %}
  219.             </div>
  220.         </div>
  222.         {% verbatim %}
  223.         <script>
  224.         window.addEventListener("load", function(event) {
  225.         {% endverbatim %}
  227.         {% if jump_to_form == true %}
  229.             {% verbatim %}
  230.             $(document).ready(function () {
  231.             $('html, body').animate({
  232.             scrollTop: $("#Captcha").offset().top-200
  233.             }, 300);
  234.             });
  236.             {% endverbatim %}
  237.         {% endif %}
  239.         {% verbatim %}
  240.             $(document).on('change', '#topic', function(){
  241.                 var offset = $("#topic").offset().top-200;
  242.                 var data = $('form').serialize();
  243.                 $.post({
  244.                 url: window.location.protocol + "//" + window.location.host + window.location.pathname + "?topic=changed",
  245.                 type: "POST",
  246.                 data: data,
  247.                 dataType: 'HTML',
  248.                     success:function(data) {
  249.                         var newDoc = document.open("text/html", "replace");
  250.                         newDoc.write(data);
  251.                         newDoc.close();
  252.                         $('html, body').animate({
  253.                             scrollTop: offset
  254.                         }, 300);
  255.                     }
  256.                 });
  257.             });
  258.         });
  259.         </script>
  260.         {% endverbatim %}
  263.     </div>
  264. </div>