From 82378ed87532ad89d0ad01090619706a6ea4bcdc Mon Sep 17 00:00:00 2001
From: RealET <real3t@gmail.com>
Date: Fri, 21 May 2021 21:38:27 +0200
Subject: [PATCH] =?UTF-8?q?Pagination=20sur=20liste=20articles=20"Dans=20l?=
=?UTF-8?q?a=20m=C3=AAme=20rubrique"=20(PAM)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
article.html | 4 +--
noisettes/cartouches/article_cartouche.html | 6 ++--
paquet.xml | 2 +-
stylessoyezcreateurs.css.html | 34 +++++++++++++++------
4 files changed, 32 insertions(+), 14 deletions(-)
diff --git a/article.html b/article.html
index d55a6ec0..ca9d53bb 100644
--- a/article.html
+++ b/article.html
@@ -24,7 +24,7 @@
]</BOUCLE_TypeArticle>
[(#REM)Ne pas afficher 2 fois les NOTES][(#NOTES|?{'',''})]
-[(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={haut}|oui)[(#INCLURE{fond=noisettes/cartouches/article_cartouche,id_article,archive,lang})]]
+[(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={haut}|oui)[(#INCLURE{fond=noisettes/cartouches/article_cartouche,id_article,archive,lang,ajax})]]
<div class="texte">
[(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]
@@ -151,7 +151,7 @@
</tbody>
</table>
</B_signatures>
-[(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={bas}|oui)[(#INCLURE{fond=noisettes/cartouches/article_cartouche,id_article,archive,lang,classe=artrecent_bas})]]
+[(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={bas}|oui)[(#INCLURE{fond=noisettes/cartouches/article_cartouche,id_article,archive,lang,classe=artrecent_bas,ajax})]]
<//B_TypeArticle><//B_TypeRubrique>
<INCLURE{fond=noisettes/footer/footer}
diff --git a/noisettes/cartouches/article_cartouche.html b/noisettes/cartouches/article_cartouche.html
index 8db962e4..e846e1ac 100644
--- a/noisettes/cartouches/article_cartouche.html
+++ b/noisettes/cartouches/article_cartouche.html
@@ -15,11 +15,13 @@
<//B_ClassementAlpha>
<B_articles_rubrique>
<h2 title="<:soyezcreateurs:memerubrique|replace{\.\.\.,''}:>: [(#INFO_TITRE{rubrique,#ID_RUBRIQUE}|supprimer_tags|attribut_html)]"><:soyezcreateurs:memerubrique:></h2>
- <ul>
- <BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {tri #GET{tri},#GET{senstri}} {lang} {!archive}>
+ #ANCRE_PAGINATION
+ <ul class="artrecents-items">
+ <BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {tri #GET{tri},#GET{senstri}} {lang} {!archive} {pagination 10}>
<li class="#EDIT{titre}[ (#COMPTEUR_BOUCLE|alterner{'odd',''})]">[(#ID_ARTICLE|!={#ENV{id_article}}|oui)<a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>][(#TITRE)][(#ID_ARTICLE|!={#ENV{id_article}}|?{'</a>'})]</li>
</BOUCLE_articles_rubrique>
</ul>
+ [<nav role="navigation" class="pagination">(#PAGINATION)</nav>]
</B_articles_rubrique>
<//B_AfficherArticlesMenu>
</BOUCLE_PlusieursArticles>
diff --git a/paquet.xml b/paquet.xml
index 8f4a16be..535cfd8d 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
<paquet
prefix="soyezcreateurs"
categorie="squelette"
- version="5.2.9"
+ version="5.2.10"
etat="stable"
compatibilite="[3.1.8;4.0.*]"
logo="img_pack/soyezcreateurs-32.png"
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index 6b9926f2..a3b02503 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -360,6 +360,22 @@ ul.spip li, ol.spip li { margin-bottom: 0.25em; }
h3.titrem {position:relative;}
.formulaire_spip h3.titrem {background-color: [#(#GET{c_cadrestexte}|couleur_eclaircir)];color: #4A4A4A;}
+/* Pagination */
+.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center; margin: 1rem; line-height: 1.2; }
+.pagination .pagination-item { margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
+.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
+.pagination .pagination-item + .pagination-item { margin-left: 0.5rem }
+.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5rem; border-radius:.25rem; text-align: center;}
+.pagination .on .pagination-item-label,
+.pagination a[href].pagination-item-label:hover,
+.pagination a[href].pagination-item-label:focus,
+.pagination a[href].pagination-item-label:active { background: #GET{c_fildarianehome}; color: #GET{c_fildariane_bk}; }
+.pagination .on .pagination-item-label {font-weight: bold;}
+.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
+.pagination .pagination-item.disabled {}
+.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
+.menu_articles .pagination strong {font-size:1rem;}
+
/* ul li -----*/
.formulaire_spip fieldset {padding-left:10px;padding-right:10px;margin-bottom:.25em}
.formulaire_spip .editer-groupe {padding: .25em 0;}
@@ -878,7 +894,7 @@ a#logo { display: block; clear: right; margin-left: 80px; }
#menu li strong a:visited, #menu li strong a:link {
background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong};
}
-#menu li a:hover, #menu li a:focus, #cadre_outils li a:hover, #cadre_outils li a:focus, #artrecents a:hover, #artrecents a:focus, #artrecents .odd a:hover, #artrecents .odd a:focus { background-color: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; text-decoration: none; }
+#menu li a:hover, #menu li a:focus, #cadre_outils li a:hover, #cadre_outils li a:focus, #artrecents .artrecents-items a:hover, #artrecents .artrecents-items a:focus, #artrecents .artrecents-items .odd a:hover, #artrecents .artrecents-items .odd a:focus { background-color: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; text-decoration: none; }
#menu li a:active, #cadre_outils li a:active { background-color: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }
#menu form { padding: 0; margin: 0; }
#menu h2 { [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});] color: #GET{c_menu_a}; border-left: none; padding: 5px 10px 5px 2px; padding-right:10px; padding-left:2px; margin-top: 5px; margin-bottom: 5px; font-size: 1.2em; font-weight: bold; text-align: left; }
@@ -952,7 +968,7 @@ a#logo { display: block; clear: right; margin-left: 80px; }
#menufooter a, #menufooter a:link, #menufooter a:visited { background: transparent; color: #GET{c_menubas}; display: inline-block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; }
#menufooter a:hover, #menufooter a:focus { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; }
#menufooter strong a, #menufooter strong a:visited, #menufooter strong a:link { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; }
-#menufooter a:hover, #menufooter a:focus, #menufooter a:active, #artrecents a:active { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; text-decoration: none; }
+#menufooter a:hover, #menufooter a:focus, #menufooter a:active, #artrecents .artrecents-items a:active { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; text-decoration: none; }
/* bandeau de contact dans le footer */
.bandeaupartenaires { background-color: #FFF; }
.bandeaupartenaires .flexbox--center { width: 220px; }
@@ -1276,12 +1292,12 @@ table.programmation caption { text-align: left; }
border-right-color: [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{70})];
font-size: #CONFIG{soyezcreateurs_couleurs/fontsizeartrecents,1.1}em;
}
-#artrecents li { background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-weight: normal; text-align: left; text-decoration: none; }
-#artrecents .odd { background-color: transparent; color: [(#GET{c_cadrestexte})];}
-#artrecents .odd a { background-color: transparent; color: inherit;}
-#artrecents ul { margin-left: 0.4em; margin-bottom: 0; padding-left: 1.2em; }
-#artrecents ul ul { margin-left: 0; }
-#artrecents li, #artrecents li.odd { list-style-type: disc; }
+#artrecents .artrecents-items li { background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-weight: normal; text-align: left; text-decoration: none; }
+#artrecents .artrecents-items .odd { background-color: transparent; color: [(#GET{c_cadrestexte})];}
+#artrecents .artrecents-items .odd a { background-color: transparent; color: inherit;}
+#artrecents ul.artrecents-items { margin-left: 0.4em; margin-bottom: 0; padding-left: 1.2em; }
+#artrecents ul.artrecents-items ul { margin-left: 0; }
+#artrecents .artrecents-items li, #artrecents .artrecents-items li.odd { list-style-type: disc; }
.secondary-information { font-size: 0.8em; font-style: italic; opacity: 0.5; }
/* documents dans sommaire début d'article */
.docjoints { clear: left; }
@@ -3175,7 +3191,7 @@ margin-bottom: 1em;
.portailcognac #artrecents h2 {
padding-bottom: 1rem;
}
-.portailcognac #artrecents ul {
+.portailcognac #artrecents .artrecents-items ul {
line-height: 2;
}
--
GitLab