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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.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 _this = $(this);
  18.           var listLength = _this.find('.ec-newsRole__newsItem').length;
  19.           if (listLength > 5) {
  20.             _this.find('.ec-newsRole__newsItem:gt(4)').each(function() {
  21.               $(this).hide();
  22.             });
  23.             _this.append('<div class="mt-3 text-center"><a id="news_readmore" class="btn ec-inlineBtn--top">{{ 'more'|trans }}</a></div>');
  24.             var dispNum = 5;
  25.             $(this).find('#news_readmore').click(function() {
  26.               dispNum += 5;
  27.               _this.parent().find('.ec-newsRole__newsItem:lt(' + dispNum + ')').show();
  28.               if (dispNum >= listLength) {
  29.                 $(this).hide();
  30.               }
  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 %}
  51. <div class="ec-role">
  52.   <div class="ec-newsRole">
  53.     <div class="ec-secHeading">
  54.       <span class="ec-secHeading__en">{{ 'NEWS'|trans }}</span>
  55.       <span class="ec-secHeading__line"></span>
  56.       <span class="ec-secHeading__ja">{{ '新着情報'|trans }}</span>
  57.     </div>
  58.     <div class="ec-newsRole__news">
  59.       {% for News in NewsList %}
  60.         <div class="ec-newsRole__newsItem">
  61.           <div class="ec-newsRole__newsHeading">
  62.             <div class="ec-newsRole__newsDate">
  63.               {{ News.publish_date|date_day }}
  64.             </div>
  65.             <div class="ec-newsRole__newsColumn">
  66.               <div class="ec-newsRole__newsTitle">
  67.                 {{ News.title }}
  68.               </div>
  69.               {% if News.description or News.url %}
  70.                 <div class="ec-newsRole__newsClose">
  71.                   <a class="ec-newsRole__newsCloseBtn">
  72.                     <i class="fas fa-angle-down"></i>
  73.                   </a>
  74.                 </div>
  75.               {% endif %}
  76.             </div>
  77.           </div>
  78.           <div class="ec-newsRole__newsDescription">
  79.             {{ News.description|raw|nl2br }}
  80.             {% if News.url %}
  81.               <br>
  82.               <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}>{{ '詳しくはこちら'|trans }}</a>
  83.             {% endif %}
  84.           </div>
  85.         </div>
  86.       {% endfor %}
  87.     </div>
  88.   </div>
  89. </div>