app/Plugin/TabaCMS2/Resource/template/default/post_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' %}
  8. {% set body_class = 'tabacms_post_page' %}
  10. {# 投稿データの取得 #}
  11. {% set post = TabaCMSPost() %}
  13. {% block javascript %}
  14. {{ TabaCMSAsset('script.js','script')|raw }}
  15. {{ post.getScript|raw }}
  16. {% endblock javascript %}
  18. {% block stylesheet %}
  19. {{ TabaCMSAsset('style.css','style')|raw }}
  20. <style>
  21. .attention{
  22.     background-color: #F5F9FE;
  23.     border-radius: 4px;
  24.     padding: 8px 16px;
  25.     font-size: 12px;
  26. }
  27. .item-info dt{
  28.     font-weight: normal;
  29.     color: #C5A600;
  30.     min-width: 120px;
  31. }
  32. .post-body{
  33.     margin-bottom: 30px;
  34. }
  35. .tag-list{
  36.     list-style: none;
  37.     padding: 0;
  38.     margin: 0;
  39.     display: flex;
  40.     flex-wrap: wrap;
  41.     gap: 10px;
  42. }
  43. .tag-list-item-tag{
  44.     display: block;
  45.     color: #3686E4;
  46.     border: 1px solid;
  47.     border-radius: 3px;
  48.     padding: 2px 10px;
  49.     white-space: nowrap;
  50. }
  51. .post-tags > dl > dt{
  52.     margin-bottom: 10px;
  53. }
  54. /* @media only screen and (min-width: 768px) {
  55.     .ec-grid2 .ec-grid2__cell.item-image{
  56.         width: 320px;
  57.     }
  58.     .ec-grid2 .ec-grid2__cell.item-info{
  59.         width: calc(100% - 320px);
  60.         padding-left: 30px;
  61.     }
  62. } */
  63. </style>
  64. {% endblock stylesheet %}
  66. {% block main %}
  67.     <div class="ec-role">
  68.         <div class="ec-pageHeader">
  69.             <h1>{{ type.getTypeName }}</h1>
  70.         </div>
  71.         <div class="ec-pageBody">
  72.             <div class="item-body">
  73.                 {# <div class="item-image">                    
  74.                     <div class="item-thumbnail">
  75.                         {% if post.getThumbnail is not empty %}
  76.                         <img src="{{ asset(post.getThumbnail,'save_image') }}" class="w-100">
  77.                         {% else %}
  78.                         <img src="/plugin/tabacms2/assets/no_image.jpg" class="w-100">
  79.                         {% endif %}
  80.                     </div>                    
  81.                     <div class="attention mt-2">
  82.                         <p>※お客様の承諾を得て掲載しています。作品・写真の著作権はお客様に帰属します。</p>
  83.                     </div>
  84.                 </div> #}
  85.                 <div class="item-info">
  86.                     <div class="post-body">{{ post.getBody|raw }}</div>
  87.                     {% if post.postTags|length > 0 %}
  88.                     <div class="post-tags">
  89.                         <dl class="tabacms_widget">
  90.                             <dt><svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.57357C12 0.838234 11.402 0.240234 10.6667 0.240234H1.33333C0.598 0.240234 0 0.838234 0 1.57357V10.9069C0 11.6422 0.598 12.2402 1.33333 12.2402H10.6667C11.402 12.2402 12 11.6422 12 10.9069V1.57357ZM1.33333 10.9069V1.57357H10.6667L10.668 10.9069H1.33333Z" fill="#C5A600"/><path d="M2.66675 2.90625H3.99875V4.23958H2.66675V2.90625ZM5.33341 2.90625H9.33341V4.23958H5.33341V2.90625ZM2.66675 5.57292H3.99875V6.90625H2.66675V5.57292ZM5.33341 5.57292H9.33341V6.90625H5.33341V5.57292ZM2.66675 8.23958H3.99875V9.57292H2.66675V8.23958ZM5.33341 8.23958H9.33341V9.57292H5.33341V8.23958Z" fill="#C5A600"/></svg> 
  91.                             商品タグ</dt>
  92.                             <dd>
  93.                                 <ul class="tag-list">
  94.                                 {% for postTag in post.postTags %}{# {{ dump(postTag) }} #}
  95.                                     <li class="tag-list-item"><a href="{{ type.getListURI }}?tag_id={{ postTag.tag.tagId }}" class="tag-list-item-tag tabacms_tagcloud tabacms_tagcloud_{{ postTag.tag.tagCloudLevel }}"> {{ postTag.tag.tagName }}</a></li>
  96.                                 {% endfor %}
  97.                                 </ul>
  98.                             </dd>
  99.                         </dl>
  100.                     </div>
  101.                     {% endif %}
  102.                 </div>
  103.             </div>
  104.         </div>
  105.     </div>
  106. {# <div class="container-lg">
  107.     <div class="row">
  108.         <article class="col-12 col-md-9 tabacms_post">
  109.             <header class="row tabacms_header">
  110.                 {% if post.getCategory is not empty %}
  111.                     <div class="col-12">
  112.                         <label class="text-nowrap tabacms_category_{{ post.getType.getDataKey }}_{{ post.getCategory.getDataKey }}" {{ post.getCategory.getTagAttributes|raw }}>{{ post.getCategory.getCategoryName }}</label>
  113.                     </div>
  114.                 {% endif %}
  115.                 <div class="col-12 ec-pageHeader"><h1>{{ post.getTitle|raw }}</h1></div>
  116.                 <time class="col-12 text-end">
  117.                     {{ post.getPublicDate|date('Y/m/d') }}
  118.                 </time>
  119.             </header>
  120.             <section class="row tabacms_body">
  121.                 {% if post.getThumbnail is not empty %}
  122.                     <div class="col-12 offset-sm-1 col-sm-10 mb-2">
  123.                         <img src="{{ asset(post.getThumbnail,'save_image') }}" class="w-100">
  124.                     </div>
  125.                 {% endif %}
  126.                 <div class="col-12">
  127.                     {{ post.getBody|raw }}
  128.                 </div>
  129.             </section>
  130.         </article>
  131.     </div>
  132. </div> #}
  133. {% endblock %}