templates/Front/Scholar/Partial/_menu_lessons_mobile.html.twig line 1

Open in your IDE?
  1. {% set routes_allowed = [
  2. 'front_channel_lesson_show',
  3. 'front_channel_lesson_show_review',
  4. 'manager_channel_module_lesson_show',
  5. 'manager_channel_training_module_lesson_show',
  6. 'front_channel_chapter_show',
  7. 'front_channel_exercise_show',
  8. 'manager_channel_module_chapter_show',
  9. 'manager_channel_training_module_chapter_show'
  10. ] %}
  11. {% set lesson_routes = [
  12. 'front_channel_lesson_show',
  13. 'manager_channel_lesson_show',
  14. 'manager_channel_module_lesson_show',
  15. 'manager_channel_training_module_lesson_show',
  16. ] %}
  17. {% set lesson_review_routes = [
  18. 'front_channel_lesson_show_review',
  19. ] %}
  20. {% set practical_case_routes = [
  21. 'front_channel_practical_case_show',
  22. ] %}
  23. {% set sub_routes_allowed = [
  24. 'front_channel_lesson_show',
  25. 'front_channel_lesson_show_review',
  26. 'manager_channel_training_module_lesson_show',
  27. 'front_channel_chapter_show',
  28. 'manager_channel_training_module_chapter_show',
  29. 'front_channel_exercise_show'
  30. ] %}
  31. {% set front_routes = [
  32. 'front_channel_lesson_show',
  33. 'front_channel_chapter_show',
  34. 'front_channel_exercise_show',
  35. 'front_channel_lesson_show_review',
  36. 'front_channel_exercise_show'
  37. ] %}
  39. <div class="buttom-menu d-md-none bottom-menu-style-mobile">
  40. <div class="d-flex justify-content-between align-items-center margin-12px" id="mobile-menu-button">
  41. <div>
  42. <div class="font-weight-bold font-size-14 mobile-summary-color">Sommaire</div>
  43. {% if currentRoute in [
  44. 'front_channel_exercise_show',
  45. 'manager_channel_module_lesson_exercise_show',
  46. 'manager_channel_training_module_lesson_exercise_show',
  47. 'front_channel_chapter_show',
  48. 'manager_channel_module_chapter_show',
  49. 'manager_channel_training_module_chapter_show'
  50. ] %}
  51. <div class="font-weight-bold font-size-14">Module : {{ module.name -}}</div>
  52. {% endif %}
  53. </div>
  54. <div>
  55. <i class="fas fa-chevron-up mobile-chevron-color"></i>
  56. </div>
  57. </div>
  58. <div class="accordion-nellapp d-none bottom-menu-list-style-mobile" id="mobile-menu-lessons">
  59. {% for trainingModuleLesson in trainingModuleLessons %}
  60. {% set chapters = getChapters(trainingModuleLesson) %}
  61. {% set exercises = getExercises(trainingModuleLesson) %}
  62. {% set practicalCase = lesson.getActivePracticalCase %}
  63. {% set practicalCaseArchiveds = get_archived_practical_cases(trainingModuleLesson, app.user) %}
  64. {% set lessonReviewActivated = trainingModuleLesson.lessonReviewActivated %}
  65. {% if training is not defined or training is null %}
  66. {% set lessonBlockedStatus = constant('App\\Enum\\ScholarLessonBlockedReasonEnum::NOT_BLOCKED') %}
  67. {% else %}
  68. {% set lessonBlockedStatus = get_lesson_blocked_reason(training, module, trainingModuleLesson) %}
  69. {% endif %}
  70. {% set front_access = true %}
  71. {% if lessonBlockedStatus is not same as constant('App\\Enum\\ScholarLessonBlockedReasonEnum::NOT_BLOCKED') %}
  72. {% set front_access = false %}
  73. {% endif %}
  74. {% set lesson_progression = get_lesson_progression(trainingModuleLesson, module, training, app.user) %}
  76. <div id="headingmobile{{ trainingModuleLesson.id }}" class="accordion-nellapp-header"
  77. {% if not loop.first %}style="padding-top: 4px"{% endif %}>
  78. <h5 class="mb-0">
  79. <button class="btn-nellapp-accordion btn-nellapp-accordion-style bottom-menu-accordion-button-mobile"
  80. data-toggle="collapse"
  81. data-target="#collapsemobile{{- trainingModuleLesson.id -}}"
  82. aria-expanded="{% if trainingModuleLesson.id == lesson.id %}true{% else %}false{% endif %}"
  83. aria-controls="collapsemobile{{- trainingModuleLesson.id -}}"
  84. >
  85. <div class="d-flex justify-content-between align-items-center w-100 line-style">
  86. <div class="progress-circle">
  87. {% set lesson_progression_total = currentRoute in front_routes ? (lesson_progression ? lesson_progression.progression : 0) : 0 %}
  88. <div class="c100 {{ 'p' ~ lesson_progression_total }} small green mr-3 me-3 font-size-20">
  89. <div class="slice">
  90. <div class="bar"></div>
  91. <div class="fill"></div>
  92. </div>
  93. </div>
  94. {% if lesson_progression_total == 100 %}
  95. <i class="fas fa-check check-style"></i>
  96. {% endif %}
  97. </div>
  99. <div class="d-flex justify-content-between align-items-center w-100">
  100. <div class="lesson-name"
  101. {% if lessonBlockedStatus is same as constant('App\\Enum\\ScholarLessonBlockedReasonEnum::LESSON_BLOCKED') %}title="Pour débloquer ce cours, réalisez les QCM et Cas pratiques précédents"{% endif %}
  102. >
  103. <span>
  104. {{- trainingModuleLesson.name -}}
  105. </span>
  106. {% if lessonBlockedStatus is same as constant('App\\Enum\\ScholarLessonBlockedReasonEnum::LESSON_BLOCKED') %}
  107. <i class="fad fa-exclamation-circle"></i>
  108. {% endif %}
  109. </div>
  110. <img class="add-style" src="{{- asset('build/common/icon-add.svg', 'common') -}}"
  111. alt="Open courses module"/>
  112. </div>
  113. </div>
  114. </button>
  115. </h5>
  116. </div>
  118. <div id="collapsemobile{{ trainingModuleLesson.id }}"
  119. class="collapse {% if trainingModuleLesson.id == lesson.id %}show{% endif %}">
  120. <div class="card-body padding-075">
  121. <ul class="lesson-list p-0 m-0">
  122. <li class="progress-list">
  123. <div class="d-flex align-items-center ptb-5px">
  124. <div class="circle-icon-done{% if currentRoute in front_routes and lesson_progression ? lesson_progression.done is same as true : false %} success{% endif %}">
  125. </div>
  127. {% set route_cases = [
  128. front_routes,
  129. ['manager_channel_lesson_show', 'manager_channel_chapter_show', 'manager_channel_lesson_exercise_show', 'manager_channel_practical_case_show'],
  130. ['manager_channel_module_lesson_show', 'manager_channel_module_chapter_show', 'manager_channel_module_lesson_exercise_show', 'manager_channel_module_practical_case_show'],
  131. ['manager_channel_training_module_lesson_show', 'manager_channel_training_module_chapter_show', 'manager_channel_training_module_lesson_exercise_show', 'manager_channel_training_module_practical_case_show']
  132. ] %}
  134. {% set summaryPath = null %}
  135. {% if front_access is same as false %}
  136. {% set summaryPath = null %}
  137. {% elseif currentRoute in route_cases[0] %}
  138. {% set summaryPath = path('front_channel_lesson_show', {'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id}) %}
  139. {% elseif currentRoute in route_cases[1] %}
  140. {% set summaryPath = path('manager_channel_lesson_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id}) %}
  141. {% elseif currentRoute in route_cases[2] %}
  142. {% set summaryPath = path('manager_channel_module_lesson_show', {'channelId': channel.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id}) %}
  143. {% elseif currentRoute in route_cases[3] %}
  144. {% set summaryPath = path('manager_channel_training_module_lesson_show', {'channelId': channel.id, 'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id}) %}
  145. {% endif %}
  147. {{ scholar_navigation_link('Sommaire', currentRoute in lesson_routes and trainingModuleLesson.id == lesson.id, summaryPath) }}
  148. </div>
  149. </li>
  151. {% for chapter in chapters %}
  152. <li class="progress-list">
  153. <div class="d-flex align-items-center ptb-5px">
  154. <div class="circle-icon-done{% if currentRoute in front_routes and lesson_progression ? lesson_progression|has_chapter_done(chapter) is same as true : false %} success{% endif %}">
  155. </div>
  157. {% set chapterPath = null %}
  158. {% if front_access is same as false %}
  159. {% set chapterPath = null %}
  160. {% elseif currentRoute in route_cases[0] %}
  161. {% set chapterPath = path('front_channel_chapter_show', {'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id, 'chapterId': chapter.id}) %}
  162. {% elseif currentRoute in route_cases[1] %}
  163. {% set chapterPath = path('manager_channel_chapter_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id, 'chapterId': chapter.id}) %}
  164. {% elseif currentRoute in route_cases[2] %}
  165. {% set chapterPath = path('manager_channel_module_chapter_show', {'channelId': channel.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id, 'chapterId': chapter.id}) %}
  166. {% elseif currentRoute in route_cases[3] %}
  167. {% set chapterPath = path('manager_channel_training_module_chapter_show', {'channelId': channel.id, 'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id, 'chapterId': chapter.id}) %}
  168. {% endif %}
  170. {{ scholar_navigation_link(chapter.name, current_chapter is defined and current_chapter.id == chapter.id, chapterPath) }}
  171. </div>
  172. </li>
  173. {% endfor %}
  175. {% for exercise in exercises %}
  176. <li class="progress-list">
  177. <div class="d-flex align-items-center ptb-5px">
  178. {% set exercise_done_status = exercise|get_exercise_done_status(app.user) %}
  179. <div class="circle-icon-done{% if exercise_done_status is same as true %} success{% elseif exercise_done_status is same as false %} failed{% endif %}">
  180. </div>
  182. {% set exercisePath = null %}
  183. {% if front_access is same as false %}
  184. {% set exercisePath = null %}
  185. {% elseif currentRoute in route_cases[0] %}
  186. {% set exercisePath = path('front_channel_exercise_show', {'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id, 'exerciseId': exercise.id}) %}
  187. {% elseif currentRoute in route_cases[1] %}
  188. {% set exercisePath = path('manager_channel_lesson_exercise_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id, 'exerciseId': exercise.id}) %}
  189. {% elseif currentRoute in route_cases[2] %}
  190. {% set exercisePath = path('manager_channel_module_lesson_exercise_show', {'channelId': channel.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id, 'exerciseId': exercise.id}) %}
  191. {% elseif currentRoute in route_cases[3] %}
  192. {% set exercisePath = path('manager_channel_training_module_lesson_exercise_show', {'channelId': channel.id, 'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id, 'exerciseId': exercise.id}) %}
  193. {% endif %}
  195. {{ scholar_navigation_link(exercise.name, current_exercise is defined and exercise.id == current_exercise.id, exercisePath) }}
  196. </div>
  197. </li>
  198. {% endfor %}
  199. {% if practicalCase is not null %}
  200. <li class="progress-list">
  201. <div class="d-flex align-items-center ptb-5px">
  202. <div class="circle-icon-done{% if practicalCase is practical_case_done(app.user) %} success{% elseif practicalCase is practical_case_failed(app.user)%} failed{% endif %}">
  203. </div>
  205. {% set practicalCasePath = null %}
  206. {% if front_access is same as false %}
  207. {% set practicalCasePath = null %}
  208. {% elseif currentRoute in route_cases[0] %}
  209. {% set practicalCasePath = path('front_channel_practical_case_show', {'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id, 'practicalCaseId': practicalCase.id}) %}
  210. {% elseif currentRoute in route_cases[1] %}
  211. {% set practicalCasePath = path('manager_channel_practical_case_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id}) %}
  212. {% elseif currentRoute in route_cases[2] %}
  213. {% set practicalCasePath = path('manager_channel_module_practical_case_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id, 'moduleId': module.id}) %}
  214. {% elseif currentRoute in route_cases[3] %}
  215. {% set practicalCasePath = path('manager_channel_training_module_practical_case_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id, 'moduleId': module.id, 'trainingId': training.id}) %}
  216. {% endif %}
  218. {{ scholar_navigation_link(practicalCase.title, currentRoute in practical_case_routes and trainingModuleLesson.id == lesson.id, practicalCasePath) }}
  219. </div>
  220. </li>
  221. {% endif %}
  222. {% if practicalCaseArchiveds is defined and practicalCaseArchiveds is not empty %}
  223. {% for practicalCaseArchived in practicalCaseArchiveds %}
  224. <li class="progress-list">
  225. <div class="d-flex align-items-center ptb-5px">
  226. <div class="circle-icon-done">
  227. <div class="badge badge-info">{{ 'practical_case.archived.label' | trans }}</div>
  228. </div>
  230. {% set practicalCasePath = null %}
  231. {% if front_access is same as false %}
  232. {% set practicalCasePath = null %}
  233. {% elseif currentRoute in route_cases[0] %}
  234. {% set practicalCasePath = path('front_channel_practical_case_show', {'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id, 'practicalCaseId': practicalCaseArchived.getPracticalCase.id}) %}
  235. {% elseif currentRoute in route_cases[1] %}
  236. {% set practicalCasePath = path('manager_channel_practical_case_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id}) %}
  237. {% elseif currentRoute in route_cases[2] %}
  238. {% set practicalCasePath = path('manager_channel_module_practical_case_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id, 'moduleId': module.id}) %}
  239. {% elseif currentRoute in route_cases[3] %}
  240. {% set practicalCasePath = path('manager_channel_training_module_practical_case_show', {'channelId': channel.id, 'lessonId': trainingModuleLesson.id, 'moduleId': module.id, 'trainingId': training.id}) %}
  241. {% endif %}
  243. {{ scholar_navigation_link(practicalCaseArchived.getPracticalCase.title, currentRoute in practical_case_routes and trainingModuleLesson.id == lesson.id, practicalCasePath) }}
  244. </div>
  245. </li>
  246. {% endfor %}
  247. {% endif %}
  248. {% if lessonReviewActivated %}
  249. <li class="progress-list">
  250. <div class="d-flex justify-content-center align-items-center ptb-5px w-100">
  251. {% set path = null %}
  252. {% if training is defined and training is not null and app.user is not null %}
  253. {% if is_granted('FRONT_ACCESS_REVIEW', {'training': training, 'module': module, 'lesson': trainingModuleLesson}) is same as false %}
  254. {% set path = null %}
  255. {% else %}
  256. {% set path = path('front_channel_lesson_show_review', {'trainingId': training.id, 'moduleId': module.id, 'lessonId': trainingModuleLesson.id}) %}
  257. {% endif %}
  258. {% endif %}
  260. <div class="circle-icon-done review{% if path is null %} disabled{% endif %}">
  261. </div>
  263. {{ scholar_navigation_link('lessons.entity.lessonReviewActivated.menu_front_label' | trans, currentRoute in lesson_review_routes and trainingModuleLesson.id == lesson.id, path) }}
  264. </div>
  265. </li>
  266. {% endif %}
  267. </ul>
  268. </div>
  269. </div>
  270. {% endfor %}
  271. </div>
  272. </div>