app/Plugin/TabaCMS2/Resource/template/default/list_gallery.twig line 1

Open in your IDE?
  1. {#
  2. Copyright (C) SPREAD WORKS Inc. All Rights Reserved.
  4. For the full copyright and license information, please view the LICENSE
  5. file that was distributed with this source code.
  6. #}
  7. {% extends 'default_frame.twig' %}
  9. {# 投稿リストの取得 #}
  10. {% set post_list = TabaCMSPostList() %}
  12. {% block javascript %}
  13. {{ TabaCMSAsset('script.js','script')|raw }}
  14. {% endblock javascript %}
  16. {% block stylesheet %}
  17. {{ TabaCMSAsset('style.css','style')|raw }}
  18. <style>
  19. .tabacms_blog_list{
  20.     display: grid;
  21.     gap: 24px;
  22.     grid-template-columns: repeat(2, 1fr);
  23. }
  24. .tabacms_blog_list li{
  25.     position: relative;
  26.     padding-bottom: 20px;
  27. }
  28. .tabacms_blog_list article,
  29. .tabacms_blog_list .tabacms_detail label{
  30.     margin: 0;
  31. }
  32. .tabacms_blog_list .tabacms_detail label{
  33.     position: absolute;
  34.     bottom: 0;
  35.     left: 0;
  36. }
  37. @media only screen and (min-width: 768px) {
  38.     .tabacms_blog_list{
  39.         grid-template-columns: repeat(3, 1fr);
  40.     }
  41. }
  42. @media only screen and (min-width: 1024px) {
  43.     .tabacms_blog_list{
  44.         grid-template-columns: repeat(5, 1fr);
  45.     }
  46. }
  47. </style>
  48. {% endblock stylesheet %}
  50. {% block main %}
  51.     <div class="ec-role">
  52.         <div class="ec-pageHeader">
  53.             <h1>{{ type.getTypeName }}</h1>
  54.         </div>
  55.         <div class="ec-pageBody">
  56.             {% if post_list.items|length > 0 %}
  57.                 <ul class="tabacms_blog_list tabacms_height_match">
  58.                     {% set no_image = TabaCMSAsset('no_image.jpg') %}
  59.                     {% for post in post_list %}
  60.                     <li>
  61.                         <article>
  62.                             <div class="tabacms_thumbnail_wrapper">
  63.                                 {% set thumb = no_image %}
  64.                                 {% if post.getThumbnail is not empty %}
  65.                                 {% set thumb = asset(post.getThumbnail,'save_image') %}
  66.                                 {% endif %}
  67.                                 <div class="tabacms_thumbnail" style="background-image:url({{ thumb }});">
  68.                                     {% if post.getContentDiv == constant('CONTENT_DIV_BODY',post) %}
  69.                                     <a href="{{ post.getURI }}"><img src="{{ thumb }}"></a>
  70.                                     {% elseif post.getContentDiv == constant('CONTENT_DIV_LINK',post) %}
  71.                                     <a href="{{ post.getLinkUrl }}" {% if post.getLinkTarget %} target="{{ post.getLinkTarget }}" {% endif %}><img src="{{ thumb }}"></a>
  72.                                     {% elseif post.getContentDiv == constant('CONTENT_DIV_TITLE',post) %}
  73.                                     <img src="{{ thumb }}">
  74.                                     {% endif %}
  75.                                 </div>
  76.                             </div>
  77.                             <div class="tabacms_detail">
  78.                                 <p class="tabacms_ellipsis_3">{{ post.getTitle }}</p>
  79.                                 {# <p class="tabacms_ellipsis_3">{{ post.getBody|striptags|raw }}</p> #}
  80.                                 {% if post.getCategory is not empty %}
  81.                                 <label class="text-nowrap tabacms_category_{{ post.getType.getDataKey }}_{{ post.getCategory.getDataKey }}" {{ post.getCategory.getTagAttributes|raw }}>{{ post.getCategory.getCategoryName }}</label>
  82.                                 {% endif %}
  83.                                 {# <time>
  84.                                     {{ post.getPublicDate|date('Y/m/d') }}
  85.                                 </time> #}
  86.                                 {# {% if post.getContentDiv == constant('CONTENT_DIV_BODY',post) %}
  87.                                 <h2 class="tabacms_ellipsis_2">
  88.                                     <a href="{{ post.getURI }}">{{ post.getTitle }}</a>
  89.                                 </h2>
  90.                                 <p class="tabacms_ellipsis_3">
  91.                                     {{ post.getBody|striptags|raw }}
  92.                                 </p>
  93.                                 <a href="{{ post.getURI }}" class="tabacms_readmore">もっと読む</a>
  94.                                 {% elseif post.getContentDiv == constant('CONTENT_DIV_LINK',post) %}
  95.                                 <h2 class="tabacms_ellipsis_2">
  96.                                     <a href="{{ post.getLinkUrl }}" {% if post.getLinkTarget %} target="{{ post.getLinkTarget }}" {% endif %}>{{ post.getTitle }}</a>
  97.                                 </h2>
  98.                                 {% elseif post.getContentDiv == constant('CONTENT_DIV_TITLE',post) %}
  99.                                 <h2 class="tabacms_ellipsis_2">
  100.                                     {{ post.getTitle }}
  101.                                 </h2>
  102.                                 {% endif %} #}
  103.                             </div>
  104.                         </article>
  105.                     </li>
  106.                     {% endfor %}
  107.                 </ul>
  108.                 {% if post_list.totalItemCount > 0 %}
  109.                     {% include "pager.twig" with {'pages':post_list.paginationData} %}
  110.                 {% endif %}
  111.             {% else %}
  112.                 <p>まだ投稿はございません</p>
  113.             {% endif %}
  114.         </div>
  115.     </div>
  116. {% endblock %}