src/CoreBundle/Resources/views/Areas/ScovilleScale/view.html.twig line 1

Open in your IDE?
  1. {% set spacingSelect %}
  2.     {{ pimcore_checkbox("checkSpacing", {
  3.         "reload": true
  4.     }) }}
  5. {% endset %}
  6. {% set noSpacingTop = '' %}
  7. {% set brickAnchorId = '' %}
  8. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  9.     {% set noSpacingTop = 'no-offset-top' %}
  10. {% endif %}
  11. {% set UID = uniqid() %}
  12. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  13.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  14. {% endif %}
  15. {% set productLink = pimcore_href("selectProduct").getElement() %}
  16. {% if editmode %}
  17.     <div class="flex-col offset-bottom-single">
  18.         <div class="col xs-12 m-6 l-3">
  19.             <span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
  20.             {{ pimcore_input("brickAnchorIdInput") }}
  21.         </div>
  22.         <div class="col xs-12 m-6 l-3">
  23.             <div class="select-items">
  24.                 <div class="hint">
  25.                     {{ 'Kein Abstand nach oben?' |trans }}
  26.                 </div>
  27.                 {{ spacingSelect }}
  28.             </div>
  29.         </div>
  30.     </div>
  31.     <div class="flex-col offset-bottom-single">
  32.         <div class="col xs-12 m-6 l-6">
  33.              <span class="hint">
  34.         {{ 'Bitte wählen Sie ein Produkt'|trans }}</span>
  35.             {{ pimcore_href("selectProduct", {
  36.                 "types": ["object"],
  37.                 "subtypes": {
  38.                     "types": ["object"],
  39.                 },
  40.                 "classes": ["ProductFood"],
  41.                 "reload": true
  42.             }) }}
  43.         </div>
  44.     </div>
  45. {% endif %}
  46. {% if productLink == true %}
  47.     {% set scovilleValue = productLink.getScoville() %}
  48. {% endif %}
  49. <div class="section">
  50.     <div class="scoville-scale">
  51.         <div class="main-content flex-col">
  52.             <div class="col xs-12">
  53.                 <h4>
  54.                     {{ pimcore_input("scovilleHeadline", {'placeholder': 'Headline'}) }}
  55.                 </h4>
  56.                 <div class="scoville-container">
  57.                     <div class="scoville-part level1 {% if productLink == true and scovilleValue <= '1199' |trans and scovilleValue is not null %}active{% endif %}">
  58.                     </div>
  59.                     <div class="scoville-part level2 {% if productLink is not empty and scovilleValue >= '1500' |trans and scovilleValue <= '2499' |trans %}active{% endif %}">
  60.                     </div>
  61.                     <div class="scoville-part level3 {% if productLink is not empty and scovilleValue >= '2500' |trans and scovilleValue <= '4999' |trans %}active{% endif %}">
  62.                     </div>
  63.                     <div class="scoville-part level4 {% if productLink is not empty and scovilleValue >= '5000' |trans and scovilleValue <= '10000' |trans %}active{% endif %}">
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     </div>
  69. </div>