libreavous/squelettes/content/article-emission.html

<BOUCLE_principale(ARTICLES){id_article}>
[(#SET{fin_emission,[(#DATE|annee)-][(#DATE|mois)-][(#DATE|jour|libreavous_aveczerod) ]17:00:00})]

<article>

	<header class="cartouche">
		
		<p class="article__infos">
			<span class="num_emission #EDIT{surtitre}">#[(#SURTITRE)]</span>
			[<span class="article__date">Émission du [(#DATE|jour)/][(#DATE|mois)/](#DATE|annee)</span>]
		</p>
		
		<h1><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span>[
			<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
		]</h1>
		<div class="article__interactivite">
			<p><:libreavous:donnez_votre_avis:></p>	
			<div>
			#FORMULAIRE_NOTATION
			[(#MODELE{comments-nb}{id_article})]
			<div>
		</div>
		
		<div class="postmeta">
			#MODELE{article_traductions}
			<BOUCLE_groupes(GROUPES_MOTS){par titre}>
			<B_tags>
			<p class="mots">
				<strong>#TITRE : </strong><BOUCLE_tags(MOTS){id_article}{id_groupe}{', '}>
					<a href="#URL_MOT">#TITRE</a>
					</BOUCLE_tags>
			</p>
			</B_tags>
			</BOUCLE_groupes>
		</div>

	</header>

	<div class="main">
	
		<div class="fb">
			[(#PODCAST_OGG|oui)
			<div class="lecteur">
				<div class="podlove_wrapper">
					<!-- Zone Podlove -->
					[<div id="podlove">
					</div>
					<script>
					podlovePlayer('#podlove', '(#URL_PAGE{podlove_json}|parametre_url{id_article,#ID_ARTICLE,&})');
					</script>
					]<!-- / Zone Podlove -->
					<!-- Zone javascript désactivé Fred -->
					<noscript>
						<div style="text-align: center; font-weight: 900;
							background-color: white; padding: 0 0.5em 0.1em 1rem; border: 0.25em solid #f7651a;
							color: #005184; margin-top: 1em;  max-width: 500px; margin: 1em auto; -webkit-border-radius: 10px;
							-moz-border-radius: 10px; border-radius: 10px;" >

						<p style="text-align:center"><strong>R&eacute;&eacute;couter l'&eacute;mission</strong></p>
						<audio
								controls>
						<source src="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg"  type="audio/ogg" />
						<source src="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3"  type="audio/mpeg" />
							Votre navigateur ne supporte pas l'élément <code>audio</code> : <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg">écoutez l'émission</a> (format OGG) ou <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3">format MP3</a>.
						</audio>
								<p>
								Vous avez désactivé Javascript
							</p>
							<p>Si vous le réactiver vous aurez accès à un lecteur audio avec des fonctionnalités supplémentaires (gestion des chapitres et de la vitesse de lecture par exemple).
								</p>
						</div>
					</noscript>
					<!-- Fin Zone javascript désactivé -->
				</div>

				<div class="texte_aside">
					<ul class="telecharger">
							<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" class="btn blanc ogg podcast" title="[(#PODCAST_OGG|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a></li>
							<li><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" class="btn blanc mp3 podcast" title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li>
					</ul>
				</div>
				
			</div>][(#PODCAST_OGG|non)
				[(#ENV{date}|>{#GET{fin_emission}}|oui)	<div class="lecteur"><p><:libreavous:le_podcast_sera_bientot_disponible_long:></p></div>]
			]
			
			[(#REM) un inclure pour gestion du cache ]
			<INCLURE{fond=inclure/radiolive, debut_affichage=#DATE, fin_emission=#GET{fin_emission}} />
		
			[<div class="emission-sommaire #EDIT{podcast_sommaire}">(#PODCAST_SOMMAIRE|propre)</div>]
			
			[(#REM) on ne doit pas afficher les chapitres qui n'ont pas de fichiers sonores = ceux qui n'ont rien dans #FIN ]
			#SET{chsl,#ARRAY}#SET{chpassl,#ARRAY}
			<BOUCLE_chap(CHAPITRES){id_article}>[(#OGG|oui)
				[(#TYPE_SUJET|=={SL}|oui)#SET{chsl,#GET{chsl}|push{#ID_CHAPITRE}}]
				[(#TYPE_SUJET|=={SL}|non)#SET{chpassl,#GET{chpassl}|push{#ID_CHAPITRE}}]
			][(#REFERENCES_SUJET|oui)#SET{references,oui}]</BOUCLE_chap>
		
			<BOUCLE_sl(CHAPITRES){id_chapitre IN #GET{chsl}}>
			<div class="sujet_principal">
				<h2><:libreavous:sujet_principal:></h2>
				<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} />
			</div>
			</BOUCLE_sl><B_autres>
			<div class="sujet_autre">
				<h2><:libreavous:et_aussi:></h2>
				<div>
				<BOUCLE_autres(CHAPITRES){id_chapitre IN #GET{chpassl}}>
					<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3,telecharger=oui} />
				</BOUCLE_autres>
				</div>
			</div>
			</B_autres>

		</div>

		#SET{thumbs,'data-original-title'}
		<B_photos>
		<div class="fl">
			<h2 id="galeriephotos">
				<:libreavous:photos_de_l_emission:>
				[<a href="(#PODCAST_GALERIEPHOTOS)" class="galeriephotos"><:libreavous:galerie_april:></a>]
			</h2>
			<div class="galerie_photoapril flex flex3 #EDIT{podcast_galeriephotos}">
			<BOUCLE_photos(DATA){source file, #PODCAST_GALERIEPHOTOS}{valeur == #GET{thumbs}}{0,3}>
				<figure class="photoapril">[<img src="https://photos.april.org/(#VALEUR|extraire_attribut{src})"[ alt="(#VALEUR|extraire_attribut{alt})"] />]</figure>
			</BOUCLE_photos>
			</div>
		</div>
		</B_photos>
		
		<div class="fb detail_emission">
			<p>[(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc"><:libreavous:personnes_participantes:></a>]
			[(#PODCAST_REFERENCES|ou{#GET{references}|=={oui}}|oui)<a href="#references" class="btn taille70 blanc"><:libreavous:references:></a>]
			[(#PODCAST_TRANSCRIPTION|oui)<a href="#transcription" class="btn taille70 blanc"><:libreavous:transcription:></a>]
			[(#PODCAST_MUSIQUE|oui)<a href="#pausesmusicales" class="btn taille70 blanc"><:libreavous:pauses_musicales:></a>]
			[(#CONFIG{libreavous/licence}|oui)<a href="#licence" class="btn taille70 blanc"><:libreavous:licence:></a>]
			</p>
			
			[<div class="texte #EDIT{texte}">(#TEXTE)</div>]
			
			[<h2 id="personnesparticipantes">Personnes participantes</h2>
			<div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>]
			
			[(#PODCAST_REFERENCES|ou{#GET{references}|=={oui}}|oui)<h2 id="references">Références</h2>]
			[<div class="emission-references texte #EDIT{podcast_references}">(#PODCAST_REFERENCES|propre)</div>]
			<B_chapitres_references_chroniques>
			<div class="references texte">
				<BOUCLE_chapitres_references_chroniques(CHAPITRES){id_article}{par debut}>
					[<h3>#TITRE</h3>
					<div class="#EDIT{references_sujet}">(#REFERENCES_SUJET|propre)</div>]
				</BOUCLE_chapitres_references_chroniques>
			</div>
			</B_chapitres_references_chroniques>
			
			<B_ttc>
			<p><strong><:libreavous:retrouvez_toutes_les_chroniques_de_l_emission:> : </strong></p>
			<ul>
			<BOUCLE_ttc(CHAPITRES){id_article}{type_sujet=CH}>[(#SET{chronique,#CHRONIQUE|sinon{sans}})]
				<BOUCLE_ttchroniques(ARTICLES){chronique==#GET{chronique}}{' - '}>
				<li><a href="#URL_ARTICLE">#TITRE</a></li>
				</BOUCLE_ttchroniques>
			</BOUCLE_ttc>
			</ul>
			</B_ttc>
			
			[<h2 id="transcription">Transcription</h2> <p><a href="(#PODCAST_TRANSCRIPTION)" class="#EDIT{podcast_transcription}">Lire la transcription de l'émission</a></p>]
			
			[<h2 id="pausesmusicales"><:libreavous:pauses_musicales:></h2>
			<div class="#EDIT{podcast_musique}">(#PODCAST_MUSIQUE|propre)</div>]
			
			[<div class="licence" id="licence">(#CONFIG{libreavous/licence}|propre)</div>]
			
		</div>
	</div>
	
	[<aside>
		(#INCLURE{fond=inclure/documents,id_article})
	</aside>]

	<footer>
		[<p class="#EDIT{hyperlien} article__hyperlien"><:voir_en_ligne:/> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]		
		[<div class="article__notes">(#NOTES)</div>]
	</footer>
	
</article>

</BOUCLE_principale>