app/Resources/views/course-set/live/tab.html.twig line 1

Open in your IDE?
  1. <div class="panel panel-default es-live-list">
  2.     <div class="panel-body">
  3.       <ul class="clearfix">
  4.           {% for dateTab in dateTabs %}
  5.             <li {% if dateTab == 'today' %}class="active"{% endif %} >
  6.               <a href="#{{ dateTab }}" data-toggle="tab">{% if dateTab == 'today' %}{{'course_set.live.today_live'|trans}}{% else %}{{ dateTab }}{% endif %}</a>
  7.             </li>
  8.         {% endfor %}
  10.       </ul>
  11.       <div class="tab-content">
  12.           {% for date,liveList in liveTabs %}
  13.             <div class="tab-pane {% if date == 'today' %}active{% endif %}" id="{{ date }}">
  14.                 {% if not liveList.current|default(null) and not liveList.future|default(null) %}
  15.                             <div class="empty">{{'course_set.live.today_live.empty'|trans}}</div>
  16.                         {% else %}
  17.                             <div class="es-live-item">
  18.                   {% if date == 'today' %}
  19.                        <div class="live-content living mbl">
  20.                                     {% if liveList.current|default(null) %}
  21.                           <div class="timeline">
  22.                            <span class="time-icon"><em></em></span>
  23.                            <span class="label label-success">{{'course_set.live.status.onlive'|trans}}</span>
  24.                           </div>
  25.                           <ul class="live-courses">
  26.                               {% for list in liveList.current %}
  27.                                 <li data-toggle="tooltip" data-trigger="hover" data-placement="top" title="{{ list.title }}">
  28.                           <a href="{{ path('course_task_show', {courseId: list.courseId, id: list.id}) }}"><span>{{ list.startTime|date('H:i') }}</span>
  29.                             {{ list.title }}
  30.                           </a>
  31.                         </li>
  32.                             {% endfor %}
  33.                           </ul>
  34.                         {% endif %}
  35.                     </div>
  36.                   {% endif %}
  38.                 <div class="live-content live">
  39.                     {% if liveList.future|default(null) %}
  40.                       <div class="timeline">
  41.                         <span class="time-icon"><em></em></span>
  42.                         {% if date == 'today' %}
  43.                                <span class="label label-info">{{'course_set.live.status.live_soon'|trans}}</span>
  44.                         {% endif %}
  45.                       </div>
  46.                       <ul class="live-courses">
  47.                         {% for list in liveList.future %}
  48.                             <li data-toggle="tooltip" data-trigger="hover" data-placement="top" title="{{ list.title }}">
  49.                         <a href="{{ path('course_task_show', {courseId:list.courseId, id: list.id}) }}" target="_blank"><span>{{ list.startTime|date('H:i') }}</span>
  50.                           {{ list.title }}
  51.                         </a>
  52.                       </li>
  53.                         {% endfor %}
  54.                       </ul>
  55.                     {% endif %}
  56.                 </div>
  57.               </div>
  58.                 {% endif %}
  60.             </div>
  61.         {% endfor %}
  63.       </div>
  64.     </div>
  65.   </div>
  67. <script>
  68. $('[data-toggle="tooltip"]').tooltip({
  69.   html: true,
  70. });
  71. </script>