tri périodique des actus

This commit is contained in:
chankalan 2021-01-29 10:35:42 +01:00
parent 1e357fa2d9
commit 9c01762083
3 changed files with 41 additions and 17 deletions

View File

@ -1,9 +1,9 @@
<div class="liste periode"> <div class="liste periode">
<h2 class="h2"><:baz_april:tri_periodique:></h2> <h2 class="h2"><:baz_april:tri_periodique:></h2>
<div class="clear"> <div class="clear">
<BOUCLE_hero(ARTICLES){id_rubrique}{fusion YEAR(date)}{fusion MONTH(date)}{!par date}{' | '}> <BOUCLE_hero(ARTICLES){id_rubrique}{fusion YEAR(date)}{fusion MONTH(date)}{!par date}>
[<span class="annees archive[ ouvert(#DATE|affdate{Y}|=={[(#ENV{date}|affdate{Y})]}|oui)]">(#DATE|affdate{Y}|unique) :</span>] [<span class="annees archive[ ouvert(#DATE|affdate{Y}|=={[(#ENV{date}|affdate{Y})]}|oui)]">- (#DATE|affdate{Y}|unique) </span>]
[<a[ href="(#URL_RUBRIQUE|parametre_url{datetri,#DATE|affdate{Y-m}})"]>(#DATE|affdate{nom_mois})</a>] [<a[ href="(#URL_RUBRIQUE|parametre_url{datetri,#DATE|affdate{Y-m}})"]>(#DATE|affdate{nom_mois})</a>]
</BOUCLE_hero> </BOUCLE_hero>
</div> -</div>
</div> </div>

View File

@ -1,20 +1,21 @@
$(function() { $(function() {
// masquer les mois des annees precedentes, les afficher au clic sur l'annee, cf composition blog // masquer les mois des annees precedentes, les afficher au clic sur l'annee, cf composition blog et inclure/transcriptions_selectionperiode
// $.each( ['.annees.archive'], function(i,hi){ $.each( ['.annees.archive'], function(i,hi){
// $( ".periode div" ).find(hi).each(function(index) { $( ".periode div" ).find(hi).each(function(index) {
// // Creer un div apres et y placer tout ce qui se trouve apres et jusqu'au hi suivant // Creer un span apres et y placer tout ce qui se trouve apres et jusqu'au hi suivant
// $(this).after("<span class=\"mois_archives\"></span>").next().append($(this).next().nextUntil(hi)); $(this).after("<span class=\"mois_archive\"></span>").next().append($(this).next().nextUntil(hi));
// // plier/deplier le contenu // plier/deplier le contenu
// // $(this).next().hide(); // $(this).next().hide();
// $(this).click(function(){ $(this).click(function(){
// $(this).next().toggleClass('ouvert'); $(this).next().toggleClass('ouvert');
// $(this).toggleClass('ouvert'); $(this).toggleClass('ouvert');
// return false; return false;
// }); });
// }); });
// }); });
$('.mois.on').parent('.mois_archive').addClass('ouvert');
// afficher/masquer le menu initiatives < medium // afficher/masquer le menu initiatives < medium
$('.btn-initiatives').on('click', function(){ $('.btn-initiatives').on('click', function(){

View File

@ -113,3 +113,26 @@ a.back-to-top {
} }
} }
} }
// tri par periode : blog ou transcriptions
//
.periode { width:100%;
a, span { display: inline-block; margin-right:0.25em;
&:not(.mois_archive):after { font-size:0.7em; margin:0 0 0 5px; color:$grayLight; }
&.annees { font-size:0.8em; line-height:1.8; font-style:italic; color:$grayLight; clear:left;
&:after { font-size:0.85em; font-style:normal; }
}
&.archive { cursor:pointer; color:$grayLight; }
&.mois_archive { width:0; overflow:hidden; margin:0; height:0;
&.ouvert { width:auto; height:auto; overflow:visible; display:inline; }
}
&.annees.archive.ouvert { color:$gray; }
}
span {
&:hover { color:$gray; }
}
a { padding:0 0.3em; font-weight:700;
&:hover:after { color:$white; }
}
}