templates/recipe/detail.html.twig line 1

Open in your IDE?
  1. {#
  2. project: Pimcore - Schutzverband Nuernberg Rostbratwuerste
  3. User: erikb
  4. Year: 2022
  5. #}
  7. {% extends 'layouts/default.html.twig' %}
  9. {% block content %}
  10.     {% include 'navigation/breadcrumb.html.twig' %}
  12.     {%
  13.         include 'navigation/prev-next.html.twig' with {
  14.             'overview': overview|default(null),
  15.             'prev': prev|default(null),
  16.             'next': next|default(null)
  17.         }
  18.     %}
  20.     <div class="section section--content">
  21.         <div class="grid grid--t100 grid--100-10">
  22.             <div class="grid__container">
  23.                 <div class="grid__column" data-columns="10">
  24.                     {%
  25.                         include 'includes/areabrick.html.twig' with {
  26.                             'id': 'top',
  27.                             'controlsAlign': 'top',
  28.                             'allowed': ['image', 'imagegrid', 'gallery'],
  29.                             'columns': 10
  30.                         }
  31.                     %}
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </div>
  37.     <div class="section section--content section--printable">
  38.         <div class="grid grid--t50 grid--50-4-6">
  39.             <div class="grid__container">
  40.                 <div class="grid__column" data-columns="4">
  41.                     <div class="area buttons buttons--vertical">
  42.                         <div class="button button--icon button--serif button--multiline button--fw button--grey-red button--static">
  43.                             <div class="button__icon">
  44.                                 {{ get_svg_inline('watch') }}
  45.                             </div>
  46.                             <div class="button__label">
  47.                                 <span>{{ 'content.block.recipe-preparation'|trans }}</span>
  48.                                 <span>{{ pimcore_input('recipe-preparation', { placeholder: 'Enter text'}) }}</span>
  49.                             </div>
  50.                         </div>
  52.                         <div class="button button--icon button--serif button--multiline button--fw button--grey-red button--static">
  53.                             <div class="button__icon">
  54.                                 {{ get_svg_inline('persons') }}
  55.                             </div>
  56.                             <div class="button__label">
  57.                                 <span>{{ 'content.block.recipe-amount'|trans }}</span>
  58.                                 <span>{{ pimcore_input('recipe-amount', { placeholder: 'Enter text'}) }}</span>
  59.                             </div>
  60.                         </div>
  61.                     </div>
  63.                     <div class="area ingredients-list">
  64.                         <div class="ingredients-list__title">
  65.                             <h3 class="headline headline--content-sans headline--line-2">{{ 'content.block.ingredients-title'|trans }}</h3>
  66.                         </div>
  67.                         <div class="ingredients-list__listing">
  68.                             {% for i in pimcore_block('listing').iterator %}
  69.                             <div class="ingredients-list__group">
  70.                                 <h4 class="ingredients-list__subtitle">{{ pimcore_input('group', { placeholder: 'Enter text'}) }}</h4>
  71.                                 <ul class="ingredients-list__ingredients">
  72.                                     {% for x in pimcore_block('item').iterator %}
  73.                                     <li class="ingredients-list__ingredient">{{ pimcore_textarea('ingredient', { placeholder: 'Enter text'}) }}</li>
  74.                                     {% endfor %}
  75.                                 </ul>
  76.                             </div>
  77.                             {% endfor %}
  78.                         </div>
  79.                     </div>
  82.                     <div class="area buttons">
  83.                         <a href="#" class="button button--grey-red button--serif button--italic">Share + </a>
  84.                         <!--<a href="#" class="button button--grey-red button--serif button--italic">Print</a>-->
  85.                     </div>
  87.                     {%
  88.                             include 'includes/areabrick.html.twig' with {
  89.                             'id': 'left',
  90.                             'controlsAlign': 'top',
  91.                             'allowed': areabricks_content_allowed
  92.                         }
  93.                     %}
  94.                 </div>
  95.                 <div class="grid__column" data-columns="6">
  96.                     {%
  97.                         include 'includes/areabrick.html.twig' with {
  98.                             'id': 'right',
  99.                             'controlsAlign': 'top',
  100.                             'allowed': areabricks_content_allowed
  101.                         }
  102.                     %}
  103.                 </div>
  104.             </div>
  105.         </div>
  106.     </div>
  110.     {% include 'includes/areabrick.html.twig' with {'id': 'sections', 'controlsAlign': 'top' } %}
  112.     {%
  113.         include 'navigation/prev-next.html.twig' with {
  114.             'overview': overview|default(null),
  115.             'prev': prev|default(null),
  116.             'next': next|default(null),
  117.             'bottom': true
  118.         }
  119.     %}
  121. {% endblock content %}