templates/areas/guided-reputation-iframe/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     <div class="bg-gray-100 p-5 wysiwyg-heading">
  4.         {% include 'areaHeadAndFooter.html.twig' with { 'header': 'STWH: Guided-Reputation-Iframe' } %}
  6.         {% include 'padding.html.twig' %}
  8.         <div class="my-3 flex flex-wrap overflow-hidden">
  9.             <div class="w-1/2 overflow-hidden">
  10.                 {% include 'color-selector.html.twig' with { 'name': 'color', 'description': 'Hintergrundfarbe' } %}
  11.             </div>
  12.         </div>
  13.         <hr />
  15.         <div class="my-3 flex flex-wrap overflow-hidden">
  16.             <div class="w-1/4 overflow-hidden">
  17.                 Content-Überschrift: (optional)
  18.             </div>
  19.             <div class="w-3/4 overflow-hidden">
  20.                 {{ pimcore_textarea("headline", { "height" : 60 }) }}
  21.             </div>
  22.         </div>
  24.         <div class="my-3 flex flex-wrap overflow-hidden">
  25.             <div class="w-1/4 overflow-hidden">
  26.                 SEO:
  27.             </div>
  28.             <div class="w-1/4 overflow-hidden">
  29.                 {% include 'seo.html.twig' with { 'name': 'seo', 'default' : 'h2' } %}
  30.             </div>
  31.             <div class="w-1/2 overflow-hidden">
  32.                 {% include 'color-selector.html.twig' with { 'name': 'seoHeadlineColor', 'description': 'Farbe der Überschrift', 'type': 'accordeon' } %}
  33.             </div>
  34.         </div>
  36.         <div class="my-3 flex flex-wrap overflow-hidden">
  37.             <div class="w-1/4 overflow-hidden">
  38.                 Guided-Reputation-Url:
  39.             </div>
  40.             <div class="w-3/4 overflow-hidden">
  41.                 {{ pimcore_input("original-url", { "height" : 60, "required": true }) }}
  42.             </div>
  43.         </div>
  44.         <hr />
  47.     {% include 'areaHeadAndFooter.html.twig' with { 'footer': true } %}
  49. {% else %}
  51. <section class="guided-reputation-iframe {{ pimcore_select('paddingTop') }} {{ pimcore_select('paddingBottom') }} relative bg-{{ pimcore_select('color') }}">
  52.     <div class="container mx-auto px-5">
  53.         <div class="flex flex-wrap">
  55.             {% set bordy = '' %}
  56.             {% set borderColor = pimcore_select('headline-divider-color').getData() %}
  57.             {% if pimcore_checkbox('hasDivider').isChecked() %}
  58.                 {% set bordy = 'border-b-2 pb-2 border-' ~ borderColor %}
  59.             {% endif %}
  61.             {% if pimcore_textarea("headline") != '' %}
  62.                 {% set seo = pimcore_select("seo").getData() %}
  63.                 <{{ seo }} class="text-{{ pimcore_select("seoHeadlineColor").getData() }} block mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl font-bold {{ bordy }}">
  64.                     {{ pimcore_textarea("headline")|nl2br }}
  65.                 </{{ seo }}>
  66.             {% endif %}
  67.         </div>
  68.     </div>
  69.     <iframe src="{{ pimcore_input('original-url') }}{{rating is defined ? '?rating=' ~ rating : '' }}" frameborder="0" height="1800" scrolling="no" width="100%"></iframe>
  70. </section>
  72. {% endif %}