templates/front/course/_course-details-modals.html.twig line 1

Open in your IDE?
  1. <!-- Modal notes -->
  2. <div class="modal fade bd-example-modal-lg  {{ type }}" id="view-notes" tabindex="-1" role="dialog" aria-labelledby="view-notes" aria-hidden="true">
  3.     <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  4.         <div class="modal-content">
  5.             <div class="modal-body">
  6.                 <div class="modal-title-wrap">
  7.                     <h5 class="modal-title">{{ "pro_page.notes" | trans }}</h5>
  8.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  9.                         <i class="fal fa-times"></i>
  10.                     </button>
  11.                 </div>
  12.                 {% set averageNotes = getAverageNotes(course.owner)%}
  13.                 {% set average = averageNotes.total %}
  14.                 {% if average != 0 %}
  15.                     <div class="row total-average">
  16.                         <div class="col-12">
  17.                             <p class="average-note">{{ average }}</p>
  18.                             {% for i in 1..5 %}
  19.                                 {% if average >= i %}
  20.                                     <i class="fas fa-star"></i>
  21.                                 {% else %}
  22.                                     {% if average > (i - 1) %}
  23.                                         <i class="fas fa-star-half-alt"></i>
  24.                                     {% else %}
  25.                                         <i class="far fa-star"></i>                                    
  26.                                     {% endif %}
  27.                                 {% endif %}
  28.                             {% endfor %}
  29.                         </div>
  30.                     </div>
  31.                     <div class="row organization-education">
  32.                         <div class="global-note-col">
  33.                             <span class="text">{{ "pro_page.organization" | trans }}:</span>
  34.                             <div class="start-notes">
  36.                             {% if averageNotes.organization != 0 %}
  37.                                 {% for i in 1..5 %}
  38.                                     {% if averageNotes.organization >= i %}
  39.                                         <i class="fas fa-star"></i>
  40.                                     {% else %}
  41.                                         {% if averageNotes.organization > (i - 1) %}
  42.                                             <i class="fas fa-star-half-alt"></i>
  43.                                         {% else %}
  44.                                             <i class="far fa-star"></i>                                    
  45.                                         {% endif %}
  46.                                     {% endif %}
  47.                                 {% endfor %}
  48.                             {% else %}
  49.                                 {% for i in 1..5 %}
  50.                                     {% if i <= 4 %}
  51.                                         <i class="fas fa-star grey-star"></i>
  52.                                     {% else %}
  53.                                         <i class="far fa-star grey-star"></i>
  54.                                     {% endif %}
  55.                                 {% endfor %}
  56.                             {% endif %}
  58.                             </div>
  59.                         </div>
  61.                         <div class="global-note-col">
  62.                             <span class="text">{{ "pro_page.education" | trans }}:</span>
  63.                             <div class="start-notes">
  65.                             {% if averageNotes.education != 0 %}
  66.                                 {% for i in 1..5 %}
  67.                                     {% if averageNotes.education >= i %}
  68.                                         <i class="fas fa-star"></i>
  69.                                     {% else %}
  70.                                         {% if averageNotes.education > (i - 1) %}
  71.                                             <i class="fas fa-star-half-alt"></i>
  72.                                         {% else %}
  73.                                             <i class="far fa-star"></i>                                    
  74.                                         {% endif %}
  75.                                     {% endif %}
  76.                                 {% endfor %}
  77.                             {% else %}
  78.                                 {% for i in 1..5 %}
  79.                                     {% if i <= 4 %}
  80.                                         <i class="fas fa-star grey-star"></i>
  81.                                     {% else %}
  82.                                         <i class="far fa-star grey-star"></i>
  83.                                     {% endif %}
  84.                                 {% endfor %}
  85.                             {% endif %}
  87.                             </div>
  88.                         </div>
  89.                     </div>
  90.                     <div class="notes">
  91.                         {% for note in getNotes(course.owner) %}
  92.                             
  93.                         <div class="row note">
  94.                             <div class="col-md-3 pl-0">
  95.                                 <p class="trainee">{{ note.booking ?  note.booking.trainee.firstname : note.trainee.firstname }}</p>
  96.                                 <p class="date">{{ note.createdAt | date('d/m/Y') }}</p>
  97.                                 <div class="total">
  98.                                     {% for i in 1..5 %}
  99.                                         {% if note.getTotalNote >= i %}
  100.                                             <i class="fas fa-star"></i>
  101.                                         {% else %}
  102.                                             {% if note.getTotalNote > (i - 1) %}
  103.                                                 <i class="fas fa-star-half-alt"></i>
  104.                                             {% else %}
  105.                                                 <i class="far fa-star"></i>                                    
  106.                                             {% endif %}
  107.                                         {% endif %}
  108.                                     {% endfor %}
  109.                                 </div>
  110.                             </div>
  111.                             <div class="col-md-9 note-details px-0">
  112.                                 <a href="{{ path('view_course', { 'token':note.course.token }) }}" target="_blank" class="course">{{ note.course.getTranslatedContent(app.request.locale).name | raw }}</a>
  113.                                 <p class="comment">{{ note.comment }}</p>
  114.                                 <div class="row organization-education-note">
  115.                                     <div class="col-6">
  116.                                         {{ "pro_page.organization" | trans }}
  117.                                         {% if note.organization != null %}
  118.                                             {% for i in 1..5 %}
  119.                                                 {% if note.organization >= i %}
  120.                                                     <i class="fas fa-star"></i>
  121.                                                 {% else %}
  122.                                                     {% if note.organization > (i - 1) %}
  123.                                                         <i class="fas fa-star-half-alt"></i>
  124.                                                     {% else %}
  125.                                                         <i class="far fa-star"></i>                                    
  126.                                                     {% endif %}
  127.                                                 {% endif %}
  128.                                             {% endfor %}
  129.                                         {% else %}
  130.                                             {% for i in 1..5 %}
  131.                                                 {% if i <= 4 %}
  132.                                                     <i class="fas fa-star grey-star"></i>
  133.                                                 {% else %}
  134.                                                     <i class="far fa-star grey-star"></i>
  135.                                                 {% endif %}
  136.                                             {% endfor %}
  137.                                         {% endif %}
  138.                                     </div>
  139.                                     <div class="col-6">
  140.                                         {{ "pro_page.education" | trans }}
  141.                                         {% if note.education != null %}
  142.                                             {% for i in 1..5 %}
  143.                                                 {% if note.education >= i %}
  144.                                                     <i class="fas fa-star"></i>
  145.                                                 {% else %}
  146.                                                     {% if note.education > (i - 1) %}
  147.                                                         <i class="fas fa-star-half-alt"></i>
  148.                                                     {% else %}
  149.                                                         <i class="far fa-star"></i>                                    
  150.                                                     {% endif %}
  151.                                                 {% endif %}
  152.                                             {% endfor %}
  153.                                         {% else %}
  154.                                             {% for i in 1..5 %}
  155.                                                 {% if i <= 4 %}
  156.                                                     <i class="fas fa-star grey-star"></i>
  157.                                                 {% else %}
  158.                                                     <i class="far fa-star grey-star"></i>
  159.                                                 {% endif %}
  160.                                             {% endfor %}
  161.                                         {% endif %}
  162.                                     </div>
  163.                                 </div>
  164.                             </div>
  165.                         </div>
  166.                             
  167.                         {% endfor %}
  168.                     </div>
  169.                 {% else %}
  170.                     <div class="note-box">
  171.                         <p class="empty-note">{{ "pro_page.no_note" | trans }}</p>
  172.                     </div>
  173.                 {% endif %}
  174.                     
  175.             </div>
  176.         </div>
  177.     </div>
  178. </div>
  181. <!-- Modal social media -->
  182. <div class="modal fade" id="share-socials" tabindex="-1" role="dialog" aria-labelledby="share-socials" aria-hidden="true">
  183.     <div class="modal-dialog modal-dialog-centered" role="document">
  184.         <div class="modal-content">
  185.             <div class="modal-body">
  186.                 <h5 class="modal-title">{{ "page_course_detail.share_course" | trans }}</h5>
  187.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  188.                     <i class="fal fa-times"></i>
  189.                 </button>
  190.                     
  191.                 <div class="row" id="social-networks">
  192.                     <div class="col-3">
  193.                     <a href="https://www.facebook.com/sharer/sharer.php?u={{ url('view_course', {'token': course.token}) }}" target="_blank">
  194.                         <div class="card">
  195.                             <div id="icon">
  196.                                 <i class="fab fa-facebook-f"></i>
  197.                             </div>
  198.                         </div>
  199.                     </a>
  200.                     </div>
  201.                     <div class="col-3">
  202.                         <a href="https://twitter.com/intent/tweet?text={{ url('view_course', {'token': course.token}) }}" target="_blank">
  203.                             <div class="card">
  204.                                 <div id="icon">
  205.                                     <i class="fab fa-x-twitter"></i>
  206.                                 </div>
  207.                             </div>
  208.                         </a>
  209.                     </div>
  210.                     <div class="col-3">
  211.                         <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ url('view_course', {'token': course.token}) }}&title={{ course.getTranslatedContent(app.request.locale).name }}" target="_blank">
  212.                             <div class="card">
  213.                                 <div id="icon">
  214.                                     <i class="fab fa-linkedin-in"></i>
  215.                                 </div>
  216.                             </div>
  217.                         </a>
  218.                     </div>
  219.                     <div class="col-3">
  220.                         <a href="https://api.whatsapp.com/send?&text={{ url('view_course', {'token': course.token}) }}" target="_blank">
  221.                             <div class="card">
  222.                                 <div id="icon">
  223.                                     <i class="fab fa-whatsapp"></i>
  224.                                 </div>
  225.                             </div>
  226.                         </a>
  227.                     </div>
  228.                 </div>
  229.             </div>
  230.         </div>
  231.     </div>
  232. </div>
  235. {% if course.videos | length > 0 %}
  237. <!-- Modal watch video -->
  238. <div class="modal fade bd-example-modal-lg" id="watch-video" tabindex="-1" role="dialog" aria-labelledby="video" aria-hidden="true">
  239.     <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  240.         <div class="modal-content">
  241.             <div class="modal-body">
  242.                 <h5 class="modal-title">{{ 'pro_page.watch_video' | trans }}</h5>
  243.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  244.                     <i class="fal fa-times"></i>
  245.                 </button>
  246.                     
  247.                 {% if course.videos | first.type == 'youtube' or course.videos | first.type == 'vimeo' %}
  249.                     {% if course.videos | first.type == 'youtube' %}
  250.                     {% set src = 'https://www.youtube.com/embed/' ~ course.videos | first.videoId %}
  251.                     {% else %}
  252.                     {% set src = 'https://player.vimeo.com/video/' ~ course.videos | first.videoId %}
  253.                     {% endif %}
  255.                     <div class="video-responsive">
  256.                         <iframe width="560" height="315" id="watched-video" frameborder="0" allowfullscreen src="{{ src }}"></iframe>
  257.                     </div>
  259.                 {% else %}
  261.                     <video controls width="100%">
  262.                         <source src="{{ asset('/images/video/' ~ course.videos | first.path) }}" type="video/mp4">
  263.                     </video>
  264.                     
  265.                 {% endif %}
  266.                     
  267.             </div>
  268.         </div>
  269.     </div>
  270. </div>
  272. {% endif %}