templates/video/video.inc.html.twig line 1

Open in your IDE?
  1. {% if partenaires_top is defined and partenaires_top and video.partenaires is defined and video.partenaires %}
  2. <section class="tc-header row">
  3.     <header class="tc-panel">
  4.         <div class="tc-desktop-1_1 tc-phone-1_1">
  5.             {% if profilepicture is defined and profilepicture %}
  6.             <figure class="tc-phone-1_1 tc-tablet-1_7">
  7.                 <a href="/contacts/{{ contact.url_clean }}/videos">
  8.                     <img class="tc-border-neutral" src="{{ profilepicture }}" alt="Logo du partenaire" />
  9.                 </a>
  10.             </figure>
  11.             {% endif %}
  12.             <div class="tc-header row tc-phone-1_1 tc-tablet-6_7">
  13.                 <p class="tc-subtitle">
  14.                     En partenariat avec<br/>
  15.                     {% for idcontact,contact in video.partenaires %}
  16.                     <a href="/contacts/{{ contact.url_clean }}/videos/type/partenariat/">
  17.                         {{ contact.organisation }}
  18.                     </a>
  19.                         {% if contact.nb_multimedias is defined and contact.nb_multimedias %}({{ contact.nb_multimedias }} vidéos associées){% endif %}
  20.                         {% if contact.nopunct is not defined or (contact.nopunct is defined and not contact.nopunct) %}, {% endif %}
  21.                     {% endfor %}
  22.                 </p>
  23.             </div>
  24.         </div>
  25.     </header>
  26. </section>
  27. {% endif %}
  30. <section class="tc-header row">
  31.     <header class="tc-panel">
  32.         <div class="tc-panel-header">
  33.             <h1>{{ video.sujet_titre }}</h1>
  34.         </div>
  35.     </header>
  36. </section>
  38. {% include 'includes/navigation.inc.html.twig' %}
  40.     <main class="tc-desktop-2_3 tc-phone-1_1">
  41.         <section class="tc-panel">
  42.             <div class="tc-panel-body">
  43.                 {% if download_ok is defined and download_ok %}
  44.                 <div class="tc-block tc-ajout-callout">
  45.                     <div class="tc-block-body">
  46.                         Le téléchargement de votre vidéo a démarré
  47.                     </div>
  48.                 </div>
  49.                 {% endif %}
  50.                 {% if erreur is defined and erreur %}
  51.                 <div class="tc-block tc-alert-callout">
  52.                     <div class="tc-block-body">
  53.                         <div class="erreur_msg">
  54.                             {% if erreur.etalab is defined and erreur.etalab %}
  55.                                 La vidéo n'est pas disponible en téléchargement car sans licence etalab
  56.                             {% endif %}
  57.                             {% if erreur.format is defined and erreur.format %}
  58.                                 La format n'est pas disponible en téléchargement
  59.                             {% endif %}
  60.                             {% if erreur.abonnement is defined and erreur.abonnement %}
  61.                                 Pour pouvoir télécharger la vidéo, il vous faut un compte abonné
  62.                             {% endif %}
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.                 {% endif %}
  67.                 <div class="tc-block">
  68.                     <div class="tc-block-body tc-no-padding-mobile">
  69.                         <div class="tc-video-16_9">
  70.                             <iframe id="iframe_thtv" width="100%" height="415" src="/embed/{{ video.code }}?no_title&autostart&nopublish" allow="fullscreen"></iframe>
  71.                         </div>
  72.                     </div>
  73.                 </div>
  74.                 <div class="clearfix">
  75.                     <div class="tc-block tc-tablet-1_2">
  76.                         {% if video.etalab is defined and video.etalab %}
  77.                         <a href="https://www.etalab.gouv.fr/wp-content/uploads/2017/04/ETALAB-Licence-Ouverte-v2.0.pdf" target="__blank">
  78.                             <img src="{{ thnet }}/images/partenaires/etalab.png"  width="100px" />
  79.                         </a>
  80.                         {% endif %}
  81.                     </div>
  82.                     <div class="tc-block tc-tablet-1_2">
  83.                         <div class="tc-block-body tc-social">
  84.                             Partager cette vidéo :
  85.                             <ul>
  86.                                 <li><a target="_blank" title="Cliquez pour partager sur Facebook" href="http://www.facebook.com/sharer/sharer.php?u={{ video.permalink }}" class="tc-ext-link"><span class="tc-icon-facebook"></span>Facebook</a></li>
  87.                                 <li><a target="_blank" title="Cliquez pour partager sur Twitter" href="http://twitter.com/home?status='{{ video.sujet_titre }}' sur {{ video.permalink }} @thnet" via="thnet" rel="nofollow" class="tc-ext-link"><span class="tc-icon-twitter"></span>Twitter</a></li>
  88.                                 <li><a target="_blank" title="Cliquez pour partager par Email" href="mailto:?subject=Vidéo {{ video.sujet_titre }} &amp;body=Bonjour %0D%0A%0D%0AEn lien une vidéo vue sur theatre-contemporain %0D%0A{{ video.permalink }}" class="tc-ext-link"><span class="tc-icon-mail"></span>Mail</a></li>
  89.                             </ul>
  90.                         </div>
  91.                     </div>
  92.                 </div>
  93.                 <div class="tc-block tc-block-article">
  94.                     <div class="tc-block-body tc-block-content-custom">
  95.                         <p>{{ video.description_html|raw }}</p>
  96.                     </div>
  97.                 </div>
  98.                 {% if video.spectacles is defined and video.spectacles and data_spectacles is defined and data_spectacles %}
  99.                 <div class="tc-block tc-tablet-1_1">
  100.                     <div class="tc-block-header">
  101.                         <h3 class="tc-color-spectacles tc-format-uppercase">Plus d'information sur : "{{ data_spectacles.title }}"</h3>
  102.                     </div>
  103.                     <div class="tc-block-body">
  104.                         <nav class="tc-subnav">
  105.                             <ul>
  106.                                 {% if menu_spectacle is defined and menu_spectacle %}
  107.                                     {% for k,v in menu_spectacle %}
  108.                                         {% if v.submenu is defined and v.submenu %}
  109.                                             <li>
  110.                                                 {% if v.name %}<a href="">{{ v.name|raw }}</a>
  111.                                                     <ul>
  112.                                                         {% for ksub,vsub in v.submenu %}
  113.                                                             <li><a href="/spectacles/{{ data_spectacles.urlClean }}/{{ vsub.url }}/" >{{ vsub.name }}</a></li>
  114.                                                         {% endfor %}
  115.                                                     </ul>
  116.                                                 {% endif %}
  117.                                             </li>
  118.                                         {% else %}
  119.                                             {% if v.name is defined and v.name %}
  120.                                                 {% if v.active is not defined or (v.active is defined and not v.active) %}
  121.                                                     <li>
  122.                                                         {% if v.url is defined and v.url %}
  123.                                                             <a href="/spectacles/{{ data_spectacles.urlClean }}/{{ v.url }}/">{{ v.name|raw }}</a>
  124.                                                         {% else %}
  125.                                                             <a href="/spectacles/{{ data_spectacles.urlClean }}/">{{ v.name|raw }}</a>
  126.                                                         {% endif %}
  127.                                                     </li>
  128.                                                 {% else %}
  129.                                                     <li class="tc-item-on">
  130.                                                         <a href="/spectacles/{{ data_spectacles.urlClean }}/{{ v.url }}">{{ v.name|raw }}</a>
  131.                                                     </li>
  132.                                                 {% endif %}
  133.                                             {% endif %}
  134.                                         {% endif %}
  135.                                     {% endfor %}
  136.                                 {% endif %}
  137.                             </ul>
  138.                         </nav>
  139.                     </div>
  140.                 </div>
  141.                 {% endif %}
  142.                 <div class="tc-tablet-1_1">
  143.                     {% include 'video/video-details.inc.html.twig' %}
  145.                 </div>
  147.             </div>
  148.         </section>
  149.     </main>
  151.     {% if show_aside_etape_fin is defined and show_aside_etape_fin %}
  152.     <aside class="tc-desktop-1_3 tc-phone-1_1" id="tc-aside">
  153.         <section class="tc-panel tc-bgcolor-context tc-desktop-1_1 tc-phone-1_1">
  154.             <div class="tc-panel-header">
  155.                 <h2>Mes contributions</h2>
  156.             </div>
  157.             <div class="tc-panel-body">
  158.                 <div class="tc-block">
  159.                     <div class="tc-block-body">
  160.                         <ul>
  161.                             <li><a href="/montheatre/messpectacles">Mes spectacles</a></li>
  162.                             <li><a href="/montheatre/mesvideos">Mes vidéos</a></li>
  163.                         </ul>
  164.                     </div>
  165.                 </div>
  166.             </div>
  167.         </section>
  168.     </aside>
  169.     {% endif %}