templates/blog/show.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/layout-right-columns.html.twig' %}
  3. {% if article.videoPoster is empty %}
  4.     {% set video_poster = '/build/images/poster_default.png' %}
  5. {% else %}
  6.     {% set video_poster = '/uploads/videos/poster/' ~  article.videoPoster.src %}
  7. {% endif %}
  9. {% block column_center %}
  11.     <section class="mn-sec">
  12.         <div class="mn-vid-sc single_video">
  13.             <div class="vid-1">
  14.                 <div class="vid-pr">
  15.                     <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="{{ video_poster }}" data-setup="{}">
  16.                         <source src="/uploads/videos/{{ article.video.src }}" type="{{ article.video.mime }}"/>
  17.                     </video>
  18.                 </div>
  19.                 <!--vid-pr end-->
  20.                 <div class="vid-info">
  21.                     <h3>{{ article.video.title }}</h3>
  22.                 </div>
  23.                 <!--vid-info end-->
  24.             </div>
  25.             <!--vid-1 end-->
  26.             <div class="abt-mk">
  27.                 <div class="info-pr-sec">
  28.                     <div class="vcp_inf cr">
  29.                         <div class="vc_info pr">
  30.                             <span>Publié le :
  31.                                 {{ article.createdAt|date(config.dateFormat) }}</span>
  32.                         </div>
  33.                     </div>
  34.                     <!--vcp_inf end
  35.                     <ul class="df-list">
  36.                         <li>
  37.                             <button data-toggle="tooltip" data-placement="top" title="Share">
  38.                                 <i class="icon-share"></i>
  39.                             </button>
  40.                         </li>
  41.                     </ul>
  42.                     df-list end-->
  43.                     <div class="clearfix"></div>
  44.                 </div>
  45.                 <div class="clearfix"></div>
  46.                 <div class="about-ch-sec">
  47.                     <div class="abt-rw">
  48.                         <h4>Catégorie :
  49.                         </h4>
  50.                         <p>{{ article.category.title }}</p>
  51.                     </div>
  52.                     <div class="abt-rw">
  53.                         <h4>Description :
  54.                         </h4>
  55.                         <p>
  56.                             {{ article.video.description|raw }}
  57.                         </p>
  58.                     </div>
  59.                     {% if article.tags is not empty %}
  60.                         <div class="abt-rw tgs">
  61.                             <h4>Tags :
  62.                             </h4>
  63.                             <p>
  64.                                 {% for tag in article.tags %}
  65.                                     <span class="tag badge bg-info">#{{ tag.name }}</span>
  66.                                 {% endfor %}
  67.                             </p>
  68.                         </div>
  69.                     {% endif %}
  70.                 </div>
  71.                 <!--about-ch-sec end-->
  72.             </div>
  73.             <!--abt-mk end-->
  74.             {% if article.videoMarkers.count %}
  75.                 <div class="amazon">
  76.                     <div class="abt-amz">
  77.                         <div class="amz-hd">
  78.                             <h2>Documents relatifs</h2>
  79.                         </div>
  80.                         <!--amz-hd end-->
  81.                         <div class="clearfix"></div>
  82.                     </div>
  83.                     <!--abt-amz end-->
  84.                     <div class="amz-img-inf">
  85.                         <div id="videoMarker-list" class="row">
  86.                             {% for videoMarker in article.videoMarkers %}
  87.                                 <div class="col-lg-3 col-md-3 col-sm-6 col-6 full_wdth">
  88.                                     <div id="videoMarker-{{ videoMarker.id }}" class="videoMarker-item" data-timecode="{{ videoMarker.timecode }}" data-duration="{{ videoMarker.duration }}" data-title=" {{ videoMarker.title }} ">
  89.                                         
  90.                                         {% for attachment in videoMarker.attachments %}
  91.                                             {% if 'vnd.openxmlformats' in attachment.mime %}
  92.                                                 {% set icon = 'word.jpg' %}
  93.                                             {% elseif 'pdf' in attachment.mime %}
  94.                                                 {% set icon = 'pdf.png' %}
  95.                                             {% elseif 'vnd.ms-excel' in attachment.mime %}
  96.                                                 {% set icon = 'excel.jpg' %}
  97.                                             {% elseif 'vnd.ms-powerpoint' in attachment.mime %}
  98.                                                 {% set icon = 'powerpoint.jpg'%}
  99.                                             {% else %}
  100.                                                 {% set icon = 'txt.png' %}
  101.                                             {% endif %}
  103.                                             <div class="mg-inf">
  104.                                                 <div id="document-{{ attachment.id }}" class="document" data-media-src="{{ attachment.src }}" data-media-icon="{{ icon }}" data-media-title="{{ attachment.title }}" data-media-description="{{ attachment.description }}">
  105.                                                     <div class="img-sr">
  106.                                                         <a target="_blank" href="/uploads/documents/{{ attachment.src }}" title="{{ attachment.title }}">
  108.                                                             <img src="{{ asset('build/images/photos/' ~ icon) }}" alt="">
  109.                                                         </a>
  110.                                                     </div>
  111.                                                     <div class="info-sr">
  112.                                                         <h3>
  113.                                                             <a target="_blank" href="/uploads/documents/{{ attachment.src }}" title="{{ attachment.title }}">{{ attachment.title }}</a>
  114.                                                             <span class="document-timecode">
  115.                                                                 -
  116.                                                                 {{ videoMarker.timecode|timecode }}</span>
  117.                                                         </h3>
  118.                                                     </div>
  120.                                                 </div>
  121.                                             </div>
  122.                                         {% endfor %}
  123.                                     </div>
  124.                                     <!--mg-inf end-->
  125.                                 </div>
  127.                             {% endfor %}
  128.                         </div>
  129.                     </div>
  130.                     <!--amz-img-in-->
  131.                 </div>
  133.             {% endif %}
  134.             <!--amazon end-->
  135.         </div>
  136.     </section>
  137.     <!--mn-sec end-->
  138.     {{ encore_entry_script_tags('videojs') }}
  139. {% endblock %}
  141. {% block column_right %}
  142.     <div class="sidebar">
  144.         {% include "blog/_video_associated.html.twig" with articles %}
  145.         <!--videoo-list-ab end-->
  146.     </div>
  147.     <!--side-bar end-->
  148. {% endblock %}