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">
  50. {% if currentRoute == 'front_channel_training_show' %}
  51. {% if front_access %}
  52. {% set path = path('front_channel_lesson_show', {'trainingId' : sub.id, 'moduleId' : module.id, 'lessonId': lesson.id}) %}
  53. <div style="display: flex;align-items: center;justify-content: center;">
  54. <a class="lesson-title mr-2"
  55. href="{{ path }}">
  56. {{- 'front.scholar.training.show.lesson.title.label'|trans({
  57. '%name%': lesson.name,
  58. '%num%': loop.index,
  59. }) -}}
  60. </a>
  61. {% if app.user is null and lesson.isPublic %}
  62. <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>
  63. {% endif %}
  64. </div>
  65. {% if app.user %}
  66. <div class="progress-circle min-progress-width">
  67. <div class="c100 p{{ lesson.progression }} small green ml-3">
  68. <div class="slice">
  69. <div class="bar"></div>
  70. <div class="fill"></div>
  71. </div>
  72. </div>
  73. {% if lesson.progression == 100 %}
  74. <i class="fas fa-check"></i>
  75. {% endif %}
  76. </div>
  77. {% endif %}
  78. {% else %}
  79. <div style="display: flex;align-items: center;justify-content: center;">
  80. <span class="mr-2">
  81. {{- 'front.scholar.training.show.lesson.title.label'|trans({
  82. '%name%': lesson.name,
  83. '%num%': loop.index,
  84. }) -}}
  85. </span>
  86. </div>
  87. {% endif %}
  88. {% elseif currentRoute == 'manager_channel_training_show' %}
  89. <div style="display: flex;align-items: center;justify-content: center;">
  90. <a class="lesson-title mr-2"
  91. href="{{ path('manager_channel_training_module_lesson_show', {'trainingId' : sub.id, 'channelId': channel.id, 'moduleId' : module.id, 'lessonId': lesson.id}) }}">
  92. {{- 'front.scholar.training.show.lesson.title.label'|trans({
  93. '%name%': lesson.name,
  94. '%num%': loop.index,
  95. }) -}}
  96. </a>
  98. {% if lesson.isPublic %}
  99. <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>
  100. {% endif %}
  101. </div>
  102. {% endif %}
  103. </li>
  104. {% endif %}
  105. {% endfor %}
  106. </ul>
  107. </div>
  108. </div>
  109. </div>