src/Eccube/Resource/template/default/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 javascript %}
  14. <script>
  15.     $(function() {
  16.     $('.ec-newsRole__news').each(function () {
  17.         var listLength = $(this).find('.ec-newsRole__newsItem').length;
  18.         if (listLength > 5) {
  19.             $(this).find('.ec-newsRole__newsItem:gt(4)').each(function () {
  20.                 $(this).hide();
  21.             });
  22.             $(this).append('<a id="news_readmore" class="ec-inlineBtn--top">{{ 'more'|trans }}</a>');
  23.                     var dispNum = 5;
  24.                     $(this).find('#news_readmore').click(function() {
  25.                         dispNum += 5;
  26.                         $(this).parent().find('.ec-newsRole__newsItem:lt(' + dispNum + ')').show();
  27.                         if (dispNum >= listLength) {
  28.                             $(this).hide();
  29.                         }
  30.                     })
  31.                 }
  32.             });
  34.             // $('.ec-newsRole__newsHeading').on('click', function() {
  35.             //     $newsItem = $(this).parent('.ec-newsRole__newsItem');
  36.             //     $newsDescription = $newsItem.children('.ec-newsRole__newsDescription');
  37.             //     if ($newsDescription.css('display') == 'none') {
  38.             //         $newsItem.addClass('is_active');
  39.             //         $newsDescription.slideDown(300);
  40.             //     } else {
  41.             //         $newsItem.removeClass('is_active');
  42.             //         $newsDescription.slideUp(300);
  43.             //     }
  44.             //     return false;
  45.             // });
  46.         });
  47.     </script>
  48. {% endblock %}
  49. <div class="ec-role">
  50.     <div class="ec-newsRole topNewsSpliter">
  51.         <div class="ec-newsRole__listTitle">
  52.             <div class="ec-newsRole__listItemHeading ec-secHeading--tandem">
  53.                 <span class="ec-secHeading__en">{{ 'NEWS'|trans }}</span>
  54.                 <span class="ec-secHeading__ja">{{ 'ニュース'|trans }}</span>
  55.             </div>
  56.             <a class="ec-recommendedBtn--more show-resultPC" href="{{ url('news_list') }}">{{ 'ニュース一覧を見る'|trans }}</a>
  57.         </div>
  58.         <div class="ec-newsRole__news">
  59.             {% for key, News in NewsList %}
  60.                 {% if key < 4 %}
  61.                     <div class="ec-newsRole__newsItem">
  62.                         <a class="ec-newsItem" href="{{ url('news_detail', {'id': News.id}) }}">
  63.                             <div class="ec-newsRole__newsHeading">
  64.                                 <div class="ec-newsRole__newsDate">
  65.                                     {{ News.publish_date|date_day }}
  66.                                 </div>
  67.                                 <div class="ec-newsRole__newsTitle">
  68.                                     {{ News.title }}
  69.                                 </div>
  70.                                 {% if key % 2 == 1 %}
  71.                                     <span class="ec-newsRole__newsBtn even">{{ 'お知らせ'|trans }}</span>
  72.                                 {% else %}
  73.                                     <span class="ec-newsRole__newsBtn odd">{{ 'お知らせ'|trans }}</span>
  74.                                 {% endif %}
  75.                             </div>
  76.                         </a>
  77.                     </div>
  78.                 {% endif %}
  79.             {% endfor %}
  80.         </div>
  81.         <div class="ec-newsRole__listTitle newsRole__listTitleBottom">
  82.             <a class="ec-recommendedBtn--more show-resultSP" href="{{ url('news_list') }}">{{ 'ニュース一覧を見る'|trans }}</a>
  83.         </div>
  84.     </div>
  85. </div>