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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% set currentRoute = app.request.attributes.get('_route') %}
  4. {% set has_front_access = is_granted('FRONT_ACCESS', {
  5.     'training': sub,
  6. }) %}
  8. {% block before_navbar %}
  9.     {% if currentRoute == 'manager_channel_training_show' %}
  10.         <div style="background-color: #E9F8F8;" class="p-2 justify-content-center align-items-center d-flex flex-column flex-md-row text-center">
  12.             {% set headerReturnLink = null %}
  13.             {% if currentRoute == 'manager_channel_training_show' %}
  14.                 {% set headerReturnLink = path('manager_channel_trainings', {'channelId': channel.id}) %}
  15.             {% endif %}
  17.             <div style="font-weight: bold; color: #212B7A" class="mx-1">Vous êtes en mode visualisation de l'interface pour les administrateurs.</div>
  18.             <div style="font-weight: bold"><a href="{{- headerReturnLink -}}" style="text-decoration: underline">Revenir à la page d'administration</a></div>
  19.         </div>
  20.     {% endif %}
  21. {% endblock before_navbar %}
  23. {% block title %}{{ sub.name }} - {{ parent() }}{% endblock %}
  24. {% block content %}
  25.     {% set advice_avg = sub|advice_avg_by_training %}
  26.     <div class="jumbotron-v2 mb-4">
  27.         <div class="container">
  28.             <h2 class="v2-title-big">
  29.                 {{- 'front.scholar.training.show.title.label'|trans({
  30.                     '%name%': sub.name,
  31.                 }) -}}
  32.             </h2>
  34.             <div class="md-none">
  35.                 <div class="info-content mt-4 {% if advice_avg is same as null %} info-without-advice {% endif %}">
  36.                     <div>
  37.                         <i class="fas fa-users"></i>
  38.                         <p>{{ sub|countCursusForTraining }}</p>
  39.                     </div>
  40.                     {% if advice_avg is not same as null %}
  41.                         <div>
  42.                             <i class="fas fa-star"></i>
  43.                             <p>{{ advice_avg }} ({{ sub|get_count_advice_training }})</p>
  44.                         </div>
  45.                     {% endif %}
  46.                     <div class="dot-div"></div>
  47.                     <div>
  48.                         {% if sub.updatedAt is not null %}
  49.                             {{- 'front.scholar.training.show.createdAt.label'|trans({
  50.                                 '%date%': sub.updatedAt|format_datetime('long', locale=app.request.locale),
  51.                             })|raw -}}
  52.                         {% else %}
  53.                             {{- 'front.scholar.training.show.createdAt.label'|trans({
  54.                                 '%date%': sub.createdAt|format_datetime('long', locale=app.request.locale),
  55.                             })|raw -}}
  56.                         {% endif %}
  57.                     </div>
  58.                 </div>
  59.             </div>
  62.             <div class="md-set">
  63.                 <div class="info-content mt-4">
  64.                     <div>
  65.                         <div>
  66.                             <i class="fas fa-users"></i>
  67.                             <p>{{ sub|countCursusForTraining }}</p>
  68.                         </div>
  69.                         {% if advice_avg is not same as null %}
  70.                             <div class="info-content-stars">
  71.                                 <i class="fas fa-star"></i>
  72.                                 <p>{{ advice_avg }} ({{ sub|get_count_advice_training }})</p>
  73.                             </div>
  74.                         {% endif %}
  75.                     </div>
  76.                     <div class="mt-2">
  77.                         <div class="dot-div">
  78.                             <i class="fas fa-circle"></i>
  79.                         </div>
  80.                         <div>
  81.                             {% if sub.updatedAt is not null %}
  82.                                 {{- 'front.scholar.training.show.createdAt.label'|trans({
  83.                                     '%date%': sub.updatedAt|format_datetime('long', locale=app.request.locale),
  84.                                 })|raw -}}
  85.                             {% else %}
  86.                                 {{- 'front.scholar.training.show.createdAt.label'|trans({
  87.                                     '%date%': sub.createdAt|format_datetime('long', locale=app.request.locale),
  88.                                 })|raw -}}
  89.                             {% endif %}
  90.                         </div>
  91.                     </div>
  93.                 </div>
  94.             </div>
  97.             <div class="description mt-4">
  98.                 <p>{{ sub.description }}</p>
  99.             </div>
  100.         </div>
  101.     </div>
  103.     {{ parent() }}
  104. {% endblock content %}
  106. {% block inner_content %}
  107.     <div class="row">
  108.         <div class="col-lg-9 col-md-8 mb-3">
  109.             <h2 class="v2-title-small mt-5">{{ 'front.scholar.training.show.sub_title.programm.label'|trans }}</h2>
  110.             <div id="accordion" class="accordion-nellapp mt-5">
  111.                 {% for module in firstModules %}
  112.                     {% include 'Front/Scholar/Training/Partial/accordion-item.html.twig' with {'module' : module, 'loop': loop, 'training' : sub} %}
  113.                 {% endfor %}
  114.                 {% if lastModules|length %}
  115.                     <div class="more-module" style="display: none">
  116.                         {% for module in lastModules %}
  117.                             {% include 'Front/Scholar/Training/Partial/accordion-item.html.twig' with {'module' : module, 'loop': loop, 'training': sub} %}
  118.                         {% endfor %}
  119.                     </div>
  120.                     <div class="w100-flex-center-x mt-3 div-btn-see-more">
  121.                         <button class="btn-see-more-v2"
  122.                                 data-btn-more-module="true">
  123.                             {{ 'front.scholar.training.list.button.see_more.label'|trans }}
  124.                             5/{{ 5 + lastModules|length }}
  125.                         </button>
  126.                     </div>
  127.                     <div class="w100-flex-center-x mt-3 div-btn-see-less" style="display: none">
  128.                         <button class="btn-see-more-v2"
  129.                                 data-btn-less-module="true">
  130.                             {{ 'front.scholar.training.list.button.see_less.label'|trans }}
  131.                         </button>
  132.                     </div>
  133.                 {% endif %}
  134.             </div>
  135.         </div>
  137.         <div class="col-lg-3 col-md-4 order-first order-md-last">
  138.             <div class="card-elevation-training">
  139.                 <div class="" style="background-color: #f0f8f8;border-radius: 6px;text-align: center;">
  140.                     <img class="img-top-card" src="{{ sub|get_training_img_url }}">
  141.                 </div>
  143.                 <div class="card-body">
  144.                     <div class="channel-name d-flex">
  145.                         <div>
  146.                             <div class="img-logo-rounded">
  147.                                 {% include 'Front/Channel/Image/_image_main_avatar.html.twig' with {'channel': sub.ownerChannel} %}
  148.                             </div>
  149.                         </div>
  151.                         <div class="channel-description">
  152.                             <a href="{{ path('front_channel_show', {'channelId' : sub.ownerChannel.id }) }}"
  153.                                class="font-weight-bold">{{ sub.ownerChannel.name }}</a>
  154.                             {% if sub.ownerChannel.slogan is not empty %}
  155.                                 <p class="small">
  156.                                     {{ sub.ownerChannel.slogan }}
  157.                                 </p>
  158.                             {% endif %}
  159.                         </div>
  160.                     </div>
  161.                     <div class="training-stats mt-4">
  162.                         {% if sub.trainingType is not null %}
  163.                             <div class="row mt-3">
  164.                                 <div class="col-12 content-stat">
  165.                                     <div>
  166.                                         <i class="fas fa-book-open"></i>
  167.                                     </div>
  168.                                     <p>{{ sub | get_training_type_key | trans }}</p>
  169.                                 </div>
  170.                             </div>
  171.                         {% endif %}
  173.                         {% if sub.totalHourDescription is not null %}
  174.                             <div class="row mt-3">
  175.                                 <div class="col-12 content-stat">
  176.                                     <div>
  177.                                         <i class="fas fa-stopwatch"></i>
  178.                                     </div>
  179.                                     <p>{{ sub.totalHourDescription }} {{ 'front.scholar.training.show.card.total_hour.label'|trans }}</p>
  180.                                 </div>
  181.                             </div>
  182.                         {% endif %}
  183.                         {% if sub.videoDescription is not null %}
  184.                             <div class="row mt-3">
  185.                                 <div class="col-12 content-stat">
  186.                                     <div>
  187.                                         <i class="fas fa-file-video"></i>
  188.                                     </div>
  189.                                     <p>{{ sub.videoDescription }} {{ 'front.scholar.training.show.card.video_time.label'|trans }}</p>
  190.                                 </div>
  191.                             </div>
  192.                         {% endif %}
  193.                         {% set count_exercises = sub|count_exercises_by_training %}
  194.                         {% if count_exercises != 0 %}
  195.                             <div class="row mt-3">
  196.                                 <div class="col-12 content-stat">
  197.                                     <div>
  198.                                         <i class="far fa-list-alt"></i>
  199.                                     </div>
  201.                                     <p>{{ count_exercises }} {{ 'front.scholar.training.show.card.use_case.label'|trans }}</p>
  202.                                 </div>
  203.                             </div>
  204.                         {% endif %}
  205.                         {% if sub.diplomaDescription is not null %}
  206.                             <div class="row mt-3">
  207.                                 <div class="col-12 content-stat">
  208.                                     <div>
  209.                                         <i class="fas fa-graduation-cap"></i>
  210.                                     </div>
  211.                                     <p>{{ sub.diplomaDescription }}</p>
  212.                                 </div>
  213.                             </div>
  214.                         {% endif %}
  215.                     </div>
  217.                     {% if sub.trainingProduct is not null and not has_front_access %}
  218.                         <div class="mt-4 w100-flex-center-x">
  219.                             {% set value = sub.trainingProduct.price * 1 %}
  220.                             <p class="price-card-training">{{ 'front.scholar.training.show.card.price.label'|trans({'%price%' : value}) }}
  221.                                 *</p>
  222.                         </div>
  223.                         <div class="mt-2 w100-flex-center-x">
  224.                             <p class="price-note-card-training">{{ 'front.scholar.training.show.card.price.note'|trans({'%funding_contact_path%' : path('front_channel_training_payment_funding_contact', {'training_id': sub.id})}) | raw }}</p>
  225.                         </div>
  226.                     {% endif %}
  228.                     {% if not sub.public and currentRoute == 'front_channel_training_show' %}
  229.                         <div class="text-center mt-4 div-btn-card-show-training d-flex flex-column">
  230.                             {% if has_front_access %}
  231.                                 <div class="w100-flex-center-x">
  232.                                     <div class="progress-circle">
  233.                                         <div class="c100 p{{ trainingProgression.progression }} blue light-green-fill medium">
  234.                                             <div class="slice">
  235.                                                 <div class="bar"></div>
  236.                                                 <div class="fill"></div>
  237.                                             </div>
  238.                                         </div>
  239.                                     </div>
  240.                                 </div>
  241.                                 <div class="mb-2 training-progress-percent">
  242.                                     {{ trainingProgression.progression }} %
  243.                                 </div>
  245.                                 {% if nellapp_url_exist('core', 'app_account_show_cursus') and cursus is defined and cursus is not null %}
  246.                                     <a href="{{ nellapp_url('core', 'app_account_show_cursus', {
  247.                                         'cursusId': cursus.id
  248.                                     }) }}"
  249.                                        class="see-training-progress-link">{{ 'front.scholar.training.show.card.progression.link.label' | trans }}
  250.                                     </a>
  251.                                 {% endif %}
  253.                                 {% set lastChapterAchieved = getLastAchievedChapter(sub) %}
  254.                                 {% if lastChapterAchieved is not null %}
  255.                                     <a href="{{ path('front_channel_chapter_show', {
  256.                                         'trainingId': lastChapterAchieved['trainingId'],
  257.                                         'moduleId': lastChapterAchieved['moduleId'],
  258.                                         'lessonId': lastChapterAchieved['lessonId'],
  259.                                         'chapterId': lastChapterAchieved['chapterId'],
  260.                                     }) }}"
  261.                                        class="btn-nellapp-v2 mt-3 d-inline-block">
  262.                                         {{ 'front.scholar.training.show.card.continue_btn.label' | trans }}
  263.                                     </a>
  264.                                 {% endif %}
  265.                             {% else %}
  266.                                 <a href="{{ path('front_channel_training_payment_funding_contact', {'training_id': sub.id}) }}"
  267.                                    class="btn btn-nellapp-v2">
  268.                                     {{ 'front.scholar.training.show.actions.follow.label'|trans }}
  269.                                 </a>
  270.                             {% endif %}
  271.                         </div>
  272.                     {% endif %}
  273.                 </div>
  274.             </div>
  275.         </div>
  276.     </div>
  278.     {% if training_descriptions|length > 0 %}
  279.         <div class="row">
  280.             <div class="col-12">
  281.                 <h2 class="v2-title-small mt-5 mb-2">{{ 'front.scholar.training.show.sub_title.plus.label'|trans }}</h2>
  282.             </div>
  283.             <div class="col-lg-9 col-md-8">
  284.                 <div class="row">
  285.                     {% for description in training_descriptions %}
  286.                         <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-4">
  287.                             {% include 'Front/Scholar/Card/training-description.html.twig' with {'description' : description} %}
  288.                         </div>
  289.                     {% endfor %}
  290.                 </div>
  291.             </div>
  292.         </div>
  293.     {% endif %}
  295.     <div class="row mt-3">
  296.         <div class="col-12">
  297.             <h2 class="v2-title-small mt-5 mb-2">{{ 'front.scholar.training.show.sub_title.channel.label'|trans }}</h2>
  298.         </div>
  299.         <div class="col-lg-9 col-md-8">
  300.             <div class="row">
  301.                 <div class="col-12">
  302.                     <div class="mt-3">
  303.                         {% include 'Front/Scholar/Card/channel.html.twig' with {'channel' : sub.ownerChannel} %}
  304.                     </div>
  305.                 </div>
  306.             </div>
  307.         </div>
  308.     </div>
  310.     {% if teacher_entities|length > 0 %}
  311.         <div class="row mt-3">
  312.             <div class="col-12">
  313.                 <h2 class="v2-title-small mt-5 mb-2">{{ 'front.scholar.training.show.sub_title.teacher.label'|trans }}
  314.                     ({{ teacher_entities|length }})</h2>
  315.             </div>
  316.         </div>
  317.         {% for teacher in teacher_entities %}
  318.             <div class="col-lg-9 col-md-8">
  319.                 <div class="row">
  320.                     <div class="col-12">
  321.                         <div class="mt-3">
  322.                             {% include 'Front/Scholar/Card/teacher.html.twig' with {'teacher' : teacher} %}
  323.                         </div>
  324.                     </div>
  325.                 </div>
  326.             </div>
  327.         {% endfor %}
  328.     {% endif %}
  330.     {% if training_advices is defined and training_advices|length > 0 %}
  331.         <div class="row mt-3 mb-5">
  332.             <div class="col-lg-9 col-md-8">
  333.                 <div class="row">
  334.                     <div class="col-12">
  335.                         <div class="div-title-between mt-5 mb-2">
  336.                             <h2 class="v2-title-small">{{ 'front.scholar.training.show.sub_title.advice.label'|trans }}
  337.                                 ({{ training_advices|length }})</h2>
  338.                             <p class=""><i class="far fa-star"></i> {{ advice_avg }}</p>
  339.                         </div>
  340.                     </div>
  341.                     <div class="col-12">
  342.                         <div class="mt-3">
  343.                             {% set adviceCount = 1 %}
  344.                             {% set break = false %}
  345.                             {% for advice in training_advices %}
  346.                                 {% if not break %}
  347.                                     {% include 'Front/Scholar/Card/advice.html.twig' with {'advice' : advice} %}
  348.                                     {% set adviceCount = adviceCount + 1 %}
  349.                                     {% if adviceCount == 6 %}
  350.                                         {% set break = true %}
  351.                                     {% endif %}
  352.                                 {% endif %}
  353.                             {% endfor %}
  355.                             {% set adviceCount = 1 %}
  356.                             {% if training_advices|length > 5 %}
  357.                                 <div class="div-more-advice">
  358.                                     {% for advice in training_advices %}
  359.                                         {% set adviceCount = adviceCount + 1 %}
  360.                                         {% if adviceCount > 6 %}
  361.                                             {% include 'Front/Scholar/Card/advice.html.twig' with {'advice' : advice} %}
  362.                                         {% endif %}
  363.                                     {% endfor %}
  364.                                 </div>
  365.                             {% endif %}
  366.                         </div>
  367.                     </div>
  368.                 </div>
  369.             </div>
  370.         </div>
  371.     {% endif %}
  372.     {% if form is defined and app.user %}
  373.         <div class="row">
  374.             <div class="col-lg-9 col-md-8">
  375.                 <p class="small-description">{{ 'front.scholar.training.show.sub_title.advice.sentence.enter_key.label'|trans }}</p>
  376.             </div>
  377.         </div>
  378.         <div class="row" {% if advice_user is defined and advice_user is not null %} {% if advice_user.note is not null %}data-advice-current-note="{{ advice_user.note }}"{% endif %}{% endif %}>
  379.             <div class="col-lg-9 col-md-8 mt-1">
  380.                 <div class="form-advice-content">
  381.                     <div class="avatar-rounded">{{ app.user|user_avatar }}</div>
  382.                     <div class="form-advice-bg-gray">
  383.                         {{ form_start(form) }}
  384.                         <div style="display: none">
  385.                             {{ form_widget(form.note) }}
  386.                         </div>
  387.                         {{ form_widget(form.comment) }}
  388.                         {{ form_errors(form.comment) }}
  389.                         {{ form_end(form) }}
  390.                         <div class="stars-rating">
  391.                             <i class="far fa-star" data-rating="1"></i>
  392.                             <i class="far fa-star" data-rating="2"></i>
  393.                             <i class="far fa-star" data-rating="3"></i>
  394.                             <i class="far fa-star" data-rating="4"></i>
  395.                             <i class="far fa-star" data-rating="5"></i>
  396.                         </div>
  397.                         <div class="center-y ml-2">
  398.                             <span id="span-nb-note-advice">0</span>
  399.                         </div>
  400.                     </div>
  401.                 </div>
  402.             </div>
  403.         </div>
  404.         {% if advice_user is not null %}
  405.             {% if advice_user.id is not null %}
  406.                 <div class="row">
  407.                     <div class="col-lg-9 col-md-8 mt-1">
  408.                         <div class="w100-flex-end-x">
  409.                             <a class="delete-btn-advice"
  410.                                href="{{ path('front_training_advice_delete', {'id' : advice_user.id}) }}">{{ 'front.scholar.training.show.sub_title.advice.action.delete.label'|trans }}</a>
  411.                         </div>
  412.                     </div>
  413.                 </div>
  414.             {% endif %}
  415.         {% endif %}
  416.     {% endif %}
  421.     {% if training_advices is defined and training_advices|length > 5 %}
  422.         <div class="row">
  423.             <div class="col-lg-9 col-md-8 mt-5">
  424.                 <div class="w100-flex-center-x">
  425.                     <button class="see-more-btn"
  426.                             id="training-advice-see-more">{{ 'front.scholar.training.advice.see_more.label'|trans({'%count%': training_advices|length}) }}</button>
  427.                 </div>
  428.             </div>
  429.         </div>
  430.     {% endif %}
  431.     <div class="empty-div-bottom"></div>
  432. {% endblock inner_content %}
  434. {% block body %}
  435.     {{ parent() }}
  436.     {% if is_granted('CHANNEL_USER_PERM_TRAINING_SHOW', sub) %}
  437.         <div class="modal fade" id="delete-modal" tabindex="-1" role="dialog"
  438.              aria-labelledby="delete-modal-label" aria-hidden="true">
  439.             <div class="modal-dialog" role="document">
  440.                 <div class="modal-content">
  441.                     <div class="modal-header">
  442.                         <h5 class="modal-title" id="delete-modal-label">
  443.                             {{ 'front.scholar.training.show.actions.delete.modal.title.label'|trans({
  444.                                 '%name%': sub.name,
  445.                             })|raw }}
  446.                         </h5>
  447.                     </div>
  449.                     <div class="modal-body">
  450.                         {{ 'front.scholar.training.show.actions.delete.modal.body.label'|trans({
  451.                             '%name%': sub.name,
  452.                         })|raw }}
  453.                     </div>
  455.                     <div class="modal-footer">
  456.                         <button type="button" class="btn btn-link" data-dismiss="modal">
  457.                             {{ 'front.scholar.training.show.actions.delete.modal.cancel.label'|trans }}
  458.                         </button>
  460.                         <a href="{{ path('front_channel_training_delete', {'id': sub.id, 'channelId': channel.id}) }}"
  461.                            class="btn btn-danger btn-raised">
  462.                             {{ 'front.scholar.training.show.actions.delete.modal.delete.label'|trans }}
  463.                         </a>
  464.                     </div>
  465.                 </div>
  466.             </div>
  467.         </div>
  468.     {% endif %}
  469. {% endblock body %}