templates/spectacles/detail-spectacle.html.twig line 1

Open in your IDE?
  1. {% extends 'templates.html.twig' %}
  3. {% block headcontent %}
  4.     {% include "spectacles/spectacle_entete.inc.html.twig" %}
  5. {% endblock %}
  7. {% block stylesheet %}
  8.     {{ parent() }}
  9.     <style>
  10.         .tc-biographies + .tc-panel-body .tc-block-body {
  11.             padding: 0;
  12.         }
  13.     </style>
  14. {% endblock %}
  16. {% block content %}
  17. <main class="tc-desktop-2_3 tc-phone-1_1">
  19. {#{% if is_ancien is not defined or is_ancien == false %}#}
  20.     {% if data_spectacles.spip_accueil.text is defined and data_spectacles.spip_accueil.text is not empty %}
  21.         {{ data_spectacles.spip_accueil.text|raw }}
  22.     {% else %}
  23.         {% if data_spectacles.personnages is defined and data_spectacles.personnages is not empty %}
  24.         <section class="tc-panel">
  25.             <div class="tc-panel-header">
  26.                 <h2>Distribution</h2>
  27.             </div>
  28.             <div class="tc-panel-body">
  29.                 <div class="tc-block">
  30.                     <div class="tc-block-body">
  31.                         <p>
  32.                             <span class="tc-neutral-color">Avec : </span>
  33.                             {% for idpersonnage,personnage in data_spectacles.personnages %}
  34.                             <span>
  35.                                 <a href="/biographies/{{ personnage.url_clean }}/">
  36.                                     {{ personnage.firstname }} {{ personnage.lastname }}
  37.                                 </a>
  38.                                 {% if personnage.more_infos is defined and personnage.more_infos %}
  39.                                     <small>
  40.                                         ({{ personnage.comment }}
  41.                                         {% if personnage.date_start is defined and personnage.date_start %}
  42.                                             joue du {{ personnage.date_start_string }} au {{ personnage.date_end_string }}
  43.                                         {% endif %})
  44.                                     </small>
  45.                                 {% endif %}
  46.                                 {% if personnage.nopunct is not defined or (personnage.nopunct is defined and not personnage.nopunct) %},{% endif %}
  47.                             </span>
  48.                             {% endfor %}
  49.                         </p>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.             <div class="tc-panel-footer">
  54.                 <a href="/spectacles/{{ data_spectacles.urlClean }}/biographies" class="tc-more-link">Toutes les biographies</a>
  55.             </div>
  56.         </section>
  57.         {% endif %}
  59.         {% if data_spectacles.presentation_spectacle.ol is defined and data_spectacles.presentation_spectacle.ol %}
  60.         <div>
  61.             {% trans %}only_olterm{% endtrans %}&nbsp;{{ data_spectacles.presentation_spectacle.olterm|nl2br }}
  62.         </div>
  63.         {% endif %}
  65.         {% if data_spectacles.presentation_spectacle is defined and data_spectacles.presentation_spectacle %}
  66.         <section class="tc-panel tc-panel-article">
  67.             <div class="tc-panel-header">
  68.                 {% if data_spectacles.presentation_spectacle.title is defined and data_spectacles.presentation_spectacle.title %}
  69.                     <h2>{{ data_spectacles.presentation_spectacle.title|replace({'<br /></p>': '</p>', '</p><br/>': '</p>', "\n\n": '<br/>', '<pre>': '', '</pre>': ''})|raw }}</h2>
  70.                 {% else %}
  71.                     <h2>Présentation</h2>
  72.                 {% endif %}
  74.                 {% if data_spectacles.presentation_spectacle.subtitle is defined and data_spectacles.presentation_spectacle.subtitle %}
  75.                     <h2>{{ data_spectacles.presentation_spectacle.subtitle|replace({'<br /></p>': '</p>', '</p><br/>': '</p>', "\n\n": '<br/>', '<pre>': '', '</pre>': ''})|raw }}</h2>
  76.                 {% endif %}
  78.                 {% if data_spectacles.presentation_spectacle.deck is defined and data_spectacles.presentation_spectacle.deck %}
  79.                 <div class="tc-chapeau">
  80.                     <p>
  81.                         {{ data_spectacles.presentation_spectacle.deck|replace({'<br /></p>': '</p>', '</p><br/>': '</p>', "\n\n": '<br/>', '<pre>': '', '</pre>': ''})|raw }}
  82.                     </p>
  83.                 </div>
  84.                 {% endif %}
  85.             </div>
  86.             <div class="tc-panel-body">
  87.                 <div class="tc-block tc-block-article">
  88.                     <div class="tc-block-body tc-block-content-custom">
  89.                         {% if data_spectacles.presentation_spectacle.text is defined and data_spectacles.presentation_spectacle.text %}
  90.                         <p>
  91.                             {{ data_spectacles.presentation_spectacle.text|raw|nl2br }}
  92.                         </p>
  93.                         {% endif %}
  95.                         {% if data_spectacles.presentation_spectacle.lire_suite is defined %}
  96.                         <p>
  97.                             <a href="/spectacles/{{ data_spectacles.urlClean }}/ensavoirplus/">Lire la suite</a>
  98.                         </p>
  99.                         {% endif %}
  101.                         {% if data_spectacles.presentation_spectacle.writer is defined and data_spectacles.presentation_spectacle.writer %}
  102.                         <p>
  103.                             {{ data_spectacles.presentation_spectacle.writer|raw }}
  104.                         </p>
  105.                         {% endif %}
  107.                         {% if data_spectacles.presentation_spectacle.date is defined and data_spectacles.presentation_spectacle.date %}
  108.                         <p>
  109.                             {{ data_spectacles.presentation_spectacle.date }}
  110.                         </p>
  111.                         {% endif %}
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.         </section>
  116.         {% endif %}
  117.     {% endif %}
  119.     <!-- PLAYER -->
  120.     {% if accueil_video is defined and accueil_video %}
  121.     <section class="tc-panel">
  122.         <div class="tc-panel-header">
  123.             <h2>En vidéo</h2>
  124.         </div>
  125.         <div class="tc-panel-body">
  126.             <div class="tc-block">
  127.                 <div class="tc-block-body">
  129.                 {% for video in accueil_video.media %}
  130.                     {% if video.sujet_titre is defined and video.sujet_titre %}
  131.                     <h3 class="tc-textwrap-titre">{{ video.sujet_titre }}</h3>
  132.                     {% endif %}
  133.                     <div class="tc-video-16_9">
  134.                         <iframe id="iframe_thtv" width="100%" height="415" src="/embed/{{ video.code }}?no_title&autostart" allow="fullscreen"></iframe>
  135.                     </div>
  136.                 {% endfor %}
  137.                     <div class="tc-block-body-text">
  138.                         {% if accueil_video.is_link is defined and accueil_video.is_link %}
  139.                             {% if accueil_video.link is defined and accueil_video.link %}
  140.                                 <p>
  141.                                     <a href="{{ accueil_video.link }}" title="{{ accueil_video.title }} (Nouvelle fenêtre)" onclick="window.open(this.href); return false;">
  142.                                         <strong>Lire l'article (site externe)</strong>
  143.                                     </a>
  144.                                 </p>
  145.                             {% endif %}
  146.                         {% else %}
  147.                             {% if accueil_video.link is defined and accueil_video.link %}
  148.                             <p>
  149.                                 <a href="{{ accueil_video.link}}" title="{{ accueil_video.linktitle }} (Nouvelle fenêtre)" onclick="window.open(this.href); return false;">
  150.                                     {{ accueil_video.linktitle }}
  151.                                 </a>
  152.                             </p>
  153.                             {% endif %}
  155.                             {% if accueil_video.writer is defined and accueil_video.writer %}
  156.                             <p>
  157.                                 {{accueil_video.writer|raw }}
  158.                             </p>
  159.                             {% endif %}
  161.                             {% if accueil_video.date is defined and accueil_video.date %}
  162.                             <p>
  163.                                 {{ accueil_video.date }}
  164.                             </p>
  165.                             {% endif %}
  166.                         {% endif %}
  168.                         {% if accueil_video.source is defined and accueil_video.source %}
  169.                             <p>(source :
  170.                                 {% if accueil_video.source_description is defined and accueil_video.source_description %}
  171.                                     {{accueil_video.source_description|nl2br}}
  172.                                     |
  173.                                 {% endif %}
  174.                                 <a href="{{ accueil_video.source_link }}">{{ accueil_video.source_link_short }}</a>
  175.                                 )
  176.                             </p>
  177.                         {% endif %}
  179.                             {% if is_old is defined and is_old %}
  180.                                 <a href="{{ urlPage }}">Accédez au dossier du spectacle archivé sur le site</a>
  181.                             {% endif %}
  182.                             {% if is_fichier is defined and is_fichier %}
  183.                                 <a href="{{ urlPage }}">Téléchargez le dossier de presse du spectacle</a>
  184.                             {% endif %}
  185.                             {% if spectacle_vide is defined and spectacle_vide %}
  186.                             <div id="noinfos">
  187.                                 <p>Vous pouvez <a href="/spectacles/{{ data_spectacles.urlClean }}/lesdates/">consulter les dates</a> dont nous disposons pour ce spectacle.</p>
  188.                                 <p>Si vous disposez d'informations complémentaires, vous pouvez
  189.                                     <a href="/site/contacts">compléter le dossier de ce spectacle !</a>
  190.                                 </p>
  191.                             </div>
  192.                             {% endif %}
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.         </div>
  197.         <div class="tc-panel-footer">
  198.             <a href="/spectacles/{{ data_spectacles.urlClean }}/videos" class="tc-more-link">Toutes les vidéos</a>
  199.         </div>
  200.     </section>
  201.     {% endif %}
  203.     {% if derniers_franceculture is defined and derniers_franceculture is not empty %}
  204.     <section class="tc-panel tc-spectacles-tpl-b">
  205.         <div class="tc-panel-header tc-biographies">
  206.             <h2>Écouter</h2>
  207.         </div>
  208.         <div class="tc-panel-body">
  209.             {% for idpodcast,podcast in derniers_franceculture %}
  210.             <div class="tc-block">
  211.                 <div class="tc-block-body">
  212.                     <p class="tc-textwrap-titre" style="margin-bottom:0;">{{ podcast.title }}</p>
  213.                     <p class="tc-text-label">
  214.                         {{ podcast.player|raw }}
  215.                     </p>
  216.                 </div>
  217.             </div>
  218.             {% endfor %}
  219.         </div>
  220.         <div class="tc-panel-footer">
  221.             <a href="/spectacles/{{ data_spectacles.urlClean }}/podcasts/" class="tc-more-link">Toutes les émissions ({{ nb_derniers_franceculture }})</a>
  222.         </div>
  223.     </section>
  224.     {% endif %}
  226.     <!-- 2 critiques sur le spectacles -->
  227.     {% if accueil_critiques is defined and accueil_critiques is not empty %}
  228.     <section class=tc-panel>
  229.         <div class="tc-panel-header">
  230.             <h2>Dernières critiques</h2>
  231.         </div>
  232.         <div class="tc-panel-body">
  233.         {% for k,v in accueil_critiques %}
  234.             <div class="tc-block tc-tablet-1_2 tc-spectacles-tpl-b tc-critiques-tpl-a">
  235.                 <div class="tc-block-inner-border">
  236.                     <div class="tc-block-header">
  237.                         <span class="tc-textwrap-titre tc-titre tc-text-overflow">
  238.                         {% if v.writer_group is defined and v.writer_group %}
  239.                             {{ v.writer_group }}
  240.                         {% endif %}
  241.                         </span>
  242.                     </div>
  243.                     <div class="tc-block-body">
  244.                         <figure class="tc-media-thumbnail">
  245.                             <a href="{{ v.link }}" title="{{ v.title }}" onclick="window.open(this.href); return false;">
  246.                             {% if v.vignette is defined and v.vignette  %}
  247.                                 <img class="tc-img-critique lazyload" src="/images/default/critiques-def.jpg"  data-src="{{ imgdirupload }}{{ v.vignette }}" alt="{{ v.title }}" />
  248.                             {% else %}
  249.                                 <img class="tc-img-critique" src="/images/default/critiques-def.jpg" alt="{{ v.title }}"/>
  250.                             {% endif %}
  251.                             </a>
  252.                             <figcaption class="show-for-sr">
  253.                                 Image d'une critique concernant    {{ v.title }}
  254.                             </figcaption>
  255.                         </figure>
  256.                         <div class="tc-block-body-text">
  257.                             <p class="tc-textwrap-auteur"><span class="tc-text-label-inline">Par</span> {{ v.writer }}</p>
  258.                             <p class="tc-text-label">{{ v.date_article }}</p>
  259.                         </div>
  260.                     </div>
  261.                     <div class="tc-block-footer">
  262.                         <p class="tc-textwrap-lieuville tc-textwrap-titre"><a href="/spectacles/{{ data_spectacles.urlClean }}/critiques/" class="tc-text-overflow">{{ v.title }}</a></p>
  263.                     </div>
  264.                 </div>
  265.             </div>
  266.         {% endfor %}
  267.         </div>
  268.         <div class="tc-panel-footer">
  269.             <a class="tc-more-link" href="/spectacles/{{ data_spectacles.urlClean }}/critiques/">Toutes les critiques</a>
  270.         </div>
  271.     </section>
  272.     {% endif %}
  274.     <!-- inclure le calendrier -->
  275.     <section class="tc-panel">
  276.         <div class="tc-panel-header">
  277.             <h2>Calendrier</h2>
  278.         </div>
  279.         <div class="tc-panel-body">
  280.             {% if calendrier.premiere is defined %}
  281.             <section class="tc-panel">
  282.                 <div class="tc-panel-header tc-contacts-tpl-">
  283.                     <h3 class="tc-titre">Première représentation référencée</h3>
  284.                 </div>
  285.                 {% if calendrier.premiere %}
  286.                 <div class="tc-panel-body">
  287.                     <div class="">
  288.                         {% for key,schedule_detail in calendrier.premiere %}
  289.                             {% include 'spectacles/schedule_detail_anciens.inc.html.twig' %}
  290.                         {% endfor %}
  291.                     </div>
  292.                 </div>
  293.                 {% endif %}
  294.                 <div class="tc-panel-footer">
  295.                     <a href="/spectacles/{{ data_spectacles.urlClean }}/ajoutdates" class="tc-icon-pencil">Ajouter une date</a>
  296.                 </div>
  297.             </section>
  298.             {% endif %}
  299.                 {% if calendrier.futurs is defined %}
  300.                 <section class="tc-panel">
  301.                     <div class="tc-panel-header tc-contacts-tpl-">
  302.                         <h3 class="tc-titre">{% trans %}prochaines_dates{% endtrans %}</h3>
  303.                     </div>
  304.                     {% if calendrier.futurs %}
  305.                     <div class="tc-panel-body">
  306.                         <div class="tc-block">
  307.                             {% for key,schedule_detail in calendrier.futurs %}
  308.                                 {% include 'spectacles/schedule_detail.inc.html.twig' %}
  309.                             {% endfor %}
  310.                         </div>
  311.                     </div>
  312.                     {% endif %}
  313.                     <div class="tc-panel-footer">
  314.                         <a href="/spectacles/{{ data_spectacles.urlClean }}/lesdates" class="tc-more-link">Toutes les dates</a>
  315.                     </div>
  316.                 </section>
  317.                 {% else %}
  318.                     {% if calendrier.anciens is defined %}
  319.                     <section class="">
  320.                         <div class="tc-panel-header tc-contacts-tpl-">
  321.                             <h3 class="tc-titre">Dernière(s) représentation(s) référencée(s)</h3>
  322.                         </div>
  323.                         {% if calendrier.anciens %}
  324.                         <div class="tc-panel-body">
  325.                             <div class="tc-block">
  326.                                 {% for key,schedule_detail in calendrier.anciens %}
  327.                                     {% include 'spectacles/schedule_detail_anciens.inc.html.twig' %}
  328.                                 {% endfor %}
  329.                             </div>
  330.                         </div>
  331.                         {% endif %}
  332.                         <div class="tc-panel-footer">
  333.                             <a href="/spectacles/{{ data_spectacles.urlClean }}/lesdates?viewold" class="tc-more-link">Voir toutes les dates</a>
  334.                         </div>
  335.                     </section>
  336.                     {% endif %}
  337.             {% endif %}
  338.         </div>
  339.     </section>
  341.     {% if dernieres_vod is defined and dernieres_vod %}
  342.     <section class="tc-panel">
  343.         <div class="tc-panel-header">
  344.             <h2>(Re)voir la captation intégrale en VOD</h2>
  345.         </div>
  346.         {% for idpodcast,podcast in dernieres_vod %}
  347.         <div class="tc-panel-body">
  348.             <div class="tc-block">
  349.                 {% include 'podcasts/culturebox_titre.inc.html.twig' %}
  350.             </div>
  351.         </div>
  352.         {% endfor %}
  353.     </section>
  354.     {% endif %}
  356.     {% if derniers_culturebox is defined and derniers_culturebox is not empty %}
  357.     <section class="tc-panel tc-desktop-1_1">
  358.         <div class="tc-panel-header">
  359.             <h2>(Re)voir la captation intégrale (accès libre)</h2>
  360.         </div>
  361.         {% for idpodcast,podcast in derniers_culturebox %}
  362.             <div class="tc-panel-body" style="padding-top: 0; margin-top:0;">
  363.                 <div class="tc-block">
  364.                     {% include '/podcasts/culturebox_titre.inc.html.twig' %}
  365.                 </div>
  366.             </div>
  367.         {% endfor %}
  368.         <div class="tc-panel-footer">
  369.             {# TODO Cette route n'existe pas !!! #}
  370.             <a href="/culturebox/view/filtre/all" class="tc-more-link">Toutes les captations</a>
  371.         </div>
  372.     </section>
  373.     {% endif %}
  375.     {% if data_spectacles.textunique is defined and data_spectacles.textunique %}
  376.         {% if video_par_auteur is defined and video_par_auteur %}
  377.         <section class="tc-panel">
  378.             <div class="tc-panel-header">
  379.                 {% if nb_texte_par_traducteur is defined and nb_texte_par_traducteur %}
  380.                 <h2>Le texte par le traducteur</h2>
  381.                 {% else %}
  382.                 <h2>Le texte par l'auteur</h2>
  383.                 {% endif %}
  384.             </div>
  385.             <div class="tc-panel-body">
  386.                 <div class="tc-block">
  387.                     <div class="tc-block-body">
  388.                         <div class="tc-video-16_9">
  389.                             <iframe width="{{ video_par_auteur.div_width }}" height="{{ video_par_auteur.div_height }}" webkitallowfullscreen mozallowfullscreen allow="fullscreen" src="/embed/{{ video_par_auteur.code }}?no_title"></iframe>
  390.                         </div>
  391.                         <div class="tc-block-body-text">
  392.                             {% for k,v in video_par_auteur.texts %}
  393.                             <a href="/textes/{{ v.url_clean }}/{{ video_par_auteur.url_clean_more }}">{{ video_par_auteur.sujet_titre }}</a>
  394.                             {% endfor %}
  395.                         </div>
  396.                     </div>
  397.                 </div>
  398.             </div>
  399.             <div class="tc-panel-footer">
  400.                 <a href="/textes/{{ data_spectacles.url_clean_text }}/" class="tc-more-link">Plus d'infos sur le texte</a>
  401.             </div>
  402.         </section>
  403.         {% endif %}
  404.     {% endif %}
  406.     <!-- Prix -->
  407.     {% if laureats_nominations is defined and laureats_nominations %}
  408.     <section class="tc-panel">
  409.         <div class="tc-panel tc-tablet-1_2">
  410.             <div class="tc-border-context">
  411.                 <div class="tc-panel-header tc-bg-extralight-gray">
  412.                     <h3>Prix et distinctions</h3>
  413.                 </div>
  414.                 {% for prix in laureats_nominations %}
  415.                 <div class="tc-panel-body">
  416.                     <div class="tc-block">
  417.                         <div class="tc-block-body">
  418.                             <figure class="tc-media-thumbnail">
  419.                                 <img src="{{ prix.aide.contact.profile_picture }}" alt="" width="100px">
  420.                             </figure>
  421.                             <div class="tc-block-body-text">
  422.                                 <p>{{ prix.year_start }}</p>
  423.                                 <p><a href="/contacts/{{ prix.aide.contact.url_clean }}/{{ prix.aide.type_aide_infos.contact_link }}">{{ prix.aide.aidecontact.title }}</a></p>
  425.                                 <span class="prix_type">{{ prix.aide.type_aide_label }}}</span>
  426.                                 <span class="prix_detail">{{ prix.aide.aide }}}</span>
  427.                                 {% if aide.url is defined and aide.url %}
  428.                                 <div class="prix_aide_contact" style="padding-top:3px;"><a href="{{ aide.url }}" class="popup"><small>+ d'infos</small></a></div>
  429.                                 {% endif %}
  430.                             </div>
  431.                         </div>
  432.                     </div>
  433.                 </div>
  434.                 {% endfor %}
  435.             </div>
  436.         </div>
  437.     </section>
  438.     {% endif %}
  440.     {% if autresmisesenscene_tous is defined and autresmisesenscene_tous %}
  441.     <section class="tc-panel">
  442.         <div class="tc-panel-header">
  443.             <h2 class="tc-titre">Les autres mises en scènes</h2>
  444.         </div>
  445.         <div class="tc-panel-body tc-masonry-container">
  446.             {% for idspectacle,spectacle in autresmisesenscene_tous %}
  447.             <div class="tc-block tc-tablet-1_2 tc-spectacles-tpl-b">
  448.                 {% include 'spectacles/spectacle_titre.inc.html.twig' %}
  449.             </div>
  450.             {% endfor %}
  451.         </div>
  452.         <div class="tc-panel-footer">
  453. {#            <a class="tc-more-link" href="/textes/{{ data_spectacles.url_clean_text }}/mises-en-scene">Toutes les mises en scène</a>#}
  454.         </div>
  455.     </section>
  456.     {% endif %}
  458.     {% if avoirsur_theatreneacte is defined and avoirsur_theatreneacte %}
  459.     <section class="tc-panel">
  460.         <div class="tc-panel-header">
  461.             <h2 class="tc-titre">A voir sur theatre en acte</h2>
  462.             <h3>scènes comparées en vidéo & pistes pédagogiques</h3>
  463.         </div>
  464.         <div class="tc-panel-body tc-masonry-container">
  465.             {% for idspectacle,spectacle in avoirsur_theatreneacte %}
  466.             <div class="tc-block tc-tablet-1_2 tc-spectacles-tpl-b">
  467.                 {% include 'spectacles/spectacle_titre.inc.html.twig' %}
  468.             </div>
  469.             {% endfor %}
  470.         </div>
  471.     </section>
  472.     {% endif %}
  474. {#{% endif %}#}
  476. </main>
  477. {% endblock %}
  479. {% block javascripts %}
  480.     <script src="{{ racine_site }}/navigation/js/france-culture/iframe-size.js"></script>
  481.     <script src="{{ racine_site }}/navigation/js/france-inter/iframe-size.js"></script>
  482. {% endblock %}