app/template/bynoiezam/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.                 $(this).parent().find('.ec-newsRole__newsItem').show();
  18.             });
  20.             $('.ec-newsRole__newsHeading').on('click', function() {
  21.                 $newsItem = $(this).parent('.ec-newsRole__newsItem');
  22.                 $newsDescription = $newsItem.children('.ec-newsRole__newsDescription');
  23.                 if ($newsDescription.css('display') == 'none') {
  24.                     $newsItem.addClass('is_active');
  25.                     $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-right-gray2.svg") }}');
  26.                     $newsDescription.slideDown(300);
  27.                     $(this).find('img').css({
  28.                       'transform':'rotate(90deg)'
  29.                     });
  30.                 } else {
  31.                     $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-right-gray2.svg") }}');
  32.                     $(this).find('img').css({
  33.                       'transform':'rotate(0deg)'
  34.                     });
  35.                     $newsItem.removeClass('is_active');
  36.                     $newsDescription.slideUp(300);
  37.                 }
  38.                 return false;
  39.             });
  40.         });
  41.     </script>
  42. {% endblock %}
  43. {% if NewsList|length > 0 %}
  44. <div class="ec-role">
  45.     <div class="ec-newsRole ec-contentRole">
  46.         <div class="ec-secHeading">
  47.             <div>
  48.                 <span class="ec-secHeading__en">{{ 'NEWS'|trans }}</span>
  49.                 <img src="{{ asset('assets/icon/slash.svg') }}" alt="" class="ec-slash is-pc">
  50.                 <span class="ec-secHeading__ja">{{ '新着情報'|trans }}</span>
  51.             </div>
  52.         </div>
  53.         <div class="ec-newsRole__news">
  54.             {% for News in NewsList %}
  55.                 <div class="ec-newsRole__newsItem">
  56.                     <div class="ec-newsRole__newsHeading{% if News.description or News.url %} has-description{% endif %}">
  57.                         <div class="ec-newsRole__newsDate">
  58.                             {{ News.publish_date|date_day }}
  59.                         </div>
  60.                         <div class="ec-newsRole__newsColumn">
  61.                             <div class="ec-newsRole__newsTitle">
  62.                                 {{ News.title|raw }}
  63.                             </div>
  64.                             {% if News.description or News.url %}
  65.                                 <div class="ec-newsRole__newsClose">
  66.                                     <a class="ec-newsRole__newsCloseBtn">
  67.                                         <img src="{{ asset("assets/icon/side-arrow-right-gray2.svg") }}" alt="">
  68.                                     </a>
  69.                                 </div>
  70.                             {% endif %}
  71.                         </div>
  72.                     </div>
  73.                     {% if News.description or News.url %}
  74.                         <div class="ec-newsRole__newsDescription">
  75.                             {{ News.description|raw|nl2br }}
  76.                             {% if News.url %}
  77.                                 <br>
  78.                                 <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}>{{ '詳しくはこちら'|trans }}</a>
  79.                             {% endif %}
  80.                         </div>
  81.                     {% endif %}
  82.                 </div>
  83.             {% endfor %}
  84.         </div>
  85.     </div>
  86. </div>
  87. {% endif %}