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

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