session_catalog.tpl 12 KB

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