Ajout des pages mediatheque et séminaires

content/article.html

@@ -7,55 +7,58 @@
 
 <section class="section-top section-bottom container">
 
-	[(#AUTORISER{modifier, article, #ID_ARTICLE})
+	<div class="cadre-blanc">
-	<div class="boutons a-droite">
-		<a class="btn" href="#URL_PAGE{editer_article,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Éditer</a>
-	</div>
-	]
 
-	<div class="contenu-article row">
+		[(#AUTORISER{modifier, article, #ID_ARTICLE})
-
+		<div class="boutons a-droite">
-		<div class="col-lg-8">
+			<a class="btn" href="#URL_PAGE{editer_article,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Éditer</a>
-			<h1 class="#EDIT{titre}">#TITRE</h1>
-			[<h2 class="#EDIT{soustitre}">(#SOUSTITRE)</h2>]
-			<div class="Texte">
-
-				<div class="texte #EDIT{texte}">#TEXTE</div>
-
-				<B_mots>
-				<div class="mots">
-				[(#REM) afficher mots-clés et tags dont le groupe est "important" ]
-					<BOUCLE_mots(MOTS){id_article}{si #CONFIG{balint/tags_article}|!={non}}{id_groupe IN #GET{grpes_importants}}>
-					<a href="[(#URL_MOT)]" class="tag tags mrs[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,mot_cle})]"
-						data-id_mot="#ID_MOT" title="Les biens liées au[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{tag,mot clé}) ]#TITRE">
-						<i class="fas fa-[(#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,tag})]"></i>#TITRE
-					</a>
-					</BOUCLE_mots>
-				</div>
-				</B_mots>
-
-			</div>
 		</div>
+		]
+
+		<div class="contenu-article row">
+
+			<div class="col-lg-8">
+				<h1 class="#EDIT{titre}">#TITRE</h1>
+				[<h2 class="h5 font-italic #EDIT{soustitre}">(#SOUSTITRE)</h2>]
+				<div class="Texte">
+
+					<div class="texte #EDIT{texte}">#TEXTE</div>
+
+					<B_mots>
+					<div class="mots">
+					[(#REM) afficher mots-clés et tags dont le groupe est "important" ]
+						<BOUCLE_mots(MOTS){id_article}{si #CONFIG{balint/tags_article}|!={non}}{id_groupe IN #GET{grpes_importants}}>
+						<a href="[(#URL_MOT)]" class="tag tags mrs[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,mot_cle})]"
+							data-id_mot="#ID_MOT" title="Les biens liées au[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{tag,mot clé}) ]#TITRE">
+							<i class="fas fa-[(#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,tag})]"></i>#TITRE
+						</a>
+						</BOUCLE_mots>
+					</div>
+					</B_mots>
 
-		<div class="col-lg-4">
-			<B_docs>
-			<div class="row liste-documents">
-				<BOUCLE_docs(DOCUMENTS){id_article=#ID_ARTICLE}{extension==pdf}>
-				<div class="col">
-					<a href="#FICHIER">
-						[(#CHEMIN{img/document.png}|balise_img{#TITRE}|image_reduire{0,120})]
-						[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
-					</a>
 				</div>
-				</BOUCLE_docs>
 			</div>
-			</B_docs>
+
-			<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}>
+			<div class="col-lg-4">
-			<a href="#FICHIER" class='photo-article mediabox' rel='galerie_#ID_ARTICLE'>
+				<B_docs>
-				[(#FICHIER|balise_img{#TITRE}|image_recadre{540:270,-,focus}|image_reduire{540, 270})]
+				<div class="row liste-documents">
-				[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
+					<BOUCLE_docs(DOCUMENTS){id_article=#ID_ARTICLE}{extension==pdf}>
-			</a>
+					<div class="col">
-			</BOUCLE_images>
+						<a href="#FICHIER">
+							[(#CHEMIN{img/document.png}|balise_img{#TITRE}|image_reduire{0,120})]
+							[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
+						</a>
+					</div>
+					</BOUCLE_docs>
+				</div>
+				</B_docs>
+				<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}>
+				<a href="#FICHIER" class='photo-article mediabox' rel='galerie_#ID_ARTICLE'>
+					[(#FICHIER|balise_img{#TITRE}|image_recadre{540:270,-,focus}|image_reduire{540, 270})]
+					[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
+				</a>
+				</BOUCLE_images>
+			</div>
 		</div>
 	</div>
 

content/mediatheque.html

@@ -1,15 +1,12 @@
-[(#REM) On affiche la France par défaut]
+[(#REM) On affiche la première rubrique par défaut]
-<BOUCLE_france(RUBRIQUES){id_parent = #CONFIG{balint/id_rub_groupes}}{titre=france}{tout}{0,1}{si #ENV{id_rubrique}|non}>
+<BOUCLE_medias(MOTS){id_groupe = #CONFIG{balint/id_mots_medias}}{tout}{0,1}{si #ENV{id_mot}|non}{par id_mot}>
-	[(#ID_RUBRIQUE|setenv{id_rubrique})]
+	[(#ID_MOT|setenv{id_mot})]
-</BOUCLE_france>
+</BOUCLE_medias>
 
-[(#REM) On affiche tous les groupes appartenant à la même Ville]
-
-<section id="groupes" class="section-top section-bottom container">
 
+<section id="medias" class="section-top section-bottom container">
 	<div class="cadre-blanc">
-		<h1 class="mb-4">Les groupes</h1>
+		<h1 class="mb-4">Médiathèque</h1>
-			<INCLURE{fond=inclure/groupes_contenu,env,ajax}>
+			<INCLURE{fond=inclure/medias_contenu,env,ajax}>
 	</div>
-
 </section>

content/seminaires.html

@@ -0,0 +1,8 @@
+[(#REM) On affiche la première rubrique par défaut]
+
+<section id="seminaires" class="section-top section-bottom container">
+	<div class="cadre-blanc">
+		<h1 class="mb-4">Les séminaires</h1>
+			<INCLURE{fond=inclure/seminaires_contenu,env,ajax}>
+	</div>
+</section>

content/sommaire.html

@@ -50,7 +50,7 @@
 <section id="a-la-une">
 	<div class="container">
 		<h2 class="h3">À la une</h2>
-		<div class="row liste-articles">
+		<div class="row liste-articles-encadres">
 			<BOUCLE_a_la_une(ARTICLES){titre_mot=a_la_une}>
 				<div class="col-lg-4 mt-4 mt-lg-0">
 					<INCLURE{fond=inclure/bloc_article, env, id_article}/>

css/_sq_balint.scss

@@ -246,7 +246,7 @@ body{
 	}
 }
 
-.liste-articles{
+.liste-articles-encadres{
 	.bloc-article {
 		height: 100%;
 		background: white;
@@ -441,7 +441,7 @@ body{
 /************************ PAGE ASSOCIATION ****************************/
 /**********************************************************************/
 
-#menu-association, #menu-groupes, #menu-methode{
+#menu-association, #menu-methode, #menu-groupes, #menu-medias{
 	background: $couleur-liens;
 	margin: 1rem 0;
 	border-radius: 0.2rem;
@@ -480,24 +480,15 @@ body{
 /************************** PAGE GROUPES ******************************/
 /**********************************************************************/
 
-
+#menu-groupes, #menu-medias{
-/*
-#menu-groupes{
-	margin-bottom: 0;
-}
-
-.groupes-intertitre{
-	background: $fond-transparent;
-	color: $dark;
-	padding: 0.5rem 1rem;
-}*/
-#menu-groupes{
 	margin-top: 0;
 }
 
 @include media-breakpoint-up(lg) {
-	#menu-groupes li:not(:last-of-type){
+	#menu-groupes, #menu-medias{
-		border: none;
+		li:not(:last-of-type){
+			border: none;
+		}
 	}
 }
 
@@ -705,6 +696,12 @@ body{
 	margin-bottom: 1.5rem;;
 }
 
+.liste-articles{
+	.bloc-textes{
+		padding: 1rem 0;
+	}
+}
+
 /**********************************************************************/
 /************************* PAGE GERER MEMBRES *************************/
 /**********************************************************************/

css/mon_site.css

@@ -12139,21 +12139,21 @@ body {
   padding: 1rem;
 }
 
-.liste-articles .bloc-article {
+.liste-articles-encadres .bloc-article {
   height: 100%;
   background: white;
   outline: 1px solid #DDD;
 }
 
-.liste-articles .bloc-article a {
+.liste-articles-encadres .bloc-article a {
   min-height: 100%;
 }
 
-.liste-articles .bloc-article a h2 {
+.liste-articles-encadres .bloc-article a h2 {
   text-align: left;
 }
 
-.liste-articles .bloc-contenu {
+.liste-articles-encadres .bloc-contenu {
   display: -webkit-box;
   display: flex;
   -webkit-box-orient: vertical;
@@ -12166,13 +12166,13 @@ body {
   position: relative;
 }
 
-.liste-articles .bloc-textes {
+.liste-articles-encadres .bloc-textes {
   padding: 1.5rem;
   -webkit-box-flex: 1;
           flex-grow: 1;
 }
 
-.liste-articles .resume-article {
+.liste-articles-encadres .resume-article {
   -webkit-box-flex: 1;
           flex-grow: 1;
 }
@@ -12380,35 +12380,35 @@ body {
 /**********************************************************************/
 /************************ PAGE ASSOCIATION ****************************/
 /**********************************************************************/
-#menu-association, #menu-groupes, #menu-methode {
+#menu-association, #menu-methode, #menu-groupes, #menu-medias {
   background: #f67638;
   margin: 1rem 0;
   border-radius: 0.2rem;
   padding: 0;
 }
 
-#menu-association .active a, #menu-groupes .active a, #menu-methode .active a {
+#menu-association .active a, #menu-methode .active a, #menu-groupes .active a, #menu-medias .active a {
   color: #ffdb70;
   font-weight: bold;
 }
 
-#menu-association ul, #menu-groupes ul, #menu-methode ul {
+#menu-association ul, #menu-methode ul, #menu-groupes ul, #menu-medias ul {
   width: 100%;
 }
 
-#menu-association li, #menu-groupes li, #menu-methode li {
+#menu-association li, #menu-methode li, #menu-groupes li, #menu-medias li {
   padding: 0.5rem;
 }
 
-#menu-association li a, #menu-groupes li a, #menu-methode li a {
+#menu-association li a, #menu-methode li a, #menu-groupes li a, #menu-medias li a {
   color: white;
 }
 
-#menu-association li:not(:last-of-type), #menu-groupes li:not(:last-of-type), #menu-methode li:not(:last-of-type) {
+#menu-association li:not(:last-of-type), #menu-methode li:not(:last-of-type), #menu-groupes li:not(:last-of-type), #menu-medias li:not(:last-of-type) {
   border-bottom: solid 1px #f8f9fa;
 }
 
-#menu-association .navbar-toggler, #menu-groupes .navbar-toggler, #menu-methode .navbar-toggler {
+#menu-association .navbar-toggler, #menu-methode .navbar-toggler, #menu-groupes .navbar-toggler, #menu-medias .navbar-toggler {
   border: none;
   color: white;
   width: 100%;
@@ -12425,22 +12425,12 @@ body {
 /**********************************************************************/
 /************************** PAGE GROUPES ******************************/
 /**********************************************************************/
-/*
+#menu-groupes, #menu-medias {
-#menu-groupes{
-	margin-bottom: 0;
-}
-
-.groupes-intertitre{
-	background: $fond-transparent;
-	color: $dark;
-	padding: 0.5rem 1rem;
-}*/
-#menu-groupes {
   margin-top: 0;
 }
 
 @media (min-width: 992px) {
-  #menu-groupes li:not(:last-of-type) {
+  #menu-groupes li:not(:last-of-type), #menu-medias li:not(:last-of-type) {
     border: none;
   }
 }
@@ -12695,6 +12685,10 @@ body {
   margin-bottom: 1.5rem;
 }
 
+.liste-articles .bloc-textes {
+  padding: 1rem 0;
+}
+
 /**********************************************************************/
 /************************* PAGE GERER MEMBRES *************************/
 /**********************************************************************/

formulaires/configurer_balint.html

@@ -43,6 +43,7 @@
 			#SET{name1,id_rub_articles}
 			#SET{name2,id_rub_groupes}
 			#SET{name3,id_rub_forum}
+			#SET{name4,id_mots_medias}
 			#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name1}}|table_valeur{#GET{name2}}}
 			#SET{obli,"obligatoire"}
 			<legend>Configuration de l'arborescence</legend>
@@ -61,6 +62,11 @@
 				[<span class="erreur_message">(#GET{erreurs})</span>]
 				<input type="text"  name="#GET{name3}" id="#GET{name3}" value="#ENV{#GET{name3}}">
 			</div>
+			<div class="editer_[(#GET{name4})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
+				<label for="#GET{name4}">ID du groupe de mots de la médiathèque</label>
+				[<span class="erreur_message">(#GET{erreurs})</span>]
+				<input type="text"  name="#GET{name4}" id="#GET{name4}" value="#ENV{#GET{name4}}">
+			</div>
 		</fieldset>
 
 		<fieldset>

inclure/choix_ville.html

@@ -1,4 +1,4 @@
-<div class="row liste-articles">
+<div class="row liste-articles-encadres">
 	<BOUCLE_villes(ARTICLES){id_rubrique=#ENV{id_rubrique}}{fusion surtitre}>
 		<div class="col col-md-6 col-lg-4 mt-4 mt-lg-0">
 

inclure/medias_contenu.html

@@ -0,0 +1,45 @@
+<div class="page-groupes row">
+	<div class="col w-100 col-lg-9">
+
+		<INCLURE{fond=inclure/menu-medias,env}>
+
+		<B_articles>
+			<div class="row liste-articles">
+			#ANCRE_PAGINATION
+			<BOUCLE_articles(ARTICLES){id_mot=#ENV{id_mot}}{! par date}{pagination 6}>
+				<div class="col-lg-4 mt-4 mt-lg-3">
+					<INCLURE{fond=inclure/bloc_article, env, id_article}/>
+				</div>
+			</BOUCLE_articles>
+			</div>
+			[<div class="pagination">(#PAGINATION{page_precedent_suivant})</div>]
+			</B_articles>
+
+	</div>
+
+	<aside class="col col-lg-3 d-none d-lg-block dernieres-nouvelles">
+
+		<h3 class="h4 mt-4 mb-3">Derniers articles</h3>
+		
+		<div class="liste-articles">
+			<BOUCLE_a_la_une(ARTICLES){id_rubrique=#CONFIG{balint/id_rub_articles}}{0,6}{! par date}>
+				<div class="mt-4 mt-lg-0 mb-3">
+					<div class="infos-article">
+						[(#DATE|affdate) :]
+					</div>
+					<a href="#URL_ARTICLE" title="Lire l'article">
+						<h4 class='h5 mb-0'>#TITRE</h4>
+					</a>
+					[<div class="resume-article">(#DESCRIPTIF)</div>]	
+				</div>
+			</BOUCLE_a_la_une>
+			<div class="col">Il n'y a pas encore d'article publié.</div>
+			<//B_a_la_une>
+		</div>
+	</aside>
+
+</div>
+
+
+
+

inclure/menu-medias.html

@@ -0,0 +1,15 @@
+<nav id="menu-medias" class="navbar navbar-expand-lg navbar-dark">
+	<button class="navbar-toggler d-flex d-lg-none collapsed" type="button" data-toggle="collapse" data-target="#liste-groupes" aria-controls="liste-deroulante-association" aria-expanded="false" aria-label="Toggle navigation">
+		<i class="fa fa-angle-down" aria-hidden="true"></i>
+		[<span class="navbar-brand d-lg-none">(#INFO_TITRE{mot,#ENV{id_mot}})</span>]
+	</button>
+	<div class="collapse navbar-collapse" id="liste-groupes">
+		<ul class="navbar-nav">
+		<BOUCLE_menu_medias(MOTS){id_groupe = #CONFIG{balint/id_mots_medias}}{par id_mot}{tout}>
+			<li class="nav-item [(#ENV{id_mot}|=={#ID_MOT}|oui) active]">
+				<a class="nav-link ajax" href="[(#URL_PAGE{mediatheque}|parametre_url{id_mot,#ID_MOT})]">#TITRE</a>
+			</li>
+		</BOUCLE_menu_medias>
+		</ul>
+	</div>
+</nav>

inclure/menu_principal.html

@@ -15,6 +15,9 @@
 			<li class="nav-item [(#SI_PAGE{methode}|oui) active]">
 				<a class="nav-link" href="[(#URL_PAGE{methode})]">La méthode</a>
 			</li>
+			<li class="nav-item [(#SI_PAGE{seminaires}|oui) active]">
+				<a class="nav-link" href="[(#URL_PAGE{seminaires})]">Les séminaires</a>
+			</li>
 			<li class="nav-item [(#SI_PAGE{groupes}|oui) active]">
 				<a class="nav-link" href="[(#URL_PAGE{groupes})]">Les groupes</a>
 			</li>

inclure/seminaires_contenu.html

@@ -0,0 +1,17 @@
+<div class="page-groupes">
+	<B_articles>
+	<div class="row liste-articles-encadres">
+	#ANCRE_PAGINATION
+	<BOUCLE_articles(ARTICLES){titre_mot=seminaires}{! par date}{pagination 6}>
+		<div class="col-lg-4 mt-4 mt-lg-3">
+			<INCLURE{fond=inclure/bloc_article, env, id_article}/>
+		</div>
+	</BOUCLE_articles>
+	</div>
+	[<div class="pagination">(#PAGINATION{page_precedent_suivant})</div>]
+	</B_articles>
+</div>
+
+
+
+