templates/uniqskills/catalogue/landing_new/landing_partials/courseProgram.html.twig line 1

Open in your IDE?
  1. <section class="rowCourseProgram">
  2.     {% set showCourseProgram = module.showCourseProgram is defined and module.showCourseProgram == true %}
  3.     <a name="{{ module.type }}-{{ module.id }}"></a>
  4.     <div class="container">
  5.         <div class="row">
  6.             <div class="col rowCourseProgram__header">
  7.                 <h2>{% if module.titleName is defined and module.titleName is not empty %}{{ module.titleName|raw }}{% else %}{{ 'uniqskills.landing.nl.courseProgram'|trans }}{% endif %}</h2>
  8.             </div>
  9.         </div>
  11.         {% for key, item in module.json %}
  12.             <div class="row rowCourseProgram__module" style="position: relative; overflow: hidden;">
  13.                 <div class="col">
  14.                     {% if item.list[0] is defined %}
  15.                         {% set isFree = false %}
  16.                         {% for point in item.list[0].list %}
  17.                             {% if point.free is defined and point.free %}
  18.                                 {% set isFree = true %}
  19.                             {% endif %}
  20.                         {% endfor %}
  21.                         {% if isFree == true %}
  22.                             <img class="imgForFree" src="{{ asset('uniqskills/new_landing/images/free.png') }}"/>
  23.                         {% endif %}
  24.                     {% endif %}
  25.                     {% if item.moduleTitle is defined and item.moduleTitle is not null %}
  26.                         {% if item.list is defined %}
  27.                             {% set isPointsEmpty = item.list|filter(v => v.list is not empty) is empty %}
  28.                         {% else %}
  29.                             {% set isPointsEmpty = true %}
  30.                         {% endif %}
  31.                         <div class="row accordionTab"{% if showCourseProgram or isPointsEmpty %} style="cursor: default;" data-no-slide="1"{% endif %}>
  32.                             <div class="col-10">
  33.                                 <div class="rowCourseProgram__module__title">{{ item.moduleTitle|raw }}</div>
  34.                             </div>
  35.                             {% if not (showCourseProgram or isPointsEmpty) %}
  36.                                 <div class="col-2 text-center">
  37.                                     <span class="rowCourseProgram__module__more" data-id="mod-{{ loop.index }}">+</span>
  38.                                 </div>
  39.                             {% endif %}
  40.                         </div>
  41.                     {% endif %}
  42.                     {% if item.list is defined %}
  43.                         {% for list in item.list %}
  44.                             {% if list.title is not null  %}
  45.                                 {% if item.moduleTitle is null and loop.first %}
  46.                                     <div class="row accordionTab"{% if showCourseProgram or list.list is empty %} style="cursor: default;" data-no-slide="1"{% endif %}>
  47.                                 {% else %}
  48.                                     <div class="row accordionChild"{% if showCourseProgram or list.list is empty %} style="cursor: default;" data-no-slide="1"{% endif %}>
  49.                                 {% endif %}
  50.                                     <div class="col-10">
  51.                                         <div class="rowCourseProgram__module__description">
  52.                                             {% if item.list|length > 1 %}
  53.                                                 ✔
  54.                                             {%  endif %}
  55.                                             {{ list.title|raw }}
  56.                                         </div>
  57.                                     </div>
  58.                                     {% if item.moduleTitle is not null and loop.first %}
  59.                                         <div class="col-2 text-center">
  60.                                             <span class="rowCourseProgram__module__more" data-id="mod-{{ loop.parent.loop.index }}">+</span>
  61.                                         </div>
  62.                                     {% endif %}
  63.                                 </div>
  64.                             {% endif %}
  65.                             <div class="rowCourseProgram__module__elements" id="mod-{{ loop.parent.loop.index }}"
  66.                                  {% if showCourseProgram %}style="display: block;"{% endif %}
  67.                             >
  68.                                 {% if item.list is defined %}
  69.                                     {% for point in list.list %}
  70.                                         <div class="row">
  71.                                             <div class="col-12 col-md-10 rowCourseProgram__module__elements__vertical">
  72.                                                 <div class="bgs2-rowCourseProgram_elementIcon"></div>
  73.                                                 <div>
  74.                                                     {{ point.title|raw }}
  75.                                                 </div>
  76.                                             </div>
  77.                                             <div class="col-12 col-md-2 text-md-center mt-2 mt-md-0 mb-4 mb-md-0 ml-4 pl-4 ml-md-0 pl-md-0">
  78.                                                 {% if point.free is defined and point.free %}
  79.                                                     <a data-login={{ path('uniqskills_login') }} data-temporary="{{ temporaryUserLogin }}"
  80.                                                        class="rowCourseProgram__module__elements__check{% if 'vimeo.com' in point.free or 'bbvms.com' in point.free %} showFreeLessonVimeo{% else %} sm-download{% endif %}"
  81.                                                        {% if 'vimeo.com' in point.free or 'bbvms.com' in point.free %}
  82.                                                            data-vimeoUrl="{{ point.free }}"
  83.                                                        {% else %}
  84.                                                            href="{{ point.free }}" target="_blank"
  85.                                                        {% endif %}
  86.                                                     >
  87.                                                         <i style="font-style: normal;" class="fas fa-play"></i>{{ 'uniqskills.landing.nl.freematerials'|trans }}
  88.                                                     </a>
  89.                                                 {% endif %}
  90.                                             </div>
  91.                                         </div>
  92.                                     {% endfor %}
  93.                                 {% endif %}
  94.                             </div>
  95.                         {% endfor %}
  96.                     {% endif %}
  97.                 </div>
  98.             </div>
  99.         {% endfor %}
  100.     </div>
  102.     <!-- Modal -->
  103.     <div class="modal fade" id="vimeoVideoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  104.         <div class="modal-dialog" role="document">
  105.             <div class="modal-content">
  106.                 <div class="modal-header">
  107.                     {#<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>#}
  108.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  109.                         <span aria-hidden="true">&times;</span>
  110.                     </button>
  111.                 </div>
  112.                 <div class="modal-body">
  113.                     <iframe id="vimeoVideoModalIframe" src="https://player.vimeo.com/video/76979871"
  114.                             width="640" height="460" frameborder="0" allowfullscreen
  115.                             style="display: block; margin: 0 auto;"
  116.                     ></iframe>
  117.                 </div>
  118.                 {#<div class="modal-footer">#}
  119.                 {#<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>#}
  120.                 {#<button type="button" class="btn btn-primary">Save changes</button>#}
  121.                 {#</div>#}
  122.             </div>
  123.         </div>
  124.     </div>
  126. </section>