templates/areas/rechner/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: Rechner' } %}
  6.         {% include 'padding.html.twig' %}
  8.         <div class="my-3 flex flex-wrap overflow-hidden">
  9.             <div class="w-2/4 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.                 Darstellung:
  18.             </div>
  19.             <div class="w-1/4 overflow-hidden">
  20.                 {{ pimcore_select("darstellung", {
  21.                     "store": [
  22.                         ["balken", "Balkendarstellung Startseite"],
  23.                         ["productpage", "Produktseite"]
  24.                     ],
  25.                     "defaultValue" : "balken",
  26.                     "width" : 300
  27.                 }) }}
  28.             </div>
  29.             <div class="w-1/4 overflow-hidden">
  30.                 Suchergebnis-Seite:
  31.             </div>
  32.             <div class="w-1/4 overflow-hidden">
  33.                 {{ pimcore_relation("searchResultPage") }}
  34.             </div>
  35.         </div>
  36.         <hr/>
  38.         <div class="my-3 flex flex-wrap overflow-hidden">
  39.             <div class="w-1/4 overflow-hidden">
  40.                 Produkte:
  41.             </div>
  42.             <div class="w-3/4 overflow-hidden">
  43.                 {{ pimcore_relations("productIdList", {
  44.                     "types": ["object"],
  45.                     "subtypes": {
  46.                         "object": ["object"]
  47.                     },
  48.                     "classes": ["Product"]
  49.                 }) }}
  50.             </div>
  51.         </div>
  52.         <hr/>
  54.         <div class="my-3 flex flex-wrap overflow-hidden">
  55.             <div class="w-1/4 overflow-hidden">
  56.                 Kategorie:
  57.             </div>
  58.             <div class="w-1/4 overflow-hidden">
  59.                 {{ pimcore_select("categoryType", {
  60.                     "store": [
  61.                         ["electricity", "Strom"],
  62.                         ["gas", "Gas"],
  63.                         ["carpower", "Autostrom"],
  64.                         ["both", "Strom & Gas"]
  65.                     ],
  66.                     "defaultValue" : "electricity"
  67.                 }) }}
  68.             </div>
  69.             <div class="w-1/4 overflow-hidden">
  70.                 Kunden:
  71.             </div>
  72.             <div class="w-1/4 overflow-hidden">
  73.                 {{ pimcore_select("customerType", {
  74.                     "store": [
  75.                         ["privat", "Privat"],
  76.                         ["business", "Gewerbe"]
  77.                     ],
  78.                     "defaultValue" : "privat"
  79.                 }) }}
  80.             </div>
  81.         </div>
  82.         <hr/>
  84.     </div>
  86.     {% include 'areaHeadAndFooter.html.twig' with { 'footer': true } %}
  88. {% else %}
  90.     {% set auswahl = pimcore_select("darstellung").getData() %}
  92.         <section
  93.             class="h-[32rem] md:h-[28rem] lg:h-[17rem] xl:h-[8rem] z-10 relative bg-{{ pimcore_select('color') }}">
  94.             <div
  95.                 class="-translate-y-16 sm:-translate-y-20 xl:-translate-y-1/2 container relative z-10 flex w-full  flex-wrap justify-center mx-auto px-5">
  96.                 <div class="vue-wrapper w-full lg:w-auto">
  97.                     <tariffcalculator
  98.                         types="{{ pimcore_select("categoryType").getData() }}"
  99.                         :products="[{% for element in pimcore_relations("productIdList") %}
  100.                             {{ element.getId()  ~ "," }}
  101.                         {% endfor %}]"
  102.                         results-link="{{ pimcore_relation("searchResultPage").getFullPath() }}"
  103.                         customer-type="{{ pimcore_select("customerType").getData() }}"
  104.                         {{ auswahl == 'productpage' ? ':show-switch="false"' }}
  105.                         fallback-link="{{ fallbackCalculatorLink }}"
  106.                     >
  107.                     </tariffcalculator>
  108.                 </div>
  109.             </div>
  110.         </section>
  111.         <!--
  112.         <p>Suchergebnis-Seite: {{ pimcore_relation("searchResultPage") }}</p>
  113.         <p>Produkt-IDs:
  114.         {% for element in pimcore_relations("productIdList") %}
  115.             {{ element.getId() }},
  116.         {% endfor %}</p>
  117.         <p>Kategorie: {{ pimcore_select("categoryType").getData() }}</p>
  118.         <p>Kunden-Typ:  {{ pimcore_select("customerType").getData() }}</p>
  119.         -->
  122. {% endif %}