étape dans les chapitres

This commit is contained in:
chankalan 2021-07-11 11:41:33 +02:00
parent a50eba4ce9
commit f47b299dfe
4 changed files with 89 additions and 61 deletions

View File

@ -12,7 +12,9 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'ogg' => 'OGG',
'mp3' => 'MP3',
'emission_integrale' => 'Émission intégrale',
'page_de_l_emission' => 'Page de lémission',
'sujet_principal' => 'Sujet principal',
'et_aussi' => 'Et aussi',
'photos_de_l_emission' => 'Photos de lémission',
'galerie_april' => 'Galerie April',

View File

@ -47,8 +47,8 @@
]<!-- / Zone Podlove -->
</div>
<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" 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" title="[(#PODCAST_MP3|taille_en_octets)]"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a></li>
<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>
@ -63,11 +63,13 @@
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} />
</div>
</BOUCLE_sl><B_autres>
<div class="sujet_autres">
<div class="sujet_autre">
<h2><:libreavous:et_aussi:></h2>
<BOUCLE_autres(CHAPITRES){id_article}{type_sujet!=SL}>
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} />
</BOUCLE_autres>
<div class="flex flex2">
<BOUCLE_autres(CHAPITRES){id_article}{type_sujet!=SL}>
<INCLURE{fond=inclure/chapitre,env,id_chapitre,h=3} />
</BOUCLE_autres>
</div>
<div>
</B_autres>
</B_chapitres>
@ -95,7 +97,7 @@
<div class="fb detail_emission">
[(#PODCAST_PERSONNES|oui)<a href="#personnesparticipantes" class="btn taille70 blanc">Personnes participantes</a>]
[(#PODCAST_REFERENCES|oui)<a href="#references" class="btn taille70 blanc">Références</a>]
<a href="#references" class="btn taille70 blanc">Références</a>
[(#PODCAST_TRANSCRIPTION|oui)<a href="#transcription" class="btn taille70 blanc">Transciption</a>]
[(#PODCAST_MUSIQUE|oui)<a href="#pausesmusicales" class="btn taille70 blanc">Pauses musicales</a>]
[(#CONFIG{libreavous/licence}|oui)<a href="#licence" class="btn taille70 blanc">Licence</a>]
@ -104,8 +106,8 @@
[<h2 id="personnesparticipantes">Personnes participantes</h2>
<div class="#EDIT{podcast_personnes}">(#PODCAST_PERSONNES|propre)</div>]
[<h2 id="references">Références</h2>
<div class="emission-references texte #EDIT{texte}">(#PODCAST_REFERENCES)</div>]
<h2 id="references">Références</h2>
[<div class="emission-references texte #EDIT{texte}">(#PODCAST_REFERENCES)</div>]
<B_chapitres_references_chroniques>
<div class="references texte">
<BOUCLE_chapitres_references_chroniques(CHAPITRES){id_article}{type_sujet=CH}>

View File

@ -2,16 +2,24 @@
<div class="chronique">
<h#ENV{h,2}>
#TITRE
<small><a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg">ogg</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">mp3</a></small>
<small><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 blanc ogg podcast">ogg</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 blanc mp3 podcast">mp3</a></small>
</h#ENV{h,2}>
<B_article><p>
Dans l'émission : <BOUCLE_article(ARTICLES){si #ENV{composition}|!={emission}|oui}{id_article}>
<a href="#URL_ARTICLE">#[(#SURTITRE)] - [(#TITRE|libreavous_supp_numero)]</a>
<B_article>
<BOUCLE_article(ARTICLES){si #ENV{composition}|!={emission}|oui}{id_article}>
<p>
<a href="#URL_ARTICLE"><:libreavous:page_de_l_emission:></a>
</p>
<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>
</p></B_article>
[<div class="references_sujet #EDIT{references_sujet}">
</B_article>
[(#ENV{composition}|=={emission}|oui)[<div class="references_sujet #EDIT{references_sujet}">
(#REFERENCES_SUJET|propre)
</div>]
</div>]]
</div>
</BOUCLE_chroniques>

View File

@ -239,51 +239,67 @@ h2 {
/* flex-grow:2; */
width:76%;
}
.telecharger {
list-style:none;
width:24%;
padding:0 0 0 2em;
margin:0;
li {
margin-bottom:1em;
&:last-child {
margin:0;
}
}
.btn {
width:100%;
padding:0 0.5em 0.3em 40px;
position:relative;
text-align:left;
border-width:0.25em;
border-color:$couleurSecondaire;
color:$couleurSecondaire !important;
font-weight:900;
font-size:1.15rem;
&:before {
@include triangle(right, $couleurSecondaire, 0.5em);
position: absolute;
left: 15px;
top: 50%;
margin-top:-0.5em;
}
small {
font-size:0.7em;
font-weight:400;
}
&.mp3 {
border-color:$couleurPrincipale;
color:$couleurPrincipale !important;
&:before {
@include triangle(right, $couleurPrincipale, 0.5em);
}
}
&:hover, &:active {
background:none !important;
border-color:$couleurPrincipaleOn !important;
}
}
.telecharger {
list-style:none;
width:24%;
padding:0 0 0 2em;
margin:0;
li {
margin-bottom:1em;
&:last-child {
margin:0;
}
}
.btn.podcast {
width:100%;
padding-left:2.2rem;
font-size:1.15rem;
}
}
.btn.podcast {
padding:0 0.5em 0.3em 1rem;
position:relative;
text-align:left;
border-width:0.25em;
border-color:$couleurSecondaire;
color:$couleurSecondaire !important;
font-weight:900;
h2 &, h3 & {
font-size:50%;
&:before {
left:0.4rem;
}
}
&:before {
@include triangle(right, $couleurSecondaire, 0.5em);
position: absolute;
left: 0.8rem;
top: 50%;
margin-top:-0.5em;
}
small {
font-size:0.7em;
font-weight:400;
}
&.mp3 {
border-color:$couleurPrincipale;
color:$couleurPrincipale !important;
&:before {
@include triangle(right, $couleurPrincipale, 0.5em);
}
}
&:hover, &:active, &:focus {
background:none !important;
border-color:$couleurPrincipaleOn !important;
}
}
.sujet_autre {
background:$couleurBackgroundTexte;
}
div.star-rating, div.star-rating a {