custom/plugins/GrimmSurvey/src/Resources/views/storefront/block/cms-block-grimm-survey.html.twig line 1

Open in your IDE?
  1. {% set element = block.slots.getSlot('content') %}
  3. {{ element.translated.config.htmlBefore.value|raw }}
  5. <div class="col-12 wrapper-survey" data-cms-element-id="{{ element.id }}">
  6.     <link rel="stylesheet" href="{{ asset('bundles/grimmsurvey/static/css/survey.css', 'asset') }}" />
  7.     <script src="{{ asset('bundles/grimmsurvey/static/js/lib.js', 'asset') }}"></script>
  8.     <script src="{{ asset('bundles/grimmsurvey/static/js/showdown.min.js', 'asset') }}"></script>
  9.     <script type="text/javascript">
  10.       let surveyJson = {{ element.translated.config.contentHTML.value|raw }};
  12.       jQuery.noConflict();
  14.       (function ($) {
  15.         document.addEventListener('DOMContentLoaded', () => {
  16.           if (typeof surveyJson !== "undefined") {
  17.             Survey.StylesManager.applyTheme("modern");
  18.             var survey = new Survey.Model(surveyJson);
  19.             const converter = new showdown.Converter();
  20.             $("#survey-{{ element.id }}").Survey({
  21.               model: survey,
  22.               onComplete: (survey) => {
  23.                 {%  if element.translated.config.saveResults.value === true %}
  24.                 let surveyData = survey.data;
  25.                 surveyData._csrf_token = "{{sw_csrf("grimm.survey.submit", {"mode": "token"})}}";
  26.                 surveyData.technicalName = "{{ element.translated.config.technicalName.value }}";
  28.                 fetch("{{ path('grimm.survey.submit') }}", {
  29.                   method: "POST",
  30.                   headers: {'Content-Type': 'application/json'},
  31.                   body: JSON.stringify(surveyData)
  32.                 }).then(res => {});
  34.                 {% endif %}
  35.               },
  36.               onTextMarkdown: (survey, options) => {
  37.                 let str = converter.makeHtml(options.text);
  38.                 str = str.substring(3);
  39.                 str = str.substring(0, str.length - 4);
  40.                 options.html = str;
  41.               },
  42.               onAfterRenderSurvey: (survey) => {
  43.                 let url = new URL(window.location)
  44.                 let params = new URLSearchParams(url.search);
  46.                 if(params.get('name')) {
  47.                     let comment = survey.getQuestionByName('comment');
  48.                     comment.value = "Hallo,\nich Interessiere mich für den Artikel: " + params.get('name') + '.';
  50.                     let reason = survey.getQuestionByName('reason');
  51.                     reason.value = "article";
  52.                 }
  53.               }
  54.             });
  55.           }
  56.         });
  58.       })(jQuery);
  60.     </script>
  62.     <div id="survey-{{ element.id }}"></div>
  63. </div>
  65. {{ element.translated.config.htmlAfter.value|raw }}