app/template/default/Recipe/Resource/template/default/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block stylesheet %}
  4.     <link rel="stylesheet" href="{{ asset('Recipe/assets/default/css/recipe.css' , 'plugin') }}">
  5. {% endblock stylesheet %}
  7. {% block main %}
  8. <section class="p-lower-mv">
  9.   <div class="inner">
  10.     <h2 class="p-lower-mv-title"><span>レシピ一覧</span></h2>
  11.     <div class="under bread_wrap">
  12.       <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  13.         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  14.           <a itemprop="item" href="{{ url('homepage') }}">
  15.             <span class="freight-neo-pro" itemprop="name">TOP</span>
  16.           </a>
  17.           <meta itemprop="position" content="1" />
  18.         </li>
  19.         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  20.           <a itemprop="item" href="{{ url('recipe') }}">
  21.             <span class="freight-neo-pro" itemprop="name">レシピ一覧</span>
  22.           </a>
  23.           <meta itemprop="position" content="2" />
  24.         </li>
  25.       </ol>
  26.     </div>
  27.     <!-- /.bread_wrap -->
  28.   </div>
  29. </section>
  31. {% include "@Recipe/default/recipe_search.twig" with {'search_form': search_form} %}
  33. <section class="recipe">
  34.   <div class="inner">
  35.     <!-- <p class="preparation">ただいま準備中です。</p> -->
  36.     <article class="recipe-article">
  37.       <div class="recipe-article-head">
  38.         <h3 class="recipe-article-title">{{ subtitle }}</h3>
  39.         <div class="recipe-search-result"><span class="number">{{ pagination.totalItemCount }}</span>件</div>
  40.         <div class="recipe-switch">
  41.           {% if filterFlg %}
  42.             <a href="{{ url('recipe') }}" class="is-active">絞り込み解除</a>
  43.           {% endif %}
  44.         </div>
  45.       </div>
  46.       <div class="recipe-article-body">
  47.         <ul class="recipe-list">
  48.           {% for Recipe in pagination %}
  49.           <li class="recipe-item p-recipe-box">
  50.             <a href="{{ url('recipe_detail', {'id': Recipe.id}) }}">
  51.               <div class="recipe-head">
  52.                 {% if Recipe.RecipeBadge is defined and
  53.                       Recipe.RecipeBadge is not null and
  54.                       Recipe.RecipeBadge.name is defined and
  55.                       Recipe.RecipeBadge.name is not null and
  56.                       Recipe.RecipeBadge.filename != '' %}
  57.                   <div class="recipe-badge">
  58.                     <img
  59.                         src="{{ asset(Recipe.RecipeBadge.filename|no_image_product, 'save_image') }}"
  60.                         alt="{{ Recipe.RecipeBadge.name }}">
  61.                   </div>
  62.                 {% endif %}
  63.                 <img
  64.                     src="{{ asset(Recipe.mainListImage|no_image_product, 'save_image') }}"
  65.                     alt="{{ Recipe.name }}">
  66.               </div>
  67.               <div class="recipe-body">
  68.                 <h3 class="recipe-name">{{ Recipe.name }}</h3>
  69.                 {% if Recipe.RelatedProducts|length > 0 %}
  70.                 <p class="recipe-product">使用した商品：{{ Recipe.RelatedProducts[0].ChildProduct.name }}</p>
  71.                 {% endif %}
  72.                 <div class="recipe-wrap">
  73.                   <p class="recipe-time"><span>{{ Recipe.minute }}</span>分</p>
  74.                   <p class="recipe-calorie"><span>{{ Recipe.energy }}</span>kcal</p>
  75.                 </div>
  76.                 <ul class="recipe-tag-list">
  77.                   {% for tag in Recipe.tags %}
  78.                     <li class="recipe-tag-item">♯{{ tag.name }}</li>
  79.                   {% endfor %}
  80.                 </ul>
  81.                 <ul class="material-list">
  82.                   {% for category in Recipe.categorys %}
  83.                     <li class="material-item">{{ category.name }}</li>
  84.                   {% endfor %}
  85.                   {% for material in Recipe.materials %}
  86.                     <li class="material-item">{{ material.name }}</li>
  87.                   {% endfor %}
  88.                 </ul>
  89.               </div>
  90.             </a>
  91.           </li>
  92.           {% endfor %}
  93.         </ul>
  94.       </div>
  95.       <div class="p-pagination">
  96.         {% include "@Recipe/default/pager.twig" with {'pages': pagination.paginationData} %}
  97.       </div>
  98.     </article>
  99.   </div>
  100. </section>
  102. {% endblock %}