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