templates/critiques/audios.html.twig line 1

Open in your IDE?
  1. {% extends 'critiques/critiques-header.inc.html.twig' %}
  3. {% block content %}
  4.     {% include 'includes/navigation.inc.html.twig' %}
  6.     <main class="tc-desktop-2_3 tc-phone-1_1">
  7.         <section class="tc-panel tc-panel-article">
  8.             <div class="tc-panel-header">
  9.                 <h1>écouter</h1>
  10.             </div>
  11.             {% if list_captations is defined and list_captations %}
  12.             <div class="tc-panel-body tc-panel-article">
  13.                 {% for idpodcast,podcast in list_captations %}
  14.                 <div class="tc-block tc-block-article">
  15.                     <div class="tc-block-header">
  16.                         <div class="tc-textwrap-title tc-critiques-tpl-"><span class="tc-titre" style="font-size: 1.1rem;">{{ podcast.title }}</span></div>
  17.                     </div>
  18.                     <div class="tc-block-body">
  19.                         <p>
  20.                             {{ podcast.description|raw }}
  21.                         </p>
  22.                         <div class="tc-text-label">
  23.                             {{ podcast.date_podcast_str }}
  24.                         </div>
  25.                         {{ podcast.player|raw }}
  27.                         {% if podcast.count_infos_total is defined and podcast.count_infos_total %}
  28.                         <div class="">
  29.                             <a class="tc-btn-simple tc-open-content tc-title-{{ idpodcast }}" data-idpodcast="{{ idpodcast }}">Voir les liens associés</a>
  30.                             <div class="tc-hidden-block tc-block-{{ idpodcast }}" style="display: none;">
  31.                                 <ul class="tc-clean-list">
  33.                                     {% if podcast.podcast_person is defined and podcast.podcast_person %}
  34.                                     <li class="tc-textwrap-auteur tc-biographies-tpl-">
  35.                                         <span class="tc-text-label-inline">Personne(s) : </span>
  36.                                         {% for idperson,author in podcast.podcast_person %}
  37.                                         <span>
  38.                                             <a class="tc-titre" href="/biographies/{{ author.url_clean }}">{{ author.firstname }} {{ author.lastname }}</a>{% if author.nopunct is not defined or (author.nopunct is defined and not author.nopunct) %}, {% endif %}
  39.                                         </span>
  40.                                         {% endfor %}
  41.                                     </li>
  42.                                     {% endif %}
  44.                                     {% if podcast.podcast_text is defined and podcast.podcast_text %}
  45.                                     <li class="tc-textwrap-titre tc-editions-tpl-a">
  46.                                         <span class="tc-text-label-inline">Texte(s) : </span>
  47.                                         {% for idtext,text in podcast.podcast_text %}
  48.                                         <span>
  49.                                             <a class="tc-titre" href="/textes/{{ text.url_clean }}/">{{ text.title }}</a>{% if text.nopunct is not defined or (text.nopunct is defined and not text.nopunct) %}, {% endif %}
  50.                                         </span>
  51.                                         {% endfor %}
  52.                                     </li>
  53.                                     {% endif %}
  55.                                     {% if podcast.podcast_spectacle is defined and podcast.podcast_spectacle %}
  56.                                     <li class="tc-textwrap-titre tc-spectacles-tpl-a">
  57.                                         <span class="tc-text-label-inline">Spectacle(s) : </span>
  58.                                         {% for idspectacle,spectacle in podcast.podcast_spectacle %}
  59.                                         <span>
  60.                                             <a class="tc-titre" href="/spectacles/{{ spectacle.url_clean }}">{{ spectacle.view_name }}</a>{% if spectacle.nopunct is not defined or (spectacle.nopunct is defined and not spectacle.nopunct) %}, {% endif %}
  61.                                         </span>
  62.                                         {% endfor %}
  63.                                     </li>
  64.                                     {% endif %}
  66.                                     {% if podcast.podcast_contact is defined and podcast.podcast_contact %}
  67.                                     <li class="tc-textwrap-titre tc-contacts-tpl-">
  68.                                         <span class="tc-text-label-inline">Structures(s) : </span>
  69.                                         {% for idcontact,contact in podcast.podcast_contact %}
  70.                                         <span>
  71.                                             <a class="tc-titre" href="/contacts/{{ contact.url_clean }}">{{ contact.view_name }}</a>{% if contact.nopunct is not defined or (contact.nopunct is defined and not contact.nopunct) %}, {% endif %}
  72.                                         </span>
  73.                                         {% endfor %}
  74.                                     </li>
  75.                                     {% endif %}
  76.                                 </ul>
  77.                             </div>
  78.                         </div>
  79.                         {% endif %}
  80.                     </div>
  81.                 </div>
  82.                 {% endfor %}
  83.             </div>
  84.             <div class="tc-panel-footer">
  85.                 {% include 'includes/pagination.inc.html.twig' %}
  86.             </div>
  87.             {% endif %}
  89.             <script>
  90.                 $(document).ready(function(){
  91.                     $('.tc-open-content').click(function(e){
  92.                         var idpodcast = $(this).data('idpodcast');
  93.                         if($('.tc-block-'+idpodcast).css('display') == 'none'){
  94.                             $('.tc-block-'+idpodcast).css('display', 'block');
  95.                             $('.tc-title-'+idpodcast).text('Fermer les liens associés');
  96.                         }
  97.                         else{
  98.                             $('.tc-title-'+idpodcast).text('Voir les liens associés');
  99.                             $('.tc-block-'+idpodcast).css('display', 'none');
  100.                         }
  101.                     });
  102.                 });
  103.             </script>
  104.         </section>
  105.     </main>
  106. {% endblock %}