templates/Front/Exercise/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. {% block stylesheets %}
  10. {{ parent() }}
  11. {{ encore_entry_link_tags('styles', 'core', 'core') }}
  12. {% endblock %}
  14. {% set currentRoute = app.request.attributes.get('_route') %}
  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" style="font-family: 'Poppins';" id="page-training-lesson">{% endblock body_markup %}
  26. {% set next_informations = null %}
  27. {% if currentRoute == 'front_channel_exercise_show' %}
  28. {% set next_informations = get_next_informations_exercise_result(training, module, lesson, bestExerciseResult) %}
  29. {% endif %}
  31. {% block content %}
  32. {% if currentRoute in ['front_channel_exercise_show', 'manager_channel_module_lesson_exercise_show', 'manager_channel_training_module_lesson_exercise_show'] %}
  33. {% set trainingModuleLessons = module | get_lessons %}
  34. {% elseif currentRoute == 'manager_channel_lesson_exercise_show' %}
  35. {% set trainingModuleLessons = [lesson] %}
  36. {% endif %}
  38. {% include 'Front/Scholar/Partial/_menu_lessons_mobile.html.twig' with {
  39. 'current_exercise': current_exercise
  40. } %}
  42. <div class="container pt-md-5 pb-md-5 pt-3 pb-3 summary-lesson font-size-14">
  43. <div class="row">
  44. <div class="col-md-9 col-12">
  45. <h3 class="mb-4" style="font-size: 16px;">{{- lesson.name -}}</h3>
  46. <h2 class="v2-title-big">{{- current_exercise.name -}}</h2>
  48. {% if lesson.updatedAt is not null or lesson.createdAt is not null %}
  49. <div class="col-12 col-md-6 d-flex justify-content-between align-items-baseline p-0">
  50. <div>
  51. {% if current_exercise.updatedAt is not null %}
  52. {{- 'front.scholar.training.show.createdAt.label'|trans({
  53. '%date%': current_exercise.updatedAt|format_date('long', locale=app.request.locale),
  54. })|raw -}}
  55. {% else %}
  56. {{- 'front.scholar.training.show.createdAt.label'|trans({
  57. '%date%': current_exercise.createdAt|format_date('long', locale=app.request.locale),
  58. })|raw -}}
  59. {% endif %}
  60. </div>
  61. </div>
  62. {% endif %}
  64. <div class="pt-40px-mobile description-container">
  65. <div class="row">
  66. {% set stat = current_exercise.stat|default(stat|default(null)) %}
  68. {% set displayStatistics = false %}
  69. {% if stat is not empty and stat.hasResults %}
  70. {% set displayStatistics = true %}
  71. {% endif %}
  73. <div class="col-md-4 col-12 d-none">
  74. <div style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);padding:15px;border-radius: 6px;">
  75. <div class="font-weight-bold text-center mb-3">{{- 'exercise.stat.title.label'|trans -}}</div>
  77. <div class="d-flex justify-content-between mb-1">
  78. <div>{{ 'exercises.stats.entity.avgScore.label'|trans }} :</div>
  79. {% if displayStatistics %}
  80. <div class="little-grey">{{ stat.avgScore }} / 100</div>
  81. {% else %}
  82. <div class="little-grey">-</div>
  83. {% endif %}
  84. </div>
  86. <div class="d-flex justify-content-between mb-1">
  87. <div>{{ 'exercises.stats.entity.medianScore.label'|trans }} :</div>
  88. {% if displayStatistics %}
  89. <div class="little-grey">{{ stat.medianScore }} / 100</div>
  90. {% else %}
  91. <div class="little-grey">-</div>
  92. {% endif %}
  93. </div>
  95. <div class="d-flex justify-content-between mb-1">
  96. <div>{{ 'exercises.stats.entity.avgTime.label'|trans }} :</div>
  97. {% if displayStatistics %}
  98. <div class="little-grey">{{ stat.avgTime|timer_display }}</div>
  99. {% else %}
  100. <div class="little-grey">-</div>
  101. {% endif %}
  102. </div>
  104. <div class="d-flex justify-content-between mb-1">
  105. <div>{{ 'exercises.stats.entity.medianTime.label'|trans }} :</div>
  106. {% if displayStatistics %}
  107. <div class="little-grey">{{ stat.medianTime|timer_display }}</div>
  108. {% else %}
  109. <div class="little-grey">-</div>
  110. {% endif %}
  111. </div>
  113. <div class="d-flex justify-content-between mb-1">
  114. <div>{{ 'exercises.stats.entity.totalDone.label'|trans }} :</div>
  115. {% if displayStatistics %}
  116. <div class="little-grey">{{ stat.totalDone }}</div>
  117. {% else %}
  118. <div class="little-grey">0</div>
  119. {% endif %}
  120. </div>
  121. </div>
  122. </div>
  124. <div class="col-10 offset-1 exercise-statistics-description-separator d-block d-md-none"></div>
  126. <div class="col-12 col-lg-9 exercise-description-container">
  127. <div class="exercise-description-block">
  128. <div class="font-weight-bold mb-3">{{- 'Description de l\'exercice' -}}</div>
  129. <div class="description-style">{{- current_exercise.description -}}</div>
  130. </div>
  131. <div class="separation"></div>
  133. {% if bestExerciseResult is defined and bestExerciseResult is not null %}
  134. {% set exercise_failed = true %}
  135. {% if bestExerciseResult.isSuccessful %}
  136. {% set exercise_failed = false %}
  137. {% endif %}
  139. {% if bestExerciseResult.startedAt is not null %}
  140. {% set exerciseStartPath = null %}
  141. {% if currentRoute == 'front_channel_exercise_show' %}
  142. {% set exerciseStartPath = path('front_exercise_start', {'trainingId': training.id,'moduleId': module.id,'lessonId': lesson.id,'id': current_exercise.id}) %}
  143. {% elseif currentRoute == 'manager_channel_lesson_exercise_show' %}
  144. {% set exerciseStartPath = path('manager_channel_lesson_exercise_start', {'channelId': channel.id, 'lessonId': lesson.id, 'exerciseId': current_exercise.id}) %}
  145. {% elseif currentRoute == 'manager_channel_module_lesson_exercise_show' %}
  146. {% set exerciseStartPath = path('manager_channel_module_lesson_exercise_start', {'channelId': channel.id, 'moduleId': module.id, 'lessonId': lesson.id, 'exerciseId': current_exercise.id}) %}
  147. {% elseif currentRoute == 'manager_channel_training_module_lesson_exercise_show' %}
  148. {% set exerciseStartPath = path('manager_channel_training_module_lesson_exercise_start', {'channelId': channel.id, 'trainingId': training.id, 'moduleId': module.id, 'lessonId': lesson.id, 'exerciseId': current_exercise.id}) %}
  149. {% endif %}
  150. <div class="last-results-container">
  151. <div class="results-container">
  152. {% if exercise_failed is same as false %}
  153. <div class="date-score-container">
  154. <div class="answer-timer-container d-flex justify-content-center align-items-center score-container passed">
  155. <i class="fal fa-check icone"></i>
  156. <div class="score">
  157. Score : {{ bestExerciseResult.score / 10 }} / 10
  158. </div>
  159. </div>
  160. <p>Réalisé le {{ bestExerciseResult.startedAt|date('d/m/Y') }}.</p>
  161. </div>
  162. <p class="text-success font-weight-bold result-sentence">
  163. Vous avez obtenu un score suffisant à ce QCM pour poursuivre vers le
  164. cours suivant.
  165. </p>
  166. <div class="exercise-start-block">
  167. <a href="{{- exerciseStartPath -}}"
  168. class="btn-nellapp-v2 btn-begin-exercise">
  169. <i class="far fa-money-check-edit mark-icon"></i>
  170. Recommencer l'exercice
  171. </a>
  172. {% if currentRoute == 'front_channel_exercise_show' %}
  173. <a href="{{ path('front_exercise_solution', {
  174. 'id': current_exercise.id,
  175. 'trainingId': training.id,
  176. 'moduleId': module.id,
  177. 'lessonId': lesson.id,
  178. 'resultId': bestExerciseResult.id
  179. }) }}"
  180. class="btn-nellapp-v2"
  181. >
  182. Voir mon résultat
  183. </a>
  184. {% endif %}
  185. </div>
  186. {% else %}
  187. <div class="date-score-container justify-content-center justify-content-md-start">
  188. <div class="answer-timer-container d-flex justify-content-center align-items-center score-container not-passed">
  189. <i class="fal fa-times icone"></i>
  190. <div class="score">
  191. Score : {{ bestExerciseResult.score / 10 }} / 10
  192. </div>
  193. </div>
  194. <p>Réalisé le {{ bestExerciseResult.startedAt|date('d/m/Y') }}.</p>
  195. </div>
  196. <div class="result-advice">
  197. <p class="text-danger font-weight-bold result-sentence">Vous n'avez
  198. pas
  199. obtenu un score suffisant à ce QCM pour
  200. poursuivre vers le cours suivant.</p>
  201. <p class="advice">Veuillez retravailler le cours et repasser le
  202. QCM.</p>
  203. </div>
  204. <div class="exercise-start-block">
  205. <a href="{{- exerciseStartPath -}}"
  206. class="btn-nellapp-v2 btn-begin-exercise">
  207. <i class="far fa-money-check-edit mark-icon"></i>
  208. Recommencer l'exercice
  209. </a>
  210. {% if currentRoute == 'front_channel_exercise_show' %}
  211. <a href="{{ path('front_exercise_solution', {
  212. 'id': current_exercise.id,
  213. 'trainingId': training.id,
  214. 'moduleId': module.id,
  215. 'lessonId': lesson.id,
  216. 'resultId': bestExerciseResult.id
  217. }) }}"
  218. class="btn-nellapp-v2"
  219. >
  220. Voir mon résultat
  221. </a>
  222. {% endif %}
  223. </div>
  224. {% endif %}
  225. </div>
  226. </div>
  227. {% endif %}
  228. {% else %}
  229. <div class="exercise-start-block with-separation">
  230. {% set exerciseStartPath = null %}
  231. {% if currentRoute == 'front_channel_exercise_show' %}
  232. {% set exerciseStartPath = path('front_exercise_start', {'trainingId': training.id,'moduleId': module.id,'lessonId': lesson.id,'id': current_exercise.id}) %}
  233. {% elseif currentRoute == 'manager_channel_lesson_exercise_show' %}
  234. {% set exerciseStartPath = path('manager_channel_lesson_exercise_start', {'channelId': channel.id, 'lessonId': lesson.id, 'exerciseId': current_exercise.id}) %}
  235. {% elseif currentRoute == 'manager_channel_module_lesson_exercise_show' %}
  236. {% set exerciseStartPath = path('manager_channel_module_lesson_exercise_start', {'channelId': channel.id, 'moduleId': module.id, 'lessonId': lesson.id, 'exerciseId': current_exercise.id}) %}
  237. {% elseif currentRoute == 'manager_channel_training_module_lesson_exercise_show' %}
  238. {% set exerciseStartPath = path('manager_channel_training_module_lesson_exercise_start', {'channelId': channel.id, 'trainingId': training.id, 'moduleId': module.id, 'lessonId': lesson.id, 'exerciseId': current_exercise.id}) %}
  239. {% endif %}
  241. <a href="{{- exerciseStartPath -}}" class="btn-nellapp-v2 btn-begin-exercise">
  242. <i class="far fa-money-check-edit mark-icon"></i>
  243. Commencer l'exercice
  244. </a>
  245. </div>
  246. {% endif %}
  247. </div>
  248. </div>
  250. {% if currentRoute == 'front_channel_exercise_show' %}
  251. {% include 'Front/Scholar/Partial/_scholar_navigation_previous_after.html.twig' with {
  252. next_informations: next_informations,
  253. previous_informations: get_previous_informations_exercise(training, module, lesson, current_exercise),
  254. } %}
  255. {% endif %}
  256. </div>
  257. </div>
  259. <div class="col-3 d-none d-md-block">
  260. {% include 'Front/Scholar/Partial/menu_lessons.html.twig' with {
  261. 'current_exercise': current_exercise
  262. } %}
  263. </div>
  264. </div>
  265. </div>
  267. {{ parent() }}
  268. {% endblock content %}
  270. {% block inner_content %}
  271. {{ parent() }}
  272. {% endblock inner_content %}
  274. {% block body %}
  275. {{ parent() }}
  276. {% endblock %}