app/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">{{ '過去のNEWSを見る'|trans }}<img src="{{ asset('assets/icon/icon_add.svg') }}" class="ec-newsRole__iconlink circle-white" alt="プラスアイコン"></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.                         $('.ec-newsRole__newsItem:nth-child(5n)').css('background-image', 'linear-gradient(to right, #dedede, #dedede 4px, transparent 2px, transparent 8px)');
  31.                     })
  32.                 }
  33.             });
  35.             $('.ec-newsRole__newsHeading').on('click', function() {
  36.                 $newsItem = $(this).parent('.ec-newsRole__newsItem');
  37.                 $newsDescription = $newsItem.children('.ec-newsRole__newsDescription');
  38.                 if ($newsDescription.css('display') == 'none') {
  39.                     $newsItem.addClass('is_active');
  40.                     $newsDescription.slideDown(300);
  41.                 } else {
  42.                     $newsItem.removeClass('is_active');
  43.                     $newsDescription.slideUp(300);
  44.                 }
  45.                 return false;
  46.             });
  47.         });
  48.     </script>
  49. {% endblock %}
  50. <div class="ec-role">
  51.     <div class="ec-newsRole">
  52.         <div class="ec-secHeading">
  53.             <h2 class="ec-secHeading__title" style="font-family: roboto;">{{ 'NEWS'|trans }}</h2>
  54.         </div>
  55.         <div class="ec-newsRole__news">
  56.             {% for News in NewsList %}
  57.                 <div class="ec-newsRole__newsItem">
  58.                     <div class="ec-newsRole__newsHeading">
  59.                         <div class="ec-newsRole__newsDate">
  60.                             {{ News.publish_date|date_day }}
  61.                         </div>
  62.                         <div class="ec-newsRole__newsColumn">
  63.                             <div class="ec-newsRole__newsTitle">
  64.                                 {{ News.title }}
  65.                             </div>
  66.                             {% if News.description or News.url %}
  67.                                 <div class="ec-newsRole__newsClose">
  68. {#                                     <a class="ec-newsRole__newsCloseBtn"> #}
  69.                                         <img src="{{ asset('assets/icon/icon_add.svg') }}" class="ec-newsRole__iconlink only-opend" alt="プラスアイコン">
  70.                                         <img src="{{ asset('assets/icon/icon_minus.svg') }}" class="ec-newsRole__iconlink" alt="マイナスアイコン">
  71. {#                                     </a> #}
  72.                                 </div>
  73.                             {% endif %}
  74.                         </div>
  75.                     </div>
  76.                     <div class="ec-newsRole__newsDescription">
  77.                         {{ News.description|raw|nl2br }}
  78.                         {% if News.url %}
  79.                             <br>
  80.                             <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %} class="ec-newsRole__linkmore">
  81.                                 {{ '詳しくはこちら'|trans }}
  82.                                 <img src="{{ asset('assets/icon/icon_arrow_red.svg') }}" class="ec-itemNav__iconlink" alt="矢印アイコン">
  83.                             </a>
  84.                         {% endif %}
  85.                     </div>
  86.                 </div>
  87.             {% endfor %}
  88.         </div>
  89.     </div>
  90. </div>