templates/Front/Scholar/Lesson/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block back_to_dashboard %}
  4. {% include 'Front/Scholar/Partial/_back_to_dashboard.html.twig' %}
  5. {% endblock back_to_dashboard %}
  7. {% block title %}{{ lesson.name }} - {{ parent() }}{% endblock %}
  9. {% set currentRoute = app.request.attributes.get('_route') %}
  11. {% block stylesheets %}
  12. {{ parent() }}
  13. {{ encore_entry_link_tags('styles', 'core', 'core') }}
  14. {% endblock %}
  16. {% block before_navbar %}
  17. {% include 'Front/Scholar/Partial/_preview_manager_heager.html.twig' with {
  18. 'channel': channel,
  19. 'currentRoute': currentRoute,
  20. } %}
  21. {% endblock before_navbar %}
  23. {% block body_markup %}
  24. <body class="progression lesson-view {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}logged-in{% endif %}"
  25. style="font-family: 'Poppins';"
  26. id="page-training-lesson"
  27. {% if currentRoute == 'front_channel_lesson_show' %}
  28. data-training_id={{ training.id }}
  29. data-module_id={{ module.id }}
  30. data-lesson_id={{ lesson.id }}
  31. {% endif %}
  32. >
  33. {% endblock body_markup %}
  35. {% block content %}
  36. {% if currentRoute in ['front_channel_lesson_show', 'front_channel_lesson_show_without_training', 'manager_channel_module_lesson_show', 'manager_channel_training_module_lesson_show'] %}
  37. {% set trainingModuleLessons = module | get_lessons %}
  38. {% elseif currentRoute in ['manager_channel_lesson_show'] %}
  39. {% set trainingModuleLessons = [lesson] %}
  40. {% endif %}
  42. {% if app.user %}
  43. <twig:ChannelUserData:CursusLockout
  44. :cursus="cursus ?? null"
  45. ></twig:ChannelUserData:CursusLockout>
  46. {% endif %}
  48. {% include 'Front/Scholar/Partial/_menu_lessons_mobile.html.twig' %}
  50. <div class="container pt-md-5 pb-md-5 pt-3 pb-3 summary-lesson font-size-14">
  51. <div class="row">
  52. <div class="col-md-9 col-12">
  53. <div>
  54. {% for key, messageType in app.flashes() %}
  55. <div>
  56. {% for message in messageType %}
  57. <div class="alert alert-{{ key|replace({'error': 'danger'}) }}">
  58. {{ message | trans }}
  59. </div>
  60. {% endfor %}
  61. </div>
  62. {% endfor %}
  63. </div>
  65. <h2 class="v2-title-big">{{- 'front.scholar.lesson.show.summary_title.label'|trans({'%name%': lesson.name}) -}}</h2>
  67. {% include 'Front/Scholar/Partial/_content_alert.html.twig' %}
  69. <div class="col-12 col-lg-6 d-flex justify-content-between align-items-baseline p-0">
  70. {% if lesson is lock_by_interface %}
  71. {% set lessonStats = lesson.lockBy.lessonStats %}
  72. {% else %}
  73. {% set lessonStats = lesson.lessonStats %}
  74. {% endif %}
  75. {% if lessonStats is not null %}
  76. {{ get_rating_component(lessonStats.lessonReviewMarkAvg, 5, {'class': 'blue-stars', 'hide_when_null': true}) }}
  77. {% endif %}
  79. <div>
  80. {% if lesson.updatedAt is not null %}
  81. {{- 'front.scholar.training.show.createdAt.label'|trans({
  82. '%date%': lesson.updatedAt|format_date('long', locale=app.request.locale),
  83. })|raw -}}
  84. {% else %}
  85. {{- 'front.scholar.training.show.createdAt.label'|trans({
  86. '%date%': lesson.createdAt|format_date('long', locale=app.request.locale),
  87. })|raw -}}
  88. {% endif %}
  89. </div>
  90. </div>
  92. <div class="description-lesson mt-4 lesson-content">
  93. <p class="text-subcateg description-style">{{- lesson.description|raw -}}</p>
  94. </div>
  96. {% if lesson.objective is not null %}
  97. <div class="pt-30px">
  98. <div class="font-weight-bold pb-10px">{{- 'front.scholar.lesson.show.objectif_cours.label'|trans -}}</div>
  99. <p class="text-subcateg description-style">{{- lesson.objective -}}</p>
  100. </div>
  101. {% endif %}
  103. {% if lesson.lessonPrerequisites|length > 0 %}
  104. <div class="pt-30px mb-3">
  105. <div class="font-weight-bold pb-10px">{{- 'front.scholar.lesson.show.pre_requis.label'|trans -}}</div>
  106. {% for prerequisite in lesson.lessonPrerequisites %}
  107. <p class="font-size-14 m-0">{{- '- ' ~ prerequisite.label -}}</p>
  108. {% endfor %}
  109. </div>
  110. {% endif %}
  112. {% if lesson.minimumTime is not null %}
  113. {% set minimumTime = lesson.minimumTime | format_datetime(pattern = "HH'h'mm", locale=app.request.locale) %}
  114. {% else %}
  115. {% set minimumTime = null %}
  116. {% endif %}
  117. {% set caseStudy = lesson.caseStudy %}
  118. {% set mcq = lesson.exerciseCount %}
  120. {% if minimumTime or caseStudy or mcq %}
  121. <div class="row pt-20px">
  122. <div class="col-6 col-md-4 pt-10px">
  123. <div class="d-flex flex-row">
  124. <img class="small-svg" src="{{ asset('build/common/watch.svg', 'common') }}"
  125. alt="Temps minimum logo"/>
  126. <div>
  127. <div class="font-weight-bold">{{- 'front.scholar.lesson.show.temps_minimum.label'|trans -}}</div>
  128. <div class="text-subcateg">{{- minimumTime -}}</div>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="col-6 col-md-4 pt-10px">
  133. <div class="d-flex flex-row">
  134. <img class="small-svg" src="{{ asset('build/common/sheet-user.svg', 'common') }}"
  135. alt="Cas pratique logo"/>
  136. <div>
  137. <div class="font-weight-bold">{{- 'front.scholar.lesson.show.cas_pratique.label'|trans -}}</div>
  138. {% if caseStudy %}
  139. <div class="text-subcateg">Oui</div>
  140. {% else %}
  141. <div class="text-subcateg">Non</div>
  142. {% endif %}
  143. </div>
  144. </div>
  145. </div>
  146. <div class="col-6 col-md-4 pt-10px">
  147. <div class="d-flex flex-row">
  148. <img class="small-svg" src="{{ asset('build/common/sheet-pen.svg', 'common') }}"
  149. alt="QCM logo"/>
  150. <div>
  151. <div class="font-weight-bold">{{- 'front.scholar.lesson.show.qcm.label'|trans -}}</div>
  152. {% if mcq %}
  153. <div class="text-subcateg">Oui</div>
  154. {% else %}
  155. <div class="text-subcateg">Non</div>
  156. {% endif %}
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. {% endif %}
  163. {% if currentRoute == 'front_channel_lesson_show' %}
  164. {% include 'Front/Scholar/Partial/_scholar_navigation_previous_after.html.twig' with {
  165. next_informations: get_next_informations_lesson_summary(training, module, lesson),
  166. previous_informations: get_previous_informations_lesson_summary(training, module, lesson),
  167. } %}
  168. {% endif %}
  169. </div>
  171. <div class="col-3 d-none d-md-block">
  172. {% include 'Front/Scholar/Partial/menu_lessons.html.twig' %}
  173. </div>
  174. </div>
  175. </div>
  177. {{ parent() }}
  178. {% endblock content %}
  180. {% block inner_content %}
  181. {{ parent() }}
  182. {% endblock inner_content %}
  184. {% block body %}
  185. {{ parent() }}
  186. {% endblock %}
  188. {% block javascripts %}
  189. {% if app.user and currentRoute == 'front_channel_lesson_show' %}
  190. <script>
  191. var attendanceLessonUrl = '{{ url('async_channel_scholar_attendance_lesson', {
  192. 'channelId': channel.id
  193. }) }}';
  194. </script>
  195. {% endif %}
  197. {{ parent() }}
  198. {% endblock %}