From abacabe89d7420c6823b5afd3a6ba5b780b6db16 Mon Sep 17 00:00:00 2001
From: chankalan <chankalan@choc0.net>
Date: Fri, 2 Dec 2022 14:20:04 +0100
Subject: [PATCH] =?UTF-8?q?s=C3=A9lection=20d'article=20en=20page=20sommai?=
 =?UTF-8?q?re=20valid=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 squelettes/content/sommaire.html           |  77 ++++++++++-
 squelettes/content/sommaire_selection.html | 147 ---------------------
 2 files changed, 73 insertions(+), 151 deletions(-)
 delete mode 100644 squelettes/content/sommaire_selection.html

diff --git a/squelettes/content/sommaire.html b/squelettes/content/sommaire.html
index 6da7c01..9580755 100644
--- a/squelettes/content/sommaire.html
+++ b/squelettes/content/sommaire.html
@@ -3,11 +3,11 @@
 <BOUCLE_annonce(ARTICLES){page=annonce}>
 <article class="annonce texte_accueil">
 	<header class="cartouche">
-		
+
 		<h1><span class="#EDIT{titre} article__titre">[(#TITRE)]</span>[
 			<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
 		]</h1>
-		
+
 	</header>
 	[(#PS|oui)<div class="flex flex2">]
 		<div class="main">
@@ -28,7 +28,7 @@
 <BOUCLE_emissions(RUBRIQUES){composition=emissions}>[(#REM)
 on détermine la dernière émission même si la date est dans le futur, forcée par statut=publie
 ]<BOUCLE_quand(ARTICLES){id_rubrique}{!par date}{statut=publie}{0,1}>[(#REM)
-on connait la date de publication, donc on determine début_emission et fin_emission 
+on connait la date de publication, donc on determine début_emission et fin_emission
 ensuite inclusion en statique pour la gestion du cache indépendante - à vérifier...
 ]
 [(#SET{debut_emission,[(#DATE|annee)-][(#DATE|mois)-][(#DATE|jour|libreavous_aveczerod) ]15:30:00})]
@@ -72,7 +72,76 @@ ensuite inclusion en statique pour la gestion du cache indépendante - à vérif
 		<INCLURE{fond=inclure/derniere_emission,prochaine=#GET{prochaine}} />
 	</div>
 	]
-	
+
+<B_selection>
+<div class="liste articles emissions emissions_selectionaccueil">
+<h2>[(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>}) ]<span class="controlcarousel"><span class="avant disabled"></span><span class="ensuite"></span></span></h2>
+<div class="owl-theme owl-carousel [ (#TOTAL_BOUCLE|>={3}|oui)owlselectionaccueil]">
+<BOUCLE_selection(ARTICLES){id_article IN #CONFIG{libreavous/selectionaccueil}|picker_selected{article}}>
+	<div data-item="#COMPTEUR_BOUCLE"><INCLURE{fond=inclure/resume/emission,id_article} /></div>
+</BOUCLE_selection>
+</div>
+
+[(#TOTAL_BOUCLE|>={3}|oui)
+<script>
+jQuery(function($){
+	var owl = $('.owl-carousel');
+	owl.owlCarousel({
+		loop:false,
+     	margin:30,
+		items: 3,
+		slideBy: 3,
+		dots: false,
+		nav: false,
+		onTranslated: callback,
+		responsive : {
+			// breakpoint from 0 up
+			0 : {
+				items: 1,
+			},
+			// breakpoint from 480 up
+			560 : {
+				items: 2,
+			},
+			// breakpoint from 768 up
+			768 : {
+				items: 3,
+			}
+		}
+	});
+	// Go to the next item
+	$('.ensuite').click(function() {
+		owl.trigger('next.owl.carousel');
+	})
+	// Go to the previous item
+	$('.avant').click(function() {
+		owl.trigger('prev.owl.carousel');
+// 		owl.trigger('prev.owl.carousel', [100]);
+	})
+	function callback(event) {
+		var totalItems = $('.owl-item').length;
+		var firstitemactive = $('.owl-item.active').first().find('div').attr('data-item');
+		var lastitemactive = $('.owl-item.active').last().find('div').attr('data-item');
+		if (lastitemactive == totalItems) {
+			$('.ensuite').addClass('disabled');
+		}
+		if (lastitemactive < totalItems) {
+			$('.ensuite').removeClass('disabled');
+		}
+		if (firstitemactive == 1) {
+			$('.avant').addClass('disabled');
+		}
+		if (firstitemactive > 1) {
+			$('.avant').removeClass('disabled');
+		}
+	}
+});
+</script>
+]
+</div>
+</B_selection>
+
+
 	<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})]
diff --git a/squelettes/content/sommaire_selection.html b/squelettes/content/sommaire_selection.html
deleted file mode 100644
index 9580755..0000000
--- a/squelettes/content/sommaire_selection.html
+++ /dev/null
@@ -1,147 +0,0 @@
-#CACHE{0}
-
-<BOUCLE_annonce(ARTICLES){page=annonce}>
-<article class="annonce texte_accueil">
-	<header class="cartouche">
-
-		<h1><span class="#EDIT{titre} article__titre">[(#TITRE)]</span>[
-			<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
-		]</h1>
-
-	</header>
-	[(#PS|oui)<div class="flex flex2">]
-		<div class="main">
-			[<div class="chapo #EDIT{chapo}">(#CHAPO|image_reduire{800,*})</div>]
-			[<div class="texte #EDIT{texte}">(#TEXTE|image_reduire{800,*})</div>]
-		[</div><div class="aside">
-			<div class="ps #EDIT{ps}">(#PS|image_reduire{400,*})</div>
-		</div>]
-	</div>
-
-</article>
-</BOUCLE_annonce>
-[(#REM)
-15h15 = horaire de publication = date de publication de l'article
-15h30 = horaire de début = pour l'instant dans le code
-17h00 = horaire de fin = pour l'instant dans le code
-]
-<BOUCLE_emissions(RUBRIQUES){composition=emissions}>[(#REM)
-on détermine la dernière émission même si la date est dans le futur, forcée par statut=publie
-]<BOUCLE_quand(ARTICLES){id_rubrique}{!par date}{statut=publie}{0,1}>[(#REM)
-on connait la date de publication, donc on determine début_emission et fin_emission
-ensuite inclusion en statique pour la gestion du cache indépendante - à vérifier...
-]
-[(#SET{debut_emission,[(#DATE|annee)-][(#DATE|mois)-][(#DATE|jour|libreavous_aveczerod) ]15:30:00})]
-[(#SET{fin_emission,[(#DATE|annee)-][(#DATE|mois)-][(#DATE|jour|libreavous_aveczerod) ]17:00:00})]
-
-[(#ENV{date}|<={#GET{fin_emission}}|oui) [(#REM) inclure l'émission prochaine et en cours ]
-	#INCLURE{fond=inclure/emission_encours,env,id_article,debut_emission=#GET{debut_emission},fin_emission=#GET{fin_emission}}#SET{prochaine,#ID_ARTICLE}
-][(#ENV{date}|>={#GET{fin_emission}}|oui) [(#REM) inclure la dernière émission ]
-	#INCLURE{fond=inclure/derniere_emission,debut_emission=#GET{debut_emission},fin_emission=#GET{fin_emission},emission_heroine=oui}
-]
-
-</BOUCLE_quand>
-</BOUCLE_emissions>
-
-<B_accueil>
-<article class="texte_accueil">
-<BOUCLE_accueil(ARTICLES){page=accueil}>
-	<h2 class="visuallyhidden">#TITRE</h2>
-	<div class="flex flex2">
-	<div class="main">
-		[<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>]
-		[<div class="#EDIT{texte} texte surlignable">(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>]
-	</div>
-	[<aside class="aside">
-		<div class="#EDIT{ps} ps surlignable">(#PS|adaptive_images{#CONST{_CONTENT_WIDTH}})</div>
-	</aside>]
-	</div>
-	<footer>
-		[<div class="notes"><h2><:info_notes:></h2>(#NOTES)</div>]
-	</footer>
-</BOUCLE_accueil>
-</article>
-</B_accueil>
-	[<div id="descriptif_site_spip" class="#EDIT{meta-descriptif_site} texte_accueil">(#DESCRIPTIF_SITE_SPIP)</div>]
-	[(#DESCRIPTIF_SITE_SPIP|non)<div class="texte_accueil">#NOM_SITE_SPIP</div>]
-<//B_accueil>
-
-	[(#GET{prochaine}|oui)
-	<div class="derniere_emission">
-		<h2><:libreavous:derniere_emission:></h2>
-		<INCLURE{fond=inclure/derniere_emission,prochaine=#GET{prochaine}} />
-	</div>
-	]
-
-<B_selection>
-<div class="liste articles emissions emissions_selectionaccueil">
-<h2>[(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>}) ]<span class="controlcarousel"><span class="avant disabled"></span><span class="ensuite"></span></span></h2>
-<div class="owl-theme owl-carousel [ (#TOTAL_BOUCLE|>={3}|oui)owlselectionaccueil]">
-<BOUCLE_selection(ARTICLES){id_article IN #CONFIG{libreavous/selectionaccueil}|picker_selected{article}}>
-	<div data-item="#COMPTEUR_BOUCLE"><INCLURE{fond=inclure/resume/emission,id_article} /></div>
-</BOUCLE_selection>
-</div>
-
-[(#TOTAL_BOUCLE|>={3}|oui)
-<script>
-jQuery(function($){
-	var owl = $('.owl-carousel');
-	owl.owlCarousel({
-		loop:false,
-     	margin:30,
-		items: 3,
-		slideBy: 3,
-		dots: false,
-		nav: false,
-		onTranslated: callback,
-		responsive : {
-			// breakpoint from 0 up
-			0 : {
-				items: 1,
-			},
-			// breakpoint from 480 up
-			560 : {
-				items: 2,
-			},
-			// breakpoint from 768 up
-			768 : {
-				items: 3,
-			}
-		}
-	});
-	// Go to the next item
-	$('.ensuite').click(function() {
-		owl.trigger('next.owl.carousel');
-	})
-	// Go to the previous item
-	$('.avant').click(function() {
-		owl.trigger('prev.owl.carousel');
-// 		owl.trigger('prev.owl.carousel', [100]);
-	})
-	function callback(event) {
-		var totalItems = $('.owl-item').length;
-		var firstitemactive = $('.owl-item.active').first().find('div').attr('data-item');
-		var lastitemactive = $('.owl-item.active').last().find('div').attr('data-item');
-		if (lastitemactive == totalItems) {
-			$('.ensuite').addClass('disabled');
-		}
-		if (lastitemactive < totalItems) {
-			$('.ensuite').removeClass('disabled');
-		}
-		if (firstitemactive == 1) {
-			$('.avant').addClass('disabled');
-		}
-		if (firstitemactive > 1) {
-			$('.avant').removeClass('disabled');
-		}
-	}
-});
-</script>
-]
-</div>
-</B_selection>
-
-
-	<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})]