session_catalog.tpl 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. {% extends template ~ "/layout/page.tpl" %}
  2. {% block body %}
  3. <script type="text/javascript">
  4. $(document).ready(function () {
  5. $('#date').datepicker({
  6. dateFormat: 'yy-mm-dd'
  7. });
  8. });
  9. </script>
  10. <div class="col-md-12">
  11. <h3>{{ 'Sessions'|get_lang }}</h3>
  12. <div class="search-session">
  13. <div class="row">
  14. <div class="col-md-{{ show_courses ? '4' : '6' }}">
  15. <form class="form-inline" method="post" action="{{ _p.web_self }}?action=display_sessions">
  16. <div class="form-group">
  17. <label>{{ "ByDate"|get_lang }}</label>
  18. <div class="input-group">
  19. <input type="date" name="date" id="date" title="{{ 'Date'|get_lang }}"
  20. class="form-control" value="{{ search_date }}" readonly>
  21. <span class="input-group-btn">
  22. <button class="btn btn-default" type="submit">
  23. <em class="fa fa-search"></em> {{ 'Search'|get_lang }}
  24. </button>
  25. </span>
  26. </div>
  27. </div>
  28. </form>
  29. </div>
  30. <div class="col-md-{{ show_courses ? '4' : '6' }}">
  31. <form class="form-inline" method="post" action="{{ _p.web_self }}?action=search_tag">
  32. <label>{{ "ByTag"|get_lang }}</label>
  33. <div class="input-group">
  34. <input type="text" name="search_tag" title="{{ 'ByTag'|get_lang }}" class="form-control"
  35. value="{{ search_tag }}"/>
  36. <span class="input-group-btn">
  37. <button class="btn btn-default" type="submit">
  38. <em class="fa fa-search"></em> {{ 'Search'|get_lang }}
  39. </button>
  40. </span>
  41. </div>
  42. </form>
  43. </div>
  44. {% if show_courses %}
  45. <div class="col-md-4">
  46. <a class="btn btn-default btn-block btn-catalog" href="{{ _p.web_self }}">
  47. {{ "CourseManagement"|get_lang }}
  48. </a>
  49. </div>
  50. {% endif %}
  51. </div>
  52. </div>
  53. </div>
  54. <!-- new view session grib -->
  55. <div class="grid-courses col-md-12">
  56. <div class="row">
  57. {% for item in sessions %}
  58. <div class="col-md-3 col-sm-6 col-xs-6">
  59. <div id="session-{{ item.id }}" class="items">
  60. <div class="image">
  61. <img class="img-responsive"
  62. src="{{ item.image ? _p.web_upload ~ item.image : 'session_default.png'|icon() }}">
  63. {% if item.category != '' %}
  64. <span class="category">{{ item.category }}</span>
  65. <div class="cribbon"></div>
  66. {% endif %}
  67. <div class="black-shadow">
  68. {% if show_tutor %}
  69. <div class="author-card">
  70. <a href="{{ item.coach_url }}" class="ajax" data-title="{{ item.coach_name }}">
  71. <img src="{{ item.coach_avatar }}"/>
  72. </a>
  73. <div class="teachers-details">
  74. <h5>
  75. <a href="{{ item.coach_url }}" class="ajax"
  76. data-title="{{ item.coach_name }}">
  77. {{ item.coach_name }}
  78. </a>
  79. </h5>
  80. </div>
  81. </div>
  82. {% endif %}
  83. <div class="session-date">
  84. <i class="fa fa-calendar-o" aria-hidden="true"></i> {{ item.date }}
  85. </div>
  86. </div>
  87. <div class="admin-actions">
  88. <div class="btn-group" role="group">
  89. {% if item.edit_actions != '' %}
  90. <a class="btn btn-default btn-sm" href="{{ item.edit_actions }}">
  91. <i class="fa fa-pencil" aria-hidden="true"></i>
  92. </a>
  93. {% endif %}
  94. {% if item.is_subscribed %}
  95. {{ already_subscribed_label }}
  96. {% endif %}
  97. </div>
  98. </div>
  99. </div>
  100. <div class="description">
  101. <h4 class="title">
  102. <a href="{{ _p.web ~ 'session/' ~ item.id ~ '/about/' }}" title="{{ item.name }}">
  103. {{ item.name }}
  104. </a>
  105. </h4>
  106. <div class="toolbar">
  107. <div class="left">
  108. {% if item.price %}
  109. {{ item.price }}
  110. {% endif %}
  111. </div>
  112. <br/>
  113. <div class="info">
  114. <span>
  115. <i class="fa fa-book" aria-hidden="true"></i>
  116. {{ item.nbr_courses }} {{ 'Courses'|get_lang }}
  117. </span>
  118. <span>
  119. <i class="fa fa-user" aria-hidden="true"></i>
  120. {{ item.nbr_users }} {{ 'NbUsers'|get_lang }}
  121. </span>
  122. </div>
  123. {% if not _u.logged %}
  124. &nbsp;
  125. {% else %}
  126. <div class="btn-group btn-group-sm" role="group">
  127. {% if item.sequences is empty %}
  128. &nbsp;
  129. {% else %}
  130. <a class="btn btn-default btn-sm" role="button"
  131. title="{{ 'SeeSequences'|get_lang }}" data-toggle="popover"
  132. id="session-{{ item.id }}-sequences">
  133. <i class="fa fa-sitemap" aria-hidden="true"></i>
  134. </a>
  135. {% endif %}
  136. {% if item.is_subscribed == false %}
  137. {{ item.subscribe_button }}
  138. {% endif %}
  139. </div>
  140. {% endif %}
  141. </div>
  142. </div>
  143. {% if _u.logged %}
  144. <script>
  145. $('#session-{{ item.id }}-sequences').popover({
  146. placement: 'bottom',
  147. html: true,
  148. trigger: 'click',
  149. content: function () {
  150. var content = '';
  151. {% if item.sequences %}
  152. {% for sequence in item.sequences %}
  153. content += '<p class="lead">{{ sequence.name }}</p>';
  154. {% if sequence.requirements %}
  155. content += '<p><em class="fa fa-sort-amount-desc"></em> {{ 'RequiredSessions'|get_lang }}</p>';
  156. content += '<ul>';
  157. {% for requirement in sequence.requirements %}
  158. content += '<li>';
  159. content += '<a href="{{ _p.web ~ 'session/' ~ requirement.id ~ '/about/' }}">{{ requirement.name }}</a>';
  160. content += '</li>';
  161. {% endfor %}
  162. content += '</ul>';
  163. {% endif %}
  164. {% if sequence.dependencies %}
  165. content += '<p><em class="fa fa-sort-amount-desc"></em> {{ 'DependentSessions'|get_lang }}</p>';
  166. content += '<ul>';
  167. {% for dependency in sequence.dependencies %}
  168. content += '<li>';
  169. content += '<a href="{{ _p.web ~ 'session/' ~ dependency.id ~ '/about/' }}">{{ dependency.name }}</a>';
  170. content += '</li>';
  171. {% endfor %}
  172. content += '</ul>';
  173. {% endif %}
  174. {% if item.sequences|length > 1 %}
  175. content += '<hr>';
  176. {% endif %}
  177. {% endfor %}
  178. {% else %}
  179. content = "{{ 'NoDependencies'|get_lang }}";
  180. {% endif %}
  181. return content;
  182. }
  183. });
  184. </script>
  185. {% endif %}
  186. </div>
  187. </div>
  188. {% else %}
  189. <div class="col-xs-12">
  190. <div class="alert alert-warning">
  191. {{ 'NoResults'|get_lang }}
  192. </div>
  193. </div>
  194. {% endfor %}
  195. </div>
  196. </div>
  197. <!-- end view session grib -->
  198. {{ catalog_pagination }}
  199. {% endblock %}