app/template/plants/Block/news.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% set NewsList = repository('Eccube\\Entity\\News').getList() %}
  13. {% block stylesheet %}
  15.     <style>
  16.         .ec-newsRole .ec-newsRole__news {
  17.             border: none;
  18.             padding: 0;
  19.         }
  20.         .ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
  21.             border-bottom: none;
  22.         }
  24.     </style>
  26. {% endblock %}
  28. {% block javascript %}
  29.     <script>
  30.         $(function() {
  31.             $('.ec-newsRole__news').each(function() {
  32.                 var listLength = $(this).find('.ec-newsRole__newsItem').length;
  33.                 if (listLength > 6) {
  34.                     $(this).find('.ec-newsRole__newsItem:gt(5)').each(function() {
  35.                         $(this).hide();
  36.                     });
  37.         {#                    $(this).append('<a id="news_readmore" class="ec-inlineBtn--top">{{ 'more'|trans }}</a>');
  38.                     var dispNum = ;
  39.                     $(this).find('#news_readmore').click(function() {
  40.                         dispNum += 6;
  41.                         $(this).parent().find('.ec-newsRole__newsItem:lt(' + dispNum + ')').show();
  42.                         if (dispNum >= listLength) {
  43.                             $(this).hide();
  44.                         }
  45.                     })#}
  46.                 }
  47.             });
  49.             $('.ec-newsRole__newsHeading').on('click', function() {
  50.                 $newsItem = $(this).parent('.ec-newsRole__newsItem');
  51.                 $newsDescription = $newsItem.children('.ec-newsRole__newsDescription');
  52.                 if ($newsDescription.css('display') == 'none') {
  53.                     $newsItem.addClass('is_active');
  54.                     $newsDescription.slideDown(300);
  55.                 } else {
  56.                     $newsItem.removeClass('is_active');
  57.                     $newsDescription.slideUp(300);
  58.                 }
  59.                 return false;
  60.             });
  61.         });
  62.     </script>
  63. {% endblock %}
  64. <div class="ec-role">
  65.     <div class="ec-newsRole">
  66.         {#<div class="ec-secHeading">#}
  67.         {#    <span class="ec-secHeading__en">{{ 'NEWS'|trans }}</span>#}
  68.         {#    <span class="ec-secHeading__line"></span>#}
  69.         {#    <span class="ec-secHeading__ja">{{ '新着情報'|trans }}</span>#}
  70.         {#</div>#}
  71.         
  72.         <div class="ec-newsRole__news">
  73.             {% for News in NewsList %}
  74.                 <div class="ec-newsRole__newsItem"  data-aos="fade-up">
  75.                     <div class="ec-newsRole__newsHeading">
  76.                         <div class="ec-newsRole__newsDate news_date">
  77.                             {{ News.publish_date|date_day }}
  78.                         </div>
  79.                         <div class="ec-newsRole__newsColumn news_ttl">
  80.                             <div class="ec-newsRole__newsTitle">
  81.                                 {{ News.title }}
  82.                             </div>
  83.                             {#{% if News.description or News.url %}#}
  84.                             {#    <div class="ec-newsRole__newsClose">#}
  85.                             {#        <a class="ec-newsRole__newsCloseBtn">#}
  86.                             {#            <i class="fas fa-angle-down"></i>#}
  87.                             {#        </a>#}
  88.                             {#    </div>#}
  89.                             {#{% endif %}#}
  90.                         </div>
  91.                     </div>
  92.         {#    <div class="ec-newsRole__newsDescription">
  93.                         {{ News.description|raw|nl2br }}
  94.                         {% if News.url %}
  95.                             <br>
  96.                             <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}>{{ '詳しくはこちら'|trans }}</a>
  97.                         {% endif %}
  98.                     </div>#}
  99.                 </div>
  100.             {% endfor %}
  101.         </div>
  102.  
  103.         
  104.     </div>
  105. </div>