templates/includes/modal.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {% apply spaceless %}
  4.         {# CSS styles #}
  5.         {% do pimcore_head_link().appendStylesheet(asset('assets/css/app.min.css')) %}
  6.         {% do pimcore_head_link().appendStylesheet(asset('assets/css/editmode.min.css')) %}
  7.         {# CSS styles #}
  10.     {% endapply %}
  11.     {% block head_stylesheets deferred %}
  12.         {{ pimcore_head_link() }}
  13.     {% endblock %}
  14. {% endif %}
  15. <section class="modal-disturber {% if editmode %} editmode show {% endif %}" style="display: block">
  17.     <div id="gg-blog-latest-post"></div>
  18.     <script>
  19.         function ggLoadScript(src, callback) {
  20.             var script = document.createElement("script");
  21.             script.setAttribute("src", src);
  22.             script.addEventListener("load", callback);
  23.             document.head.appendChild(script);
  24.         }
  25.         ggLoadScript("https://gaertner-graf.com/wp-content/plugins/gg-api/js/gg-api.js", function () {
  26.             graf_api_insert(document.getElementById("gg-blog-latest-post"), 80);
  27.         });
  28.     </script>
  29.     <div class="modal-disturber__cta">
  30.         <span>Mehr erfahren</span>
  31.         <svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
  32.             <g transform="translate(0 0.354)">
  33.                 <g transform="translate(0)">
  34.                     <path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#b76e2b" stroke-linejoin="round" stroke-width="1"></path>
  35.                     <path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#b76e2b" stroke-width="1"></path>
  36.                 </g>
  37.             </g>
  38.         </svg>
  39.     </div>
  40.     {# {% if editmode %}
  41.         {{ pimcore_image("ModalDisturber", {
  42.             "title": "Drag your image here",
  43.             "width": 293,
  44.             "height": 263,
  45.             "thumbnail": "ModalDisturber"
  46.         }) }}
  47.     {% else %}
  48.         {{ pimcore_image('ModalDisturber').getThumbnail('ModalDisturber').html | raw }}
  49.     {% endif %}
  51.     <div class="text container">
  52.         {% if editmode %}
  53.             <p>{{ pimcore_input('modalTitle', {'placeholder':'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.'}) }}</p>
  54.         {% else %}
  55.             <p>{{ pimcore_input('modalTitle').getData() }}</p>
  56.         {% endif %}
  58.         <div class="buttons-row flex default">
  59.             {% if editmode %}
  60.              {{ pimcore_link('modalLink') }}
  61.             {% else %}
  62.             <button class="primary">
  64.                 <a href="{{ pimcore_link('modalLink').getHref() }}">{{ pimcore_link('modalLink').getText() }}</a>
  65.                 <svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
  66.                     <g transform="translate(0 0.354)">
  67.                         <g transform="translate(0)">
  68.                             <path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#b76e2b" stroke-linejoin="round" stroke-width="1"></path>
  69.                             <path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#b76e2b" stroke-width="1"></path>
  70.                         </g>
  71.                     </g>
  72.                 </svg>
  73.             </button>
  74.             {% endif %}
  75.         </div>
  76.     </div> #}
  77.     <button class="modal-close">
  78.         <svg xmlns="http://www.w3.org/2000/svg" width="21.92" height="21.92" viewBox="0 0 21.92 21.92">
  79.             <g id="Gruppe_10099" data-name="Gruppe 10099" transform="translate(-1219.406 830.497) rotate(-45)">
  80.                 <line id="Linie_105" data-name="Linie 105" y2="30" transform="translate(1449.5 275.5)" fill="none" stroke="#b76e2b" stroke-width="1"/>
  81.                 <line id="Linie_106" data-name="Linie 106" x2="30" transform="translate(1434.5 290.5)" fill="none" stroke="#b76e2b" stroke-width="1"/>
  82.             </g>
  83.         </svg>
  84.     </button>
  85. </section>