templates/areas/blocked-content/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="bg-gray-100 p-5">
  3.         {% include 'areaHeadAndFooter.html.twig' with { 'header': 'STWH: Blocked Content' } %}
  4.         {% include 'padding.html.twig' %}
  5.         <div class="my-3 flex flex-wrap overflow-hidden">
  6.             <div class="w-1/4 overflow-hidden">
  7.                 HTML-Script (optional):
  8.             </div>
  9.             <div class="w-3/4 overflow-hidden">
  10.                 {{ pimcore_textarea("htmlscript", {
  11.                     "htmlspecialchars": false,
  12.                     "height": 200
  13.                 }) }}
  14.             </div>
  15.         </div>
  16.         <hr/>
  17.         <div class="my-3 flex flex-wrap overflow-hidden">
  18.             <div class="w-2/4 overflow-hidden">
  19.                 iFrame-URL (optional):
  20.             </div>
  21.             <div class="w-2/4 overflow-hidden">
  22.                 {{ pimcore_input("iframe") }}
  23.             </div>
  24.         </div>
  25.         <hr/>
  26.         <div class="my-3 flex flex-wrap overflow-hidden">
  27.             <div class="w-2/4 overflow-hidden">
  28.                 Service-Name:
  29.             </div>
  30.             <div class="w-2/4 overflow-hidden">
  31.                 {{ pimcore_input("servicename") }}
  32.             </div>
  33.         </div>
  34.         <hr/>
  35.         <div class="my-3 flex flex-wrap overflow-hidden">
  36.             <div class="w-2/4 overflow-hidden">
  37.                 Datenschutz-Hinweistext:<br />
  38.                 (mit Default-Text)
  39.             </div>
  40.             <div class="w-2/4 overflow-hidden">
  41.                 {{ pimcore_textarea("dsvgtxt", {
  42.                     "htmlspecialchars" : false,
  43.                     "placeholder" : "Um DIESES anzuzeigen, benötigen wir Ihre Zustimmung zum Laden externer Inhalte. Durch das Akzeptieren werden Daten an Drittanbieter übermittelt."
  44.                 }) }}
  45.             </div>
  46.         </div>
  47.         <hr/>
  48.         <div class="my-3 flex flex-wrap overflow-hidden">
  49.             <div class="w-2/4 overflow-hidden">
  50.                 Buttontext:<br />
  51.                 (mit Defaulttext)
  52.             </div>
  53.             <div class="w-2/4 overflow-hidden">
  54.                 {{ pimcore_input("buttontxt", {
  55.                     "placeholder" : "Akzeptieren und laden"
  56.                 }) }}
  57.             </div>
  58.         </div>
  59.         <hr/>
  60.         <div class="my-3 flex flex-wrap overflow-hidden">
  61.             <div class="w-2/4 overflow-hidden">
  62.                 Javascript:
  63.             </div>
  64.             <div class="w-2/4 overflow-hidden">
  65.                 {{ pimcore_textarea("javascriptcode", {
  66.                     "htmlspecialchars": false,
  67.                     "nl2br": true,
  68.                     "height": 200
  69.                 }) }}
  70.             </div>
  71.         </div>
  72.         <hr/>
  73.         <div class="my-3 flex flex-wrap overflow-hidden">
  74.             <div class="w-2/4 overflow-hidden">
  75.                 Javascript-SRC (optional):
  76.             </div>
  77.             <div class="w-2/4 overflow-hidden">
  78.                 {{ pimcore_input("javascriptSrc") }}
  79.             </div>
  80.         </div>
  81.         <hr/>
  82.         {% include 'areaHeadAndFooter.html.twig' with { 'footer': true } %}
  83.     </div>
  84. {% else %}
  85.     {% if pimcore_textarea("htmlscript").getData() != '' %}
  86.         {{ pimcore_textarea("htmlscript", {
  87.             "htmlspecialchars" : false
  88.         }) }}
  89.     {% endif %}
  90.     {% set srcTag = '' %}
  91.     {% set javascriptSrc = pimcore_input("javascriptSrc").getData() %}
  92.     {% if javascriptSrc != '' %}
  93.        {% set srcTag = pimcore_input("javascriptSrc") %}
  94.     {% endif %}
  95.     <script src="{{ srcTag }}" type="text/plain" data-usercentrics="{{ pimcore_input("servicename") }}">
  96.         {{ pimcore_textarea("javascriptcode") }}
  97.     </script>
  98.     {% set iframeSrc = pimcore_input("iframe").getData() %}
  99.     {% if iframeSrc != '' %}
  100.         <iframe data-usercentrics-service="{{ pimcore_input("servicename") }}" class="hidden" data-src="{{ iframeSrc }}"></iframe>
  101.     {% endif %}
  102.     {% set dsvgTxt = 'Um DIESES anzuzeigen, benötigen wir Ihre Zustimmung zum Laden externer Inhalte. Durch das Akzeptieren werden Daten an Drittanbieter übermittelt.' %}
  103.     {% if pimcore_textarea("dsvgtxt").getData() %}
  104.         {% set dsvgTxt = pimcore_textarea("dsvgtxt") %}
  105.     {% endif %}
  106.     {% set btnTxt = 'Akzeptieren und laden' %}
  107.     {% if pimcore_input("buttontxt").getData() %}
  108.         {% set btnTxt = pimcore_input("buttontxt") %}
  109.     {% endif %}
  110.     <div x-cloak x-data="consentBlocker('{{ pimcore_input("servicename") }}')">
  111.         <div x-show="initialized && !(accepted || explicitlyAllowed)" class="
  112.             container 
  113.             mx-auto 
  114.             my-8 
  115.             bg-gray-100 
  116.             border 
  117.             border-gray-200 
  118.             rounded-lg 
  119.             p-6 
  120.             text-center 
  121.             shadow-lg 
  122.             transition-all 
  123.             duration-300 
  124.             ease-in-out 
  125.             hover:shadow-xl">
  126.                 <p class="mb-6 text-lg">
  127.                     {{ dsvgTxt }}
  128.                 </p>
  129.                 <button 
  130.                     @click="accept()"
  131.                     class="
  132.                         my-3
  133.                         md:my-5
  134.                         px-5
  135.                         py-2
  136.                         transition-all
  137.                         ease-in-out
  138.                         duration-200
  139.                         hover:bg-[#eb6042]
  140.                         hover:text-white
  141.                         hover:shadow-lg
  142.                         bg-stwh-rot-2024
  143.                         text-white
  144.                         relative
  145.                         focus:outline-none
  146.                         inline-flex
  147.                         rounded-lg
  148.                         text-xl
  149.                         text-center
  150.                         tracking-widest">
  151.                             {{ btnTxt }}
  152.                 </button>
  153.         </div>
  154.     </div>
  155. {% endif %}