templates/Front/Scholar/Chapter/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. {% if canSeeMessages is not defined %}
  8. {% set canSeeMessages = true %}
  9. {% endif %}
  11. {% block title %}{{ chapter.lesson.name }} - {{ parent() }}{% endblock %}
  13. {% set currentRoute = app.request.attributes.get('_route') %}
  14. {% set enableChatBot = chapter is chat_bot_enabled and currentRoute == 'front_channel_chapter_show' %}
  16. {% block stylesheets %}
  17. {{ parent() }}
  18. {{ encore_entry_link_tags('styles', 'core', 'core') }}
  19. {% endblock %}
  21. {% block before_navbar %}
  22. {% include 'Front/Scholar/Partial/_preview_manager_heager.html.twig' with {
  23. 'channel': channel,
  24. 'currentRoute': currentRoute,
  25. } %}
  26. {% endblock before_navbar %}
  28. {% block body_markup %}
  29. <body class="progression chapter-view {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}logged-in{% endif %}"
  30. style="font-family: 'Poppins';"
  31. id="page-training-lesson"
  32. {% if currentRoute == 'front_channel_chapter_show' %}
  33. data-training_id={{ training.id }}
  34. data-module_id={{ module.id }}
  35. data-lesson_id={{ lesson.id }}
  36. data-chapter_id="{{ chapter.id }}"
  37. {% endif %}
  38. >
  39. {% endblock body_markup %}
  41. {% block content %}
  42. {% if currentRoute in ['front_channel_chapter_show', 'manager_channel_module_chapter_show', 'manager_channel_training_module_chapter_show'] %}
  43. {% set trainingModuleLessons = module | get_lessons %}
  44. {% elseif currentRoute in ['manager_channel_chapter_show_message', 'manager_channel_chapter_show'] %}
  45. {% set trainingModuleLessons = [lesson] %}
  46. {% endif %}
  48. {% if app.user %}
  49. <twig:ChannelUserData:CursusLockout
  50. :cursus="cursus ?? null"
  51. ></twig:ChannelUserData:CursusLockout>
  52. {% endif %}
  54. {% include 'Front/Scholar/Partial/_menu_lessons_mobile.html.twig' with {
  55. 'current_chapter': chapter
  56. } %}
  58. <div class="container pt-md-5 pb-md-5 pt-3 pb-3 summary-lesson font-size-14">
  59. <div class="row">
  60. <div class="col-md-9 col-12">
  61. <div>
  62. {% for key, messageType in app.flashes() %}
  63. <div>
  64. {% for message in messageType %}
  65. <div class="alert alert-{{ key|replace({'error': 'danger'}) }}">
  66. {{ message | trans }}
  67. </div>
  68. {% endfor %}
  69. </div>
  70. {% endfor %}
  71. </div>
  73. <h2 class="font-weight-bold font-size-16px">{{- 'front.scholar.lesson.show.title.label'|trans({'%name%': chapter.lesson.name}) -}}</h2>
  74. <h1 class="v2-title-big">{{- chapter.name -}}</h1>
  76. {% include 'Front/Scholar/Partial/_content_alert.html.twig' %}
  78. <div class="col-12 col-lg-6 d-flex justify-content-between p-0"> {# align-items-baseline #}
  79. <div class="d-flex align-items-center"> {# align-items-baseline #}
  80. <img class="star-space chapter-comment-logo"
  81. src="{{- asset('build/common/icon-chat.svg', 'common') -}}" alt="Count comments"/>
  82. <div class="marks d-flex justify-content-center align-items-center">{{ chapter | getMessageCount }}</div>
  83. </div>
  85. <div class="d-flex justify-content-center align-items-center">
  86. {%- if lesson.updatedAt is not null -%}
  87. {{- 'front.scholar.training.show.createdAt.label'|trans({
  88. '%date%': lesson.updatedAt|format_date('long', locale=app.request.locale),
  89. })|raw -}}
  90. {%- else -%}
  91. {{- 'front.scholar.training.show.createdAt.label'|trans({
  92. '%date%': lesson.createdAt|format_date('long', locale=app.request.locale),
  93. })|raw -}}
  94. {%- endif -%}
  95. </div>
  96. </div>
  99. {% if chapter.description is not null %}
  100. <div class="description-lesson mt-4">
  101. <p class="text-subcateg description-style">{{- chapter.description -}}</p>
  102. </div>
  103. {% endif %}
  105. <div class="mt-4 lesson-content">{{- chapter.body|raw -}}</div>
  107. {% if currentRoute == 'front_channel_chapter_show' %}
  108. {% include 'Front/Scholar/Partial/_scholar_navigation_previous_after.html.twig' with {
  109. next_informations: get_next_informations_chapter(training, module, lesson, chapter),
  110. previous_informations: get_previous_informations_chapter(training, module, lesson, chapter),
  111. } %}
  112. {% endif %}
  114. {% if canSeeMessages is same as true %}
  115. <div class="mt-5 chapter-questions-separator"></div>
  117. <div class="mt-5" id="forum-messages">
  118. <div class="font-weight-bold font-size-16px mb-4">{{- 'front.scholar.lesson.show.message.title.label'|trans({'%count%': chapter|getMessageCount}) -}}</div>
  120. {% if messages|length == 0 %}
  121. <div>{{- 'front.scholar.lesson.show.message.no_message.label'|trans -}}</div>
  122. {% endif %}
  124. {% for message in messages %}
  125. {% if loop.index0 != 0 %}
  126. <div class="mt-3 mb-3 ml-5 mr-5 chapter-questions-separator"></div>
  127. {% endif %}
  129. {% set messageToAnswer = null %}
  130. {% set children = message|getMessageChildren %}
  131. {% if children|length is same as 0 %}
  132. {% set messageToAnswer = message %}
  133. {% endif %}
  135. {% include 'Front/Scholar/Chapter/show_forum_message.html.twig' with {
  136. 'message': message,
  137. 'canDelete': is_granted_comment or app.user is not null and app.user is owner_of(message),
  138. 'messageToAnswer': messageToAnswer
  139. } %}
  141. {% set messageToAnswer = null %}
  142. {% for child in children %}
  143. {% if loop.last is same as true %}
  144. {% set messageToAnswer = message %}
  145. {% endif %}
  146. {% include 'Front/Scholar/Chapter/show_forum_message.html.twig' with {
  147. 'message': child,
  148. 'canDelete': is_granted_comment or app.user is not null and app.user is owner_of(child),
  149. 'messageToAnswer': messageToAnswer
  150. } %}
  151. {% endfor %}
  152. {% endfor %}
  154. {% if form is defined %}
  155. <div id="form-message-anchor" class="row{% if not app.user %} justify-content-center align-items-center{% endif %} mt-5">
  156. {% if app.user %}
  157. <div class="col-1 d-none d-md-block">
  158. {% if app.user.avatarPath is null %}
  159. <span class="user-account">
  160. <i class="fas fa-user"></i>
  161. </span>
  162. {% else %}
  163. <img class="user-account" src="{{ get_user_avatar_thumbnail(app.user) }}"
  164. alt="User avatar">
  165. {% endif %}
  166. </div>
  168. <div class="col-md-11 col-12 pr-0 pl-0">
  169. {% if enableChatBot is same as false %}
  170. {{ form_start(form, {'attr': {'class': 'm-0 d-flex flex-column flex-md-row'}}) }}
  171. <div class="col-md-10 col-12">
  172. <div>{{ form_row(form.content) }}</div>
  173. <div>{{ form_errors(form) }}</div>
  174. </div>
  176. <div class="col-md-2 col-12 mt-send-mobile">
  177. <button
  178. class="btn-nellapp-v2"
  179. style="display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;"
  180. type="submit"
  181. >
  182. <span>{{ "Envoyer" }}</span>
  183. <i class="ml-2 fas fa-paper-plane"></i>
  184. </button>
  185. </div>
  186. {{ form_end(form) }}
  187. {% else %}
  188. <button
  189. class="btn-nellapp-v2"
  190. style="display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;"
  191. type="button"
  192. data-toggle="modal"
  193. data-target="#chat-bot-modal"
  194. id="chat-bot-modal-label"
  195. >
  196. <span>Posez votre question</span>
  197. <i class="ml-2 fas fa-paper-plane"></i>
  198. </button>
  200. {% endif %}
  201. </div>
  202. {% else %}
  203. <div class="col-1">
  204. <span class="user-account" style="border: 1px solid #dee2e6;">
  205. <i class="fas fa-user"></i>
  206. </span>
  207. </div>
  208. <div class="col-9">
  209. {{- 'front.scholar.lesson.show.message.modal.please_connect.label'|trans -}}
  210. </div>
  211. <div class="col-2">
  212. <a href="{{ path('nellapp_sdk_connect_nellapp') }}" class="btn-nellapp-v2">
  213. {{- 'front.scholar.lesson.show.message.modal.login.label'|trans -}}
  214. </a>
  215. </div>
  216. {% endif %}
  217. </div>
  218. {% endif %}
  219. </div>
  220. {% endif %}
  221. </div>
  223. <div class="col-3 d-none d-md-block">
  224. {% include 'Front/Scholar/Partial/menu_lessons.html.twig' with {
  225. 'current_chapter': chapter
  226. } %}
  227. </div>
  228. </div>
  229. </div>
  231. {{ parent() }}
  232. {% endblock content %}
  234. {% block body %}
  235. {{ parent() }}
  237. {% if app.user %}
  238. <!-- Modal -->
  239. <div class="modal fade" id="modalMessage" tabindex="-1" role="dialog" aria-hidden="true"
  240. style="font-family: 'Poppins'">
  241. <div class="modal-dialog modal-dialog-centered forum-message-modal" role="document">
  242. <div class="modal-content border-8">
  243. <div class="modal-header">
  244. <h5 class="modal-title title-main-modal-message question-title"
  245. style="font-size: 0.875rem;font-weight: bold;">
  246. {{ 'front.scholar.lesson.show.message.modal.title.label'|trans }}
  247. </h5>
  248. <h5 class="modal-title title-main-modal-message response-title"
  249. style="display:none; font-size: 0.875rem; font-weight: bold">
  250. {{ 'front.scholar.lesson.show.message.modal.title_response.label'|trans }}
  251. <span class="span-response-title"></span>
  252. </h5>
  253. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  254. <span aria-hidden="true">&times;</span>
  255. </button>
  256. </div>
  258. <div class="modal-body" style="padding: 20px 24px 0px 24px;">
  259. <div id="modal-response-message"></div>
  260. {{ form_start(formAnswer) }}
  261. {{ form_row(formAnswer.content) }}
  262. </div>
  264. <div class="modal-footer" style="padding:8px 24px 16px 24px;">
  265. <button type="button" class="btn-close-modale"
  266. data-dismiss="modal">{{ 'front.scholar.lesson.show.message.modal.close.label'|trans }}</button>
  267. <button type="submit"
  268. class="btn-valid-modale">{{ button_label|default('message.entity.save.label'|trans) }}</button>
  269. </div>
  271. {{ form_end(formAnswer) }}
  272. </div>
  273. </div>
  274. </div>
  276. {% if enableChatBot is same as true %}
  277. {% include 'Front/Scholar/Chapter/_chat_bot_modal.html.twig' %}
  278. {% endif %}
  279. {% endif %}
  280. {% endblock %}
  282. {% block javascripts %}
  283. {% if app.user and currentRoute == 'front_channel_chapter_show' %}
  284. <script>
  285. var attendanceUrl = '{{ url('async_channel_scholar_attendance_chapter', {
  286. 'channelId': channel.id
  287. }) }}';
  288. </script>
  289. {% endif %}
  291. {{ parent() }}
  292. {% endblock %}