app/template/default/EventCalendar42/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block stylesheet %}
  4. <link rel="stylesheet" href="{{ asset('EventCalendar42/assets/css/contents.css', 'plugin') }}">
  5. {% endblock %}
  7. {% block javascript %}
  8.   <script src="{{ asset('EventCalendar42/assets/js/jquery.balloon.js', 'plugin') }}"></script>
  9.     <script type="text/javascript">
  10.     $ (function(){
  11.     $('li.ahref').balloon();
  12.         $('.accordion-btn').click(function(){
  13.             $(this).parent().toggleClass('active');
  14.             $(this).parents('.event-bloc').find('.calendar_comment').slideToggle();
  15.         });
  16.     });
  17.     </script>
  18. {% endblock javascript %}
  20. {% block main %}
  21. <div class="event-role" id="calender_area">
  22.   <div class="ec-pageHeader">
  23.       <h1 class="mainttl">各種研修会などのご案内</h1>
  24.   </div>
  25.   <div class="contents-inner" id="event_list_page">
  26.     <div class="block_body">
  27.       {# イベント一覧 #}
  28.             {% for event in eventLists %}
  29.       <div class="event-list">
  30.                     {% if event.is_active %}{# 公開状態 #}
  31.                         <div class="event-bloc">
  32.               <div class="accordion_title flex">
  33.                 <div class="event-icon">
  34.                 {% if event.icon != 9 %}
  35.                   <img src="{{ asset( event.icon|event_icon , 'plugin') }}" alt="{{event.title}}" >
  36.                 {% endif %}
  37.                 </div>
  38.                 <div class="event-title">
  39.                   <h5>
  40.                     {{event.start_date|date_format('', 'Y年m月d日')}}{% if event.start_date != event.end_date %} ~ {{event.end_date|date_format('', 'Y年m月d日')}}{% endif %}
  41.                     　{{event.title}}
  42.                   </h5>
  43.                             {% if event.url %}
  44.                   <a href="{{event.url}}" {% if event.link_method %}target="_blank"{% endif %}><span class="icon link"></span></a>
  45.                   {% endif %}
  46.                 </div>
  47.                                 {% if event.free_area %}{# フリーエリアに記述があれば #}
  48.                 <div class="accordion-btn"><div>詳細を見る<img src="{{ asset('EventCalendar42/assets/img/icon/deco-arrow.png', 'plugin') }}" alt="詳細を見る"></div></div>
  49.                 {% endif %}
  50.               </div>
  51.               <div class="calendar_comment">{{event.free_area|raw|nl2br}}</div>
  52.             </div>
  53.           {% endif %}
  54.       </div>
  55.       {% endfor %}
  57.     </div>
  58.   </div>
  59. </div>
  61. {% endblock %}