siteweb/libreavous
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

sommaire revu - émission prochaine/encours et dernière émission

Browse Source
This commit is contained in:
chankalan 2021-09-28 10:53:32 +02:00
parent 15dcf0089d
commit 8d87ac2dbd
6 changed files with 64 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
squelettes/content/sommaire.html
View File

@ -1,20 +1,8 @@
#SET{live,off}
#SET{debut_emission,''}
#SET{fin_emission,''}
[(#ENV{date}|nom_jour|=={mardi}|oui)
[(#SET{debut_emission,[(#ENV{date}|annee) ][(#ENV{date}|mois) ][(#ENV{date}|jour) ]'15:30:00'})]
[(#SET{fin_emission,[(#ENV{date}|annee)-][(#ENV{date}|mois)-][(#ENV{date}|jour) ]17:00:00})]
[(#ENV{date}|heures|>={15}|oui)
[(#ENV{date}|minutes|>={15}|oui)
#SET{live,on}
]
][(#ENV{date}|heures|>={17}|oui)
#SET{live,off}
]
]
<BOUCLE_emissions(RUBRIQUES){composition=emissions}>
<BOUCLE_der(ARTICLES){id_rubrique}{!par date}{date >= #ENV{date}}{si #ENV{date}|>={#GET{debut_emission}}}{0,1}>
<BOUCLE_emissions(RUBRIQUES){composition=emissions}>
<BOUCLE_proc(ARTICLES){id_rubrique}{!par date}{statut=publie}{0,1}>
[(#SET{fin_emission,[(#DATE|annee)-][(#DATE|mois)-][(#DATE|jour) ]17:00:00})]
<BOUCLE_cond(ARTICLES){id_article}{statut=publie}{si #ENV{date}|<={#GET{fin_emission}}|oui}>#SET{prochaine,#ID_ARTICLE}
<article class="prochaine_emission">
<header class="cartouche">
@ -24,11 +12,11 @@
[<span class="article__date"><:libreavous:diffusee_en_direct_le:> [(#DATE|nom_jour) ][(#DATE|jour) ][(#DATE|nom_mois) ](#DATE|annee)</span>]
</p>
<p class="encart">[(#ENV{date}|>={#GET{debut_emission}}|oui)[(#ENV{date}|<={#GET{fin_emission}}|oui)
<span class="bientot"><:libreavous:c_est_maintenant:></span><br />]][(#ENV{date}|<={#GET{debut_emission}}|oui)
<p class="encart">[(#ENV{date}|>={#DATE}|oui)[(#ENV{date}|<={#GET{fin_emission}}|oui)
<span class="bientot"><:libreavous:c_est_maintenant:></span><br />]][(#ENV{date}|<={#DATE}|oui)
<span class="bientot"><:libreavous:c_est_bientot:></span><br />]
[<span class="btn">[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)</span><br />]
<:libreavous:de_15h30_a_17h:>[(#ENV{date}|>={#GET{debut_emission}}|oui) <a href="#URL_ARTICLE" class="btn taille80 right"><:libreavous:page_de_l_emission:></a>]
<:libreavous:de_15h30_a_17h:>
</p>
<h1><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span>[
@ -36,88 +24,35 @@
]</h1>
<INCLURE{fond=inclure/radiolive} />
<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>
[(#ENV{date}|<={#GET{debut_emission}}|oui)
[<div class="chapo #EDIT{chapo}">(#PODCAST_SOMMAIRE|propre)</div>]
]
</article>
</BOUCLE_der>
<BOUCLE_encours(ARTICLES){id_rubrique}{!par date}{date = #GET{debut_emission}}{0,1}>
<article class="prochaine_emission">
<header class="cartouche">
<p class="article__infos">
<span class="num_emission #EDIT{surtitre}">#[(#SURTITRE)]</span>
[<span class="article__date"><:libreavous:diffusee_en_direct_le:> [(#DATE|nom_jour) ][(#DATE|jour) ][(#DATE|nom_mois) ](#DATE|annee)</span>]
</p>
<p class="encart">[(#ENV{date}|>={#GET{debut_emission}}|oui)[(#ENV{date}|<={#GET{fin_emission}}|oui)
<span class="bientot"><:libreavous:c_est_maintenant:></span><br />]][(#ENV{date}|<={#GET{debut_emission}}|oui)
<span class="bientot"><:libreavous:c_est_bientot:></span><br />]
[<span class="btn">[(#DATE|nom_jour) ][(#DATE|jour) ](#DATE|nom_mois)</span><br />]
<:libreavous:de_15h30_a_17h:>[(#ENV{date}|>={#GET{debut_emission}}|oui) <a href="#URL_ARTICLE" class="btn taille80 right"><:libreavous:page_de_l_emission:></a>]
</p>
<h1><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span>[
<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
]</h1>
<INCLURE{fond=inclure/radiolive} />
<div class="postmeta">
#MODELE{article_traductions}
<BOUCLE_groupesencours(GROUPES_MOTS){par titre}>
<B_tagsencours>
<p class="mots">
<strong>#TITRE : </strong><BOUCLE_tagsencours(MOTS){id_article}{id_groupe}{', '}>
<a href="#URL_MOT">#TITRE</a>
</BOUCLE_tagsencours>
</p>
</B_tags>
</BOUCLE_groupesencours>
</div>
</header>
<BOUCLE_slencours(CHAPITRES){id_article}{type_sujet=SL}>
</header>
[(#REM) on ne met le podcast_sommaire que si l'émission n'a pas commencé, si c'est le cas on met les vrais chapitres]
[(#ENV{date}|<={#DATE}|oui)
[<div class="chapo #EDIT{chapo}">(#PODCAST_SOMMAIRE|propre)</div>]
]<BOUCLE_sl(CHAPITRES){si #ENV{date}|<={#GET{debut_emission}}|non}{id_article}{type_sujet=SL}>
<div class="sujet_principal">
<h2><:libreavous:sujet_principal:></h2>
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} />
</div>
</BOUCLE_slencours><B_autresencours>#SET{chapitres,oui}
</BOUCLE_sl><B_autres>#SET{chapitres,oui}
<div class="sujet_autre">
<h2><:libreavous:et_aussi:></h2>
<div>
<BOUCLE_autresencours(CHAPITRES){id_article}{type_sujet!=SL}>
<BOUCLE_autres(CHAPITRES){si #ENV{date}|<={#GET{debut_emission}}|non}{id_article}{type_sujet!=SL}>
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} />
</BOUCLE_autresencours>
</BOUCLE_autres>
</div>
</div>
</B_autresencours>
</article>
</B_autres>
</article>
</BOUCLE_cond>
</BOUCLE_proc>
<INCLURE{fond=inclure/derniere_emission} />
<//B_proc>
</BOUCLE_encours>
<//B_der>
</BOUCLE_emissions>
@ -145,9 +80,10 @@
[(#DESCRIPTIF_SITE_SPIP|non)<div class="texte_accueil">#NOM_SITE_SPIP</div>]
<//B_accueil>
<INCLURE{fond=inclure/derniere_emission} />
<INCLURE{fond=inclure/liste/emissions-precedentes,ajax,env,nb=6} />
[(#GET{prochaine}|oui)
<INCLURE{fond=inclure/derniere_emission,prochaine=#GET{prochaine}} />
]
<INCLURE{fond=inclure/liste/emissions-precedentes,ajax,env,nb=6,prochaine=#GET{prochaine}} />
[(#MODELE{bouton,lienobjet=rubrique,lienidobjet=1,class=center taille130,texte=Toutes les émissions})]

12
squelettes/inclure/chapitre.html
View File

@ -2,8 +2,8 @@
<div class="chronique">
<h#ENV{h,2}>
[(#TITRE)]
<small>[ <span class="duree"><:libreavous:duree:> : (#DEBUT|duree{#FIN}|sanszeroh)</span>] <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn ogg podcast mini"><span class="visuallyhidden">ogg</span></a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn mp3 podcast mini"><span class="visuallyhidden">mp3</span></a></small>
[<small>[ <span class="duree"><:libreavous:duree:> : (#DEBUT|duree{#FIN}|sanszeroh)</span>] <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn ogg podcast mini" title="(#PODCAST_OGG|taille_en_octets)"><span class="visuallyhidden">ogg</span></a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn mp3 podcast mini"[ title="(#PODCAST_MP3|taille_en_octets)"]><span class="visuallyhidden">mp3</span></a></small>]
</h#ENV{h,2}>
<B_article>
<BOUCLE_article(ARTICLES){si #ENV{composition}|!={emission}|oui}{id_article}>
@ -11,10 +11,10 @@
<a href="#URL_ARTICLE"><:libreavous:page_de_l_emission:></a>
</p>]
[(#ENV{telecharger}|=={oui}|oui)
<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>]
[<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>]]
</BOUCLE_article>
</B_article>
[(#ENV{references}|=={oui}|oui)[<div class="references_sujet #EDIT{references_sujet}">

10
squelettes/inclure/derniere_emission.html
View File

@ -1,5 +1,5 @@
<BOUCLE_emissions(RUBRIQUES){composition=emissions}>
<BOUCLE_der(ARTICLES){id_rubrique}{!par date}{date < #ENV{date}}{0,1}>
<BOUCLE_der(ARTICLES){id_rubrique}{!par date}{id_article!=#ENV{prochaine}}{0,1}>
<div class="derniere_emission">
<h2><:libreavous:derniere_emission:></h2>
<article class="flex">
@ -35,8 +35,8 @@
<ul>
<BOUCLE_s(CHAPITRES){id_article}{par debut}>
<li>#TITRE
<small>[ <span class="duree"><:libreavous:duree:> : (#DEBUT|duree{#FIN}|sanszeroh)</span>] <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn ogg podcast mini"><span class="visuallyhidden">ogg</span></a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn mp3 podcast mini"><span class="visuallyhidden">mp3</span></a></small>
[<small>[ <span class="duree"><:libreavous:duree:> : (#DEBUT|duree{#FIN}|sanszeroh)</span>] <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn ogg podcast mini" title="(#PODCAST_OGG|taille_en_octets)"><span class="visuallyhidden">ogg</span></a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn mp3 podcast mini"[ title="(#PODCAST_MP3|taille_en_octets)"]><span class="visuallyhidden">mp3</span></a></small>]
</li>
</BOUCLE_s>
</ul>
@ -49,8 +49,8 @@
<p class="flex">
[(#PODCAST_CODE|oui)
<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 taille130" title="[(#PODCAST_OGG|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a>
<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 taille130" title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a>
[<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 taille130" title="(#PODCAST_OGG|taille_en_octets)"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a>
<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 taille130"[ title="(#PODCAST_MP3|taille_en_octets)"]><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a>]
]
[<a href="(#PODCAST_TRANSCRIPTION)" class="btn taille80 blanc">Transcription</a>]
</p>

2
squelettes/inclure/liste/emissions-precedentes.html
View File

@ -1,7 +1,7 @@
<BOUCLE_emissions(RUBRIQUES){composition=emissions}><B_e><div class="liste articles emissions emissions_precedentes">#ANCRE_PAGINATION
<h2><:libreavous:emissions_precedentes:></h2>
<ul>
<BOUCLE_e(ARTICLES){id_rubrique}{!par date}{date < #ENV{date}}{1,#ENV{nb,10000}}{pagination #ENV{parpage,10}}>
<BOUCLE_e(ARTICLES){id_rubrique}{id_article!=#ENV{prochaine}}{!par date}{date < #ENV{date}}{1,#ENV{nb,10000}}{pagination #ENV{parpage,10}}>
<li><INCLURE{fond=inclure/resume/emission,id_article} /></li>
</BOUCLE_e>
</ul>

29
squelettes/inclure/radiolive.html
View File

@ -1,22 +1,21 @@
#CACHE{0}
#SET{radio,off}
#SET{live,off}
[(#ENV{date}|nom_jour|=={mardi}|oui)
[(#ENV{date}|heures|>={15}|oui)
[(#ENV{date}|heures|>={10}|oui)
[(#ENV{date}|minutes|>={15}|oui)
#SET{radio,live}
#SET{live,on}
]
][(#ENV{date}|heures|>={17}|oui)
#SET{radio,off}
#SET{live,off}
]
]
[(#GET{radio}|=={live}|oui)
<div class="radiolive">
][(#GET{live}|=={on}|oui)<div class="radiolive">
<h4>Écoutez le direct !</h4>
<audio controls> <source src="https://icecast.libre-a-toi.org:8444/voixdulat_mp3" type="audio/mpeg">.Votre navigateur ne supporte pas l'élément <code>audio</code> : <a href="https://icecast.libre-a-toi.org:8444/voixdulat_mp3">écoutez l'émission</a>.</audio>
<h4>Salon web</h4>
<iframe src="https://talk.libre-a-toi.org/channel/libreavous?layout=embedded" width="100%" height="300" id="rocketchat"></iframe>
<p><small>Le cadre affichant le salon peut mettre quelques secondes à apparaître. S'il ne s'affiche pas, vous pouvez <a href="https://talk.libre-a-toi.org/channel/libreavous" class="spip_out">accéder au salon dans une autre fenêtre</a>. Vous pouvez aussi vérifier que votre navigateur, ou un de ses modules, ne bloque pas les cadres (iframe).</small></p>
</div>
]
<div class="bp-medium-up">
<h4>Salon web</h4>
<iframe src="https://talk.libre-a-toi.org/channel/libreavous?layout=embedded" id="rocketchat"></iframe>
<p><small>Le cadre affichant le salon peut mettre quelques secondes à apparaître. S'il ne s'affiche pas, vous pouvez <a href="https://talk.libre-a-toi.org/channel/libreavous" class="spip_out">accéder au salon dans une autre fenêtre</a>. Vous pouvez aussi vérifier que votre navigateur, ou un de ses modules, ne bloque pas les cadres (iframe).</small></p>
</div>
<div class="bp-medium">
Rendez-vous sur <a href="https://talk.libre-a-toi.org/channel/libreavous" class="spip_out">le salon de l'émission.</a>
</div>
</div>]

15
squelettes/scss/styles/_perso.scss
View File

@ -133,7 +133,7 @@ span.btn {
font-size:1.1rem;
margin-left:2rem;
span {
font-size:145%;
font-size:115%;
&.bientot {
display:inline-block;
color:$couleurSecondaire;
@ -876,14 +876,16 @@ a:hover .fab, a:hover .fas {
font-size:1.2rem;
}
.radiolive {
float: right;
clear: right;
text-align: right;
max-width:300px;
margin: 0 0 $spacer $spacer;
text-align: center;
max-width:100%;
margin: 0 0 $spacer;
h4 {
text-align:center;
}
iframe {
min-height:300px;
}
}
@include media($bp-medium) {
h1, .chapo, .sujet_principal {
@ -906,6 +908,9 @@ a:hover .fab, a:hover .fas {
p {
line-height:1.1;
}
iframe {
min-height:300px;
}
}
.orange {