templates/Front/Scholar/Training/Partial/accordion-item.html.twig line 1

Open in your IDE?
  1. <div class="mt-3">
  2.     <div id="heading{{ module.id }}" class="accordion-nellapp-header">
  3.         <h5 class="mb-0">
  4.             <button class="btn-nellapp-accordion" data-toggle="collapse" data-target="#collapse{{ module.id }}"
  5.                     aria-expanded="{% if loop.first %}true{% else %}false{% endif %}" aria-controls="collapse{{ module.id }}">
  6.                 <div class="module-title-accordion">
  7.                     <p>
  8.                         {{- 'front.scholar.training.show.module.title.label'|trans({
  9.                             '%name%': module.name,
  10.                             '%num%': loop.index,
  11.                         }) -}}
  12.                     </p>
  13.                 </div>
  14.                 <div class="module-description">
  15.                     <p class="md-none">{{ module.lessons|length }} {{ 'front.scholar.training.show.accordion.cours'|trans }}</p>
  16.                     {% if app.user and currentRoute == 'front_channel_training_show' and is_granted('FRONT_ACCESS', {
  17.                         'training': training,
  18.                         'module': module,
  19.                     }) == true %}
  20.                         <div class="progress-circle">
  21.                             <div class="c100 p{{ module.progression }} small green ml-3">
  22.                                 <div class="slice">
  23.                                     <div class="bar"></div>
  24.                                     <div class="fill"></div>
  25.                                 </div>
  26.                             </div>
  27.                             {% if module.progression == 100 %}
  28.                                 <i class="fas fa-check"></i>
  29.                             {% endif %}
  30.                         </div>
  31.                     {% endif %}
  33.                     <div class="ml-3">
  34.                         <i class="fas fa-chevron-up"></i>
  35.                         <i class="fas fa-chevron-down"></i>
  36.                     </div>
  37.                 </div>
  38.             </button>
  39.         </h5>
  40.     </div>
  41.     <div id="collapse{{ module.id }}" class="collapse {% if loop.first %}show{% endif %}"
  42.          aria-labelledby="heading{{ module.id }}"
  43.          data-parent="#accordion">
  44.         <div class="card-body">
  45.             <ul class="lesson-list">
  46.                 {% for lesson in module.lessons %}
  47.                     {% set front_access = lesson.hasFrontAccess %}
  48.                     {% if lesson|isPublished %}
  49.                         <li class="mt-2 align-items-center">
  51.                             {% if currentRoute == 'front_channel_training_show' %}
  52.                                 {% if front_access %}
  53.                                 {% set path = path('front_channel_lesson_show', {'trainingId' : sub.id, 'moduleId' : module.id, 'lessonId': lesson.id}) %}
  54.                                     <div style="display: flex;align-items: center;justify-content: center;">
  55.                                         <a class="lesson-title mr-2"
  56.                                            href="{{ path }}">
  57.                                             {{- 'front.scholar.training.show.lesson.title.label'|trans({
  58.                                                 '%name%': lesson.name,
  59.                                                 '%num%': loop.index,
  60.                                             }) -}}
  61.                                         </a>
  64.                                         {% if lesson.isPublic %}
  65.                                             <span style="color: white;border: 1px solid #3f51b5;border-radius: 5px;padding: 1px 6px;font-size: 12px;background-color: #3f51b5;font-weight: 600;">Gratuit</span>
  66.                                         {% endif %}
  67.                                     </div>
  68.                                     {% if app.user %}
  69.                                         <div class="progress-circle min-progress-width">
  70.                                             <div class="c100 p{{ lesson.progression }} small green ml-3">
  71.                                                 <div class="slice">
  72.                                                     <div class="bar"></div>
  73.                                                     <div class="fill"></div>
  74.                                                 </div>
  75.                                             </div>
  76.                                             {% if lesson.progression == 100 %}
  77.                                                 <i class="fas fa-check"></i>
  78.                                             {% endif %}
  79.                                         </div>
  80.                                     {% endif %}
  81.                                 {% else %}
  82.                                     <span>
  83.                                         {{- 'front.scholar.training.show.lesson.title.label'|trans({
  84.                                             '%name%': lesson.name,
  85.                                             '%num%': loop.index,
  86.                                         }) -}}
  87.                                     </span>
  88.                                 {% endif %}
  89.                             {% elseif currentRoute == 'manager_channel_training_show'  %}
  90.                                 <div style="display: flex;align-items: center;justify-content: center;">
  91.                                     <a class="lesson-title mr-2"
  92.                                        href="{{ path('manager_channel_training_module_lesson_show', {'trainingId' : sub.id, 'channelId': channel.id, 'moduleId' : module.id, 'lessonId': lesson.id}) }}">
  93.                                         {{- 'front.scholar.training.show.lesson.title.label'|trans({
  94.                                             '%name%': lesson.name,
  95.                                             '%num%': loop.index,
  96.                                         }) -}}
  97.                                     </a>
  99.                                     {% if lesson.isPublic %}
  100.                                         <span style="color: white;border: 1px solid #3f51b5;border-radius: 5px;padding: 1px 6px;font-size: 12px;background-color: #3f51b5;font-weight: 600;">Gratuit</span>
  101.                                     {% endif %}
  102.                                 </div>
  103.                             {% endif %}
  104.                         </li>
  105.                     {% endif %}
  106.                 {% endfor %}
  107.             </ul>
  108.         </div>
  109.     </div>
  110. </div>