app/template/akracing/web/detail.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  4. {% block javascript %}{% endblock %}
  6. {% block stylesheet %}
  7. <style>
  8. .pluginCMBblog .post_meta {
  9.     display: flex;
  10.     list-style: none;
  11.     margin: 0;
  12.     padding: 0;
  13.     width: 95%;
  14.     margin: 0 auto;
  15. }
  16. .pluginCMBblog .blog_category{
  17.     margin: 0;
  18.     padding: 0;
  19. }
  20. .pluginCMBblog .blog_category{
  21.     display: initial;
  22. }
  23. .pluginCMBblog .blog_category li{
  24.     display: initial;
  25.     border-right: 1px solid #ddd;
  26. }
  28. .pluginCMBblog .blog_category li:last-child {
  29.     border-right: none;
  30. }
  32. .pluginCMBblog .post_meta .post_meta_list{
  33.     padding-right: 2rem;
  34. }
  36. .pluginCMBblog .list_category_link{
  37.     color: #337ab7;
  38.     padding: 0 0.5rem;
  39. }
  40. .pluginCMBblog .main_image_blog{
  41.     padding: 3rem 0;
  42. }
  44. .pluginCMBblog .post_meta_list.time{
  45.     width: 15rem;
  46.     display: inline-table;
  47. }
  48. .pluginCMBblog .tag_dl{
  49.     display: flex;
  50. }
  52. .pluginCMBblog .blog_Title{
  53.     word-break: break-word;
  54.     margin-bottom: 20px;
  55. }
  56. .pluginCMBblog .cm_blog_main_image{
  57.     text-align: center;
  58. }
  59. .pluginCMBblog .cm_blog_main_image img{
  60.     max-width: 100%;
  61.     width: auto;
  62. }
  65. @media screen and (max-width: 768px){
  66.     .pluginCMBblog .post_meta {
  67.         display: block;
  68.     }
  69.     
  70.     .pluginCMBblog .post_meta_list.time{
  71.         width: 100%;
  72.     }   
  73. }
  75. </style>
  76. {% endblock %}
  78. {% block main %}
  79. {% if is_granted('ROLE_USER') %}
  80.     {# 会員限定 #}
  81.     <div id="page_user_data" class="ec-role blog_detail pluginCMBblog">
  84.         <div class="ec-pageHeader">
  85.             <h1 class="blog_Title">{{ blog.title }}</h1>
  86.         </div>
  87.         <ul class="post_meta ">
  88.             <li class="post_meta_list time"><i class="fas fa-calendar-alt"></i>&nbsp;{{blog.release_date|date('Y-m-d')}}</li>
  89.             <li class="post_meta_list">
  90.                 <dl class="tag_dl">
  91.                     <dt><i class="fas fa-tags"></i></dt>
  92.                     <dd>
  93.                     <ul class="blog_category">
  94.                         {% for category in blog.getBlogCategories %}
  95.                             <li class="{{category.getCategory.class|raw}}">
  96.                                 <a href="{{ url('cm_blog_page_list', {categories: [category.getCategory().getId()]}) }}" class="list_category_link">
  97.                                 {{ category.getCategory.getName|raw }}
  98.                                 </a>
  99.                             </li>
  100.                         {% endfor %}
  101.                     </ul>
  102.                     </dd>
  103.                 </dl>
  104.             </li>
  105.         </ul>
  106.         <div class="ec-off1Grid">
  107.             <div class="ec-off1Grid__cell">
  108.                 <div class="cm_blog_main_image">
  109.                     {% if blog.getMainListImage %}
  110.                     <img src="{{ asset(blog.getMainListImage|no_image_product, 'save_image') }}" class="main_image_blog"></img>
  111.                     {% endif %}
  112.                 </div>
  113.                 <div class="ec-grid2__cell">
  114.                     <div class="ec-productRole__profile">
  115.                         <div class="ec-productRole__description">{{ blog.body|raw }}
  116.                         </div>
  117.                     </div>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.     </div>
  122. {% else %}
  123.     {% if(blog.members == 1) %}
  124.         {# 会員限定 の ため エラー表示 #}
  125.         <div id="page_user_data" class="ec-role blog_detail pluginCMBblog">
  126.                 <div class="ak-header">
  127.                     <div class="ak-pageHeader">
  128.                         <h1>NEWS</h1>
  129.                     </div>
  130.                 </div><!-- ak-header -->
  131.                 <div class="ec-pageHeader">
  132.                     <h1 class="blog_Title">会員限定 ニュース</h1>
  133.                 </div>
  134.                 <div class="ec-off1Grid">
  135.                     <div class="ec-off1Grid__cell">
  136.                         <div class="cm_blog_main_image">
  137.                             {% if blog.getMainListImage %}
  138.                             <img src="{{ asset(blog.getMainListImage|no_image_product, 'save_image') }}" class="main_image_blog"></img>
  139.                             {% endif %}
  140.                         </div>
  141.                         <div class="ec-grid2__cell">
  142.                             <div class="ec-productRole__profile">
  143.                                 <div class="ec-productRole__description">
  144.                                     この記事を閲覧するには、ユーザ登録が必要になります。
  145.                                 </div>
  146.                             </div>
  147.                         </div>
  148.                     </div>
  149.                 </div>
  150.         </div>
  151.     {% else %}
  152.         {# 一般公開 #}
  153.         <div id="page_user_data" class="ec-role blog_detail pluginCMBblog">
  154.                 <div class="ak-header">
  155.                     <div class="ak-pageHeader">
  156.                         <h1>NEWS</h1>
  157.                     </div>
  158.                 </div><!-- ak-header -->
  160.             <div class="ec-pageHeader">
  161.                 <h1 class="blog_Title">{{ blog.title }}</h1>
  162.             </div>
  163.             <ul class="post_meta ">
  164.                 <li class="post_meta_list time"><i class="fas fa-calendar-alt"></i>&nbsp;{{blog.release_date|date('Y-m-d')}}</li>
  165.                 <li class="post_meta_list">
  166.                     <dl class="tag_dl">
  167.                         <dt><i class="fas fa-tags"></i></dt>
  168.                         <dd>
  169.                         <ul class="blog_category">
  170.                             {% for category in blog.getBlogCategories %}
  171.                                 <li class="{{category.getCategory.class|raw}}">
  172.                                     <a href="{{ url('cm_blog_page_list', {categories: [category.getCategory().getId()]}) }}" class="list_category_link">
  173.                                     {{ category.getCategory.getName|raw }}
  174.                                     </a>
  175.                                 </li>
  176.                             {% endfor %}
  177.                         </ul>
  178.                         </dd>
  179.                     </dl>
  180.                 </li>
  181.             </ul>
  182.             <div class="ec-off1Grid">
  183.                 <div class="ec-off1Grid__cell">
  184.                     <div class="cm_blog_main_image">
  185.                         {% if blog.getMainListImage %}
  186.                         <img src="{{ asset(blog.getMainListImage|no_image_product, 'save_image') }}" class="main_image_blog"></img>
  187.                         {% endif %}
  188.                     </div>
  189.                     <div class="ec-grid2__cell">
  190.                         <div class="ec-productRole__profile">
  191.                             <div class="ec-productRole__description">{{ blog.body|raw }}
  192.                             </div>
  193.                         </div>
  194.                     </div>
  195.                 </div>
  196.             </div>
  197.         </div>
  198.     {% endif %}
  200. {% endif %}
  202. {% endblock %}