templates/areas/ansprechpartner/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     <div class="bg-gray-100 p-5">
  4.         {% include 'areaHeadAndFooter.html.twig' with { 'header': 'STWH: Ansprechpartner' } %}
  6.         {% include 'padding.html.twig' %}
  8.         <div class="my-3 flex flex-wrap overflow-hidden">
  9.             <div class="w-1/4 overflow-hidden">
  10.                 Darstellung:
  11.             </div>
  12.             <div class="w-3/4 overflow-hidden">
  13.                 {{ pimcore_select("darstellung", {
  14.                     "store": [
  15.                         ["hori", "nebeneinander"],
  16.                         ["vert", "untereinander"]
  19.                     ],
  20.                     "defaultValue" : "vert",
  21.                     "reload" : true,
  22.                     "width" : 400
  23.                 }) }}
  24.             </div>
  25.         </div>
  26.         <hr/>
  28.         <div class="my-3 flex flex-wrap overflow-hidden">
  29.             <div class="w-2/4 overflow-hidden">
  30.                 {% include 'color-selector.html.twig' with { 'name': 'color', 'description': 'Hintergrundfarbe' } %}
  31.             </div>
  32.         </div>
  33.         <hr/>
  35.         <div class="my-3 flex flex-wrap overflow-hidden">
  36.             <div class="w-1/4 overflow-hidden">
  37.                 Content-Überschrift: (optional)
  38.             </div>
  39.             <div class="w-3/4 overflow-hidden">
  40.                 {{ pimcore_textarea("headline", { "height" : 60 }) }}
  41.             </div>
  42.         </div>
  44.        <div class="my-3 flex flex-wrap overflow-hidden">
  45.             <div class="w-1/4 overflow-hidden">
  46.                 SEO:
  47.             </div>
  48.             <div class="w-1/4 overflow-hidden">
  49.                 {% include 'seo.html.twig' with { 'name': 'seo', 'default' : 'h2' } %}
  50.             </div>
  51.             <div class="w-1/2 overflow-hidden">
  52.                 {% include 'color-selector.html.twig' with { 'name': 'seoHeadlineColor', 'description': 'Farbe der Überschrift', 'type': 'accordeon' } %}
  53.             </div>
  54.         </div>
  55.         <hr/>
  57.         {% if pimcore_select("darstellung").getData() == 'vert' %}
  58.             <div class="my-3 flex flex-wrap overflow-hidden">
  59.                 <div class="w-1/4 overflow-hidden">
  60.                     Unter-Überschrift bei erstem Ansprechpartner: (optional)
  61.                 </div>
  62.                 <div class="w-2/4 overflow-hidden">
  63.                     {{ pimcore_textarea("headline2", { "height" : 60 }) }}
  64.                 </div>
  65.             </div>
  67.             <div class="my-3 flex flex-wrap overflow-hidden">
  68.                 <div class="w-1/4 overflow-hidden">
  69.                     SEO:
  70.                 </div>
  71.                 <div class="w-1/4 overflow-hidden">
  72.                     {% include 'seo.html.twig' with { 'name': 'seo2', 'default' : 'h2' } %}
  73.                 </div>
  74.                 <div class="w-1/2 overflow-hidden">
  75.                     {% include 'color-selector.html.twig' with { 'name': 'seoHeadlineColor2', 'description': 'Farbe der Unter-Überschrift', 'type': 'accordeon' } %}
  76.                 </div>
  77.             </div>
  78.             <hr/>
  80.             <div class="my-3 flex flex-wrap overflow-hidden">
  81.                 <div class="w-1/4 overflow-hidden">
  82.                     Teaser bei erstem Ansprechpartner: (optional)
  83.                 </div>
  84.                 <div class="w-3/4 overflow-hidden">
  85.                     {{ pimcore_textarea("teaser", { "height" : 100 }) }}
  86.                 </div>
  87.             </div>
  88.             <hr/>
  89.         {% endif %}
  91.         <div class="my-3 flex flex-wrap overflow-hidden">
  92.             <div class="w-1/4 overflow-hidden">
  93.                 Ansprechpartner (aus den Datenobjekten):
  94.             </div>
  95.             <div class="w-3/4 overflow-hidden">
  96.                 {{ pimcore_relations("asp", {
  97.                     "types": ["object"]
  98.                 }) }}
  99.             </div>
  100.         </div>
  102.     </div>
  104.     {% include 'areaHeadAndFooter.html.twig' with { 'footer': true } %}
  106. {% else %}
  108.     <section
  109.         class="{{ pimcore_select('paddingTop') }} {{ pimcore_select('paddingBottom') }} relative bg-{{ pimcore_select('color') }}">
  110.         <div class="container mx-auto px-5">
  112.             {% if pimcore_textarea("headline") != '' %}
  113.             {% set seo = pimcore_select("seo").getData() %}
  114.             <{{ seo }} class="text-{{ pimcore_select("seoHeadlineColor").getData() }} block font-bold text-center mb-5 md:mb-10 text-2xl md:text-4xl lg:text-5xl">
  115.             {{ pimcore_textarea("headline")|nl2br }}
  116.         </{{ seo }}>
  117.         {% endif %}
  119.         {% if pimcore_textarea("headline2") != '' %}
  120.             <div class="block xl:hidden">
  121.             {% set seo2 = pimcore_select("seo2").getData() %}
  122.             <{{ seo2 }} class="text-{{ pimcore_select("seoHeadlineColor2").getData() }} block mb-5 text-xl md:text-3xl lg:text-4xl font-bold border-b-2 pb-2 border-{{ pimcore_select("seoHeadlineColor2").getData() }}">
  123.             {{ pimcore_textarea("headline2")|nl2br }}
  124.             </{{ seo2 }}>
  125.             <div class="text-lg mb-5">
  126.                 {{ pimcore_textarea("teaser") }}
  127.             </div>
  128.             </div>
  129.         {% endif %}
  131.         {# @array asp wird im Brick-Controller definiert #}
  132.         {% if asp is defined %}
  134.             {% if pimcore_select("darstellung").getData() == 'vert' %}
  135.                 {% for element in asp %}
  136.                     <div class="flex flex-wrap owerflow-hidden mb-5">
  137.                         <div class="w-2/12 hidden xl:flex"></div>
  138.                         <div class="w-full xl:w-4/12 pr-3 justify-end">
  139.                             <img alt="{{ element.alt }}" title="{{ element.title }}" data-src="{{ element.photo }}"
  140.                                  class="lazy rounded-lg"/>
  141.                         </div>
  142.                         <div class="w-full xl:w-4/12 pl-3 flex items-center">
  143.                             <div>
  144.                                 {% if pimcore_textarea("headline2") != '' and loop.index == 1 %}
  145.                                 <div class="hidden xl:block">
  146.                                     {% set seo2 = pimcore_select("seo2").getData() %}
  147.                                     <{{ seo2 }} class="text-{{ pimcore_select("seoHeadlineColor2").getData() }} block mb-2 text-xl md:text-3xl lg:text-4xl font-bold
  148.                                     border-b-2 pb-2 border-{{ pimcore_select("seoHeadlineColor2").getData() }}">
  149.                                     {{ pimcore_textarea("headline2")|nl2br }}
  150.                                 </{{ seo2 }}>
  151.                                 <div class="text-lg mb-2">
  152.                                     {{ pimcore_textarea("teaser") }}
  153.                                 </div>
  154.                             </div>
  155.                             {% endif %}
  157.                             <div class="w-full pt-3 font-bold">
  158.                                 {{ element.firstname }} {{ element.lastname }}
  159.                             </div>
  160.                             {% if element.email is defined %}
  161.                                 <div class="pt-1 w-full">
  162.                                     {{ element.position }}
  163.                                 </div>
  164.                             {% endif %}
  165.                             {% if element.email is defined %}
  166.                                 <div class="pt-5 w-full text-red-600">
  167.                                     <i class="fa-light fa-phone pr-3"></i> <a class="no-underline hover:underline"
  168.                                                                          href="tel:{{ element.phone|replace({'/':'','-':'',' ':''}) }}">{{ element.phone }}</a>
  169.                                 </div>
  170.                             {% endif %}
  171.                             {% if element.email is defined %}
  172.                                 <div class="pt-1 w-full text-red-600">
  173.                                     <i class="fa-light fa-envelope pr-3"></i> <a class="no-underline hover:underline"
  174.                                                                             href="mailto:{{ element.email }}">{{ element.email }}</a>
  175.                                 </div>
  176.                             {% endif %}
  177.                         </div>
  178.                     </div>
  179.                     <div class="w-2/12 hidden xl:flex"></div>
  180.                     </div>
  181.                 {% endfor %}
  182.             {% endif %}
  184.             {% if pimcore_select("darstellung").getData() == 'hori' %}
  185.                 <div class="flex flex-wrap owerflow-hidden mb-5">
  186.                     {% for element in asp %}
  187.                         {% set padd = 'pr-5' %}
  188.                         {% if loop.index % 2 == 0 %}
  189.                             {% set padd = 'pl-5' %}
  190.                         {% endif %}
  191.                         {% if loop.index % 2 != 0 %}
  192.                             <div class="w-2/12 hidden xl:flex"></div> {% endif %}
  193.                         <div class="w-full xl:w-4/12 {{ padd }} flex flex-wrap mb-10 xl:mb-0">
  194.                             <img class="h-auto lazy" alt="{{ element.alt }}" title="{{ element.title }}"
  195.                                  data-src="{{ element.photo }}"/>
  196.                             <div class="w-full pt-5 px-5">
  197.                                 <div class="w-full font-bold">
  198.                                     {{ element.firstname }} {{ element.lastname }}
  199.                                 </div>
  200.                                 {% if element.email is defined %}
  201.                                     <div class="pt-1 w-full">
  202.                                         {{ element.position }}
  203.                                     </div>
  204.                                 {% endif %}
  205.                                 {% if element.email is defined %}
  206.                                     <div class="pt-5 w-full text-red-600">
  207.                                         <i class="fa-light fa-phone pr-3"></i> <a class="no-underline hover:underline"
  208.                                                                              href="tel:{{ element.phone|replace({'/':'','-':'',' ':''}) }}">{{ element.phone }}</a>
  209.                                     </div>
  210.                                 {% endif %}
  211.                                 {% if element.email is defined %}
  212.                                     <div class="pt-1 w-full text-red-600">
  213.                                         <i class="fa-light fa-envelope pr-3"></i> <a class="no-underline hover:underline"
  214.                                                                                 href="mailto:{{ element.email }}">{{ element.email }}</a>
  215.                                     </div>
  216.                                 {% endif %}
  217.                             </div>
  218.                         </div>
  219.                         {% if loop.index % 2 == 0 %}
  220.                             <div class="w-2/12 hidden xl:flex"></div> {% endif %}
  221.                     {% endfor %}
  222.                 </div>
  223.             {% endif %}
  225.         {% endif %}
  226.         </div>
  227.     </section>
  229. {% endif %}