Changement de look et petites corrections.

On ajoute un champ extra au plugin => mise à jour du schéma.

balint_administrations.php

@@ -46,6 +46,7 @@ function balint_upgrade($nom_meta_base_version, $version_cible) {
 	cextras_api_upgrade(balint_declarer_champs_extras(), $maj['create']);
 	cextras_api_upgrade(balint_declarer_champs_extras(), $maj['1.0.1']);
 	cextras_api_upgrade(balint_declarer_champs_extras(), $maj['1.0.3']);
+	cextras_api_upgrade(balint_declarer_champs_extras(), $maj['1.0.6']);
 
 	include_spip('base/upgrade');
 	maj_plugin($nom_meta_base_version, $version_cible, $maj);

base/balint.php

@@ -52,5 +52,17 @@ function balint_declarer_champs_extras($champs = array()) {
 		),
 	);
 
+	$champs['spip_rubriques']['preposition'] = array(
+		'saisie' => 'input',//Type du champ (voir plugin Saisies)
+		'options' => array(
+			'nom' => 'preposition',
+			'label' => 'preposition',
+			'sql' => "varchar(30) NOT NULL DEFAULT ''",
+			'defaut' => '',// Valeur par défaut
+			'restrictions'=>array(
+				'voir' => array('auteur' => ''),//Tout le monde peut voir
+				'modifier' => array('auteur' => '0minirezo')),//Seuls les admins peuvent modifier
+		),
+	);
 	return $champs;
 }

content/article.html

@@ -22,6 +22,7 @@
 			<div class="col-lg-8">
 				<h1 class="#EDIT{titre}">#TITRE</h1>
 				[<h2 class="h5 font-italic #EDIT{soustitre}">(#SOUSTITRE)</h2>]
+				[<strong class="h5 #EDIT{date_agenda}">(#DATE_AGENDA)</strong>]
 				<div class="Texte">
 
 					<div class="texte #EDIT{texte}">#TEXTE</div>

content/sommaire.html

@@ -1,13 +1,13 @@
 <section id="presentation-accueil">
 	<div class="container">
+		<h1 class="text-center">[(#CHEMIN{images/Titre-AIPB.png}|inserer_attribut{alt,#NOM_SITE_SPIP}|image_reduire{900,120})]</h1>
 		<div class="row">
 			<BOUCLE_presentation(ARTICLES){grigri=presentation_accueil}{0,1}{! par date}>
 				<div id="images-presentation" class="col-lg">
-					<h1>[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP}|image_reduire{510,0})]</h1>
 					<BOUCLE_image_pres(DOCUMENTS){id_article}{0,1}>
-						<div class="image-encadree text-light">
+						<div class="image-encadree text-dark">
 							[(#FICHIER|balise_img{#TITRE}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
-							#DESCRIPTIF
+							<span class="#EDIT{descriptif}">#DESCRIPTIF</span>
 						</div>
 						
 					</BOUCLE_image_pres>
@@ -27,6 +27,10 @@
 		<div class="row">
 			<div class="col-lg-9">
 				<INCLURE{fond=inclure/diaporama_accueil}/>
+				<div class="cadre-transparent mt-3 p-3">
+					<h2 class="a-la-une h3">À la une</h2>
+					<INCLURE{fond=inclure/a_la_une_contenu,env,ajax}>
+				</div>
 			</div>
 			<aside class="col-lg-3">
 				<div id="agenda" class="mt-4 mt-lg-0">
@@ -46,19 +50,14 @@
 	</div>
 </section>
 
-
+[(#REM) on fusionne pour l'instant les deux sections prévues initialement
 <section id="a-la-une">
 	<div class="container">
 		<h2 class="h3">À la une</h2>
-		<div class="row liste-articles-encadres">
+		<INCLURE{fond=inclure/a_la_une_contenu,env,ajax}>
-			<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}/>
-				</div>
-			</BOUCLE_a_la_une>
-		</div>
 	</div>
 </section>
+]
 
 <section id="nous-contacter">
 	<div class="container">

css/_sq_balint.scss

@@ -33,6 +33,12 @@ textarea[name="texte"]{
 	border-radius: 0.5rem;
 }
 
+.cadre-transparent{
+	padding: 1.5rem;
+	background: $bg-diapo;
+	border-radius: 0.5rem;
+}
+
 // pour empêcher l'opacité à 0.5 pendant le chargement AJAX :
 .loading > * {
     opacity: 1 !important;
@@ -202,6 +208,12 @@ body{
 
 // 2. SECTION MIS EN AVANT
 
+.background-jaune{
+	background: $bg-mis-en-avant;
+	background-size: cover;
+	background-repeat: repeat;
+}
+
 #mis-en-avant{
 	background: $bg-mis-en-avant;
 	background-size: cover;
@@ -212,9 +224,12 @@ body{
 	}
 }
 
+.a-la-une{
+	color: $bg-diapo-texte;
+}
+
 #agenda, .dernieres-nouvelles{
 	background: $fond-transparent;
-	border-left: solid 1px $couleur-liens;
 	border-radius: 0.2rem;
 	display: flex;
 	flex-direction: column;
@@ -232,6 +247,7 @@ body{
 .dernieres-nouvelles{
 	text-align: left;
 	padding: 0 1.2rem;
+	border-left: solid 1px $couleur-liens;
 }
 
 .agenda-evenement{
@@ -421,6 +437,12 @@ body{
 	.footer-options .generator {
 		max-width: 300px;
 	}
+
+	.login_modal{
+		background: $couleur-liens;
+		border-radius: 0.2rem;
+	}
+
 	.lien_cc svg {
 		width: 30px;
 		height: 30px;
@@ -440,6 +462,18 @@ body{
 	}
 }
 
+.page_sommaire .footer-options, .page_sommaire #footer-infos{
+	background: #FFF0C7;
+	color: black !important;
+	h4{
+		color: $fond-footer;
+	}
+	a:not(.login_modal){
+		color: black !important;
+	}
+
+}
+
 /**********************************************************************/
 /************************ PAGE ASSOCIATION ****************************/
 /**********************************************************************/
@@ -450,8 +484,8 @@ body{
 	border-radius: 0.2rem;
 	padding: 0;
 	.active a{
-		color: $page-active;
+		color: $page-active-clair;
-		font-weight: bold;
+		
 	}
 	ul{
 		width: 100%;
@@ -564,10 +598,12 @@ body{
 		}
 	}	
 	.submit, .btn_editer {
-		background-color: #4f56cd;
+		//background-color: #4f56cd;
+		background-color: $fond-footer;
 		color: $light;
 		&:hover{
-			background-color: #7276ee;
+			//background-color: #7276ee;
+			background-color: rgb(105, 182, 164);
 			cursor: pointer;
 		}
 	}
@@ -695,11 +731,11 @@ body{
 	}	
 }
 
-.photo-article{
+.photo_article{
-	margin-bottom: 1.5rem;
 	width: 100%;
 	display: block;
 	text-align: center;
+	background: white;
 }
 
 .liste-articles{

css/_variables.scss

@@ -1,23 +1,28 @@
 $couleur-texte : black;
 $dark: #595959;
-$fond-menu: #3b3f8a;
+//$fond-menu: #3b3f8a; bleu-violet plus foncé
-//$couleur-liens : #dc7544;
+$fond-menu: #478E7E;
+//$couleur-liens : #dc7544; orange moins vif
 $couleur-liens : #f67638;
 $gris-moyen : #7d7d7d;
 $gris-clair : #f2f2f2;
-//$page-active: #ffe9aa;
+$page-active-clair: #fff99d;
-$page-active: #ffdb70;
+$page-active: #ffb284;
-$fond-footer: #464ba3;
+//$fond-footer: #464ba3; bleu-violet
-$titres-footer: #64d4af;
+$fond-footer: #4B9886;
+//$titres-footer : #4B9886; vert plus clair
+$titres-footer : #ffb284;
 $fond-formulaires: rgba(255,255,255,0.8);
 $fond-transparent: rgba(255, 255, 255, 0.92);
 $breadcrumb-bg: none;
 
 $bg-body: url('../images/bg-web.jpg');
-$bg-presentation: url('../images/bg-rouge-fonce-3.jpg');
+$bg-presentation: url('../images/bg-gris-vert.jpg');
 $bg-texte-presentation: url('../images/bg-encadre-blanc3.jpg');
-$bg-mis-en-avant: url('../images/delaunay_brut.jpg');
+$bg-mis-en-avant: url('../images/fond-une-jaune.jpg');
-$bg-a-la-une: url('../images/fond-une-jaune.jpg');
+$bg-a-la-une: url('../images/bg-web.jpg');
 $bg-nous-contacter: url('../images/Fond-contact-bleuvert.jpg');
-$bg-diapo: rgba(255,243,219,0.75);
+// $bg-diapo: rgba(255,243,219,0.75); plus jaune et transparent
-$bg-diapo-texte: rgba(0,13,158,0.65);
+$bg-diapo : rgba(255,255,255,0.55);
+// $bg-diapo-texte: rgba(0,13,158,0.65);
+$bg-diapo-texte: #478E7E;

css/mon_site.css

@@ -11897,6 +11897,12 @@ textarea[name="texte"] {
   border-radius: 0.5rem;
 }
 
+.cadre-transparent {
+  padding: 1.5rem;
+  background: rgba(255, 255, 255, 0.55);
+  border-radius: 0.5rem;
+}
+
 .loading > * {
   opacity: 1 !important;
 }
@@ -11950,14 +11956,14 @@ img {
 }
 
 .pagination strong, .pagination .lien_pagination {
-  background-color: #464ba3;
+  background-color: #4B9886;
   padding: 0.5rem 1rem;
   border-radius: 0.2rem;
 }
 
 .pagination strong {
   cursor: initial;
-  color: #ffdb70;
+  color: #ffb284;
 }
 
 .pagination .lien_pagination {
@@ -11988,7 +11994,7 @@ body {
 /**********************************************************************/
 #menu-principal {
   padding: 1rem 2rem;
-  background-color: #3b3f8a;
+  background-color: #478E7E;
   -webkit-transition: all 1s;
   transition: all 1s;
 }
@@ -12014,7 +12020,7 @@ body {
 }
 
 #menu-principal .active a {
-  color: #ffdb70;
+  color: #ffb284;
 }
 
 #menu-principal .navbar-toggler {
@@ -12047,7 +12053,7 @@ body {
 /**********************************************************************/
 #presentation-accueil {
   padding: 10rem 0 2rem 0;
-  background: url("../images/bg-rouge-fonce-3.jpg");
+  background: url("../images/bg-gris-vert.jpg");
   background-size: cover;
   background-repeat: no-repeat;
 }
@@ -12091,8 +12097,14 @@ body {
   font-weight: 700;
 }
 
+.background-jaune {
+  background: url("../images/fond-une-jaune.jpg");
+  background-size: cover;
+  background-repeat: repeat;
+}
+
 #mis-en-avant {
-  background: url("../images/delaunay_brut.jpg");
+  background: url("../images/fond-une-jaune.jpg");
   background-size: cover;
   background-repeat: no-repeat;
   padding: 4rem 0;
@@ -12102,9 +12114,12 @@ body {
   margin: 2px 0;
 }
 
+.a-la-une {
+  color: #478E7E;
+}
+
 #agenda, .dernieres-nouvelles {
   background: rgba(255, 255, 255, 0.92);
-  border-left: solid 1px #f67638;
   border-radius: 0.2rem;
   display: -webkit-box;
   display: flex;
@@ -12117,7 +12132,7 @@ body {
 #agenda .h3, .dernieres-nouvelles .h3 {
   font-weight: 700;
   margin: 1.5rem;
-  color: rgba(0, 13, 158, 0.65);
+  color: #478E7E;
 }
 
 #agenda .h5, .dernieres-nouvelles .h5 {
@@ -12127,6 +12142,7 @@ body {
 .dernieres-nouvelles {
   text-align: left;
   padding: 0 1.2rem;
+  border-left: solid 1px #f67638;
 }
 
 .agenda-evenement {
@@ -12135,7 +12151,7 @@ body {
 
 #a-la-une {
   padding: 4rem 0;
-  background: url("../images/fond-une-jaune.jpg");
+  background: url("../images/bg-web.jpg");
 }
 
 #a-la-une h3 {
@@ -12230,7 +12246,7 @@ body {
 /**********************************************************************/
 #diaporama_accueil {
   height: 430px;
-  background: rgba(255, 243, 219, 0.75);
+  background: rgba(255, 255, 255, 0.55);
 }
 
 .carousel-item {
@@ -12257,7 +12273,7 @@ body {
 }
 
 .diapo-texte {
-  background-color: rgba(0, 13, 158, 0.65);
+  background-color: #478E7E;
   padding: 2rem;
   align-self: center;
   width: 70%;
@@ -12265,7 +12281,7 @@ body {
 }
 
 .diapo-bouton {
-  background-color: rgba(0, 13, 158, 0.65);
+  background-color: #478E7E;
   border: solid 2px white;
   border-radius: 0.2rem;
   padding: 0.5rem 2rem;
@@ -12303,7 +12319,7 @@ body {
 /***************************** FOOTER *********************************/
 /**********************************************************************/
 #footer-infos {
-  background: #464ba3;
+  background: #4B9886;
   padding: 3rem 0;
 }
 
@@ -12319,7 +12335,7 @@ body {
 }
 
 .footer h4 {
-  color: #64d4af;
+  color: #ffb284;
   font-weight: 600;
 }
 
@@ -12329,7 +12345,7 @@ body {
 }
 
 .footer .footer-options {
-  background: #464ba3;
+  background: #4B9886;
   padding: 1rem 0;
 }
 
@@ -12344,6 +12360,11 @@ body {
   max-width: 300px;
 }
 
+.footer .login_modal {
+  background: #f67638;
+  border-radius: 0.2rem;
+}
+
 .footer .lien_cc svg {
   width: 30px;
   height: 30px;
@@ -12381,6 +12402,19 @@ body {
   }
 }
 
+.page_sommaire .footer-options, .page_sommaire #footer-infos {
+  background: #FFF0C7;
+  color: black !important;
+}
+
+.page_sommaire .footer-options h4, .page_sommaire #footer-infos h4 {
+  color: #4B9886;
+}
+
+.page_sommaire .footer-options a:not(.login_modal), .page_sommaire #footer-infos a:not(.login_modal) {
+  color: black !important;
+}
+
 /**********************************************************************/
 /************************ PAGE ASSOCIATION ****************************/
 /**********************************************************************/
@@ -12392,8 +12426,7 @@ body {
 }
 
 #menu-association .active a, #menu-methode .active a, #menu-groupes .active a, #menu-medias .active a {
-  color: #ffdb70;
+  color: #fff99d;
-  font-weight: bold;
 }
 
 #menu-association ul, #menu-methode ul, #menu-groupes ul, #menu-medias ul {
@@ -12521,12 +12554,12 @@ body {
 }
 
 .formulaire_spip .boutons .submit, .formulaire_spip .boutons .btn_editer, .boutons .submit, .boutons .btn_editer {
-  background-color: #4f56cd;
+  background-color: #4B9886;
   color: #f8f9fa;
 }
 
 .formulaire_spip .boutons .submit:hover, .formulaire_spip .boutons .btn_editer:hover, .boutons .submit:hover, .boutons .btn_editer:hover {
-  background-color: #7276ee;
+  background-color: #69b6a4;
   cursor: pointer;
 }
 
@@ -12685,11 +12718,11 @@ body {
   color: #595959;
 }
 
-.photo-article {
+.photo_article {
-  margin-bottom: 1.5rem;
   width: 100%;
   display: block;
   text-align: center;
+  background: white;
 }
 
 .liste-articles .bloc-textes {

footer/sommaire.html

@@ -0,0 +1,94 @@
+[<link rel="stylesheet" href="(#CSS{css/gamu_footer.css})" type="text/css" />]
+
+<section id="footer-infos">
+	<div class="container">
+		<div class="row">
+		<BOUCLE_col_footer(ARTICLES){grigri=footer}{tout}{0,2}>
+			<div class="col-lg-3">
+				<h4 class="#EDIT{titre}">#TITRE</h4>
+				<span class="#EDIT{texte}">#TEXTE</span>
+			</div>
+		</BOUCLE_col_footer>
+		<BOUCLE_col_footer2(ARTICLES){grigri=footer}{tout}{2,1}>
+			<div class="col-lg-6">
+				<h4 class="#EDIT{titre}">#TITRE</h4>
+				<span class="#EDIT{texte}">#TEXTE</span>
+			</div>
+		</BOUCLE_col_footer2>
+		</div>
+	</div>
+</section>
+
+<div class="footer-options">
+	<div class="container">
+		<div class="row">
+			<ul class="nav">
+				<li class="separ">
+					<a rel="contents" href="#URL_PAGE{plan}">
+						<i class="fas fa-map"></i> <:plan_site:>
+					</a>
+				</li>
+				<li class="separ">
+					<a rel="contents" href="#URL_PAGE{mentions_legales}">
+						<i class="fas fa-legal"></i> Mentions légales
+					</a>
+				</li>
+				<BOUCLE_contact(ARTICLES){grigri = contact}{0,1}>
+				<li class="separ">
+					<a rel="contents" href="#URL_ARTICLE">
+						<i class="fas fa-phone"></i> Contact
+					</a>
+				</li>
+				</BOUCLE_contact>
+			</ul>
+			<ul class="nav">
+		<?php
+		if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
+		?>		<li class="separ">
+					<a class="" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte">
+						<i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom} <span class="title">: gestion compte</span>
+					</a>
+				</li>
+				<li class="separ">
+					<a href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
+						<i class="fas fa-sign-out"></i> Déconnexion
+					</a>
+				</li>
+				<li class="separ">
+					<a class="" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
+						<i class="fas fa-pencil"></i> Rédiger un article
+					</a>
+				</li>
+				<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
+				<li class="separ">
+					<a class="" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
+						<i class="fas fa-globe"></i> Créer un groupe
+					</a>
+				</li>
+				<li class="separ">
+					<a class="" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
+						<i class="fas fa-user"></i> Gérer les membres
+					</a>
+				</li><?php
+			}
+		}
+		else {
+		?>		<li class="separ">
+					<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal' title="Connexion">
+						<i class="fas fa-sign-in"></i> Connexion
+					</a>
+				</li><?php
+		}
+		?>	
+			</ul>
+			<ul class="nav">
+				<li class="generator">
+					<!--small></small-->
+						<a href="http://gamuza.fr" rel="generator" title="Site réalisé par Gamuza" class="spip_out">[(#CHEMIN{images/gamuza_noir.png}|balise_img{GAMUZA}|image_reduire{70,70})]</a>
+						<a href="http://www.spip.net/" rel="generator" title="motorisé par SPIP" class="spip_out">[(#CHEMIN{images/logo_spip_noir.png}|balise_img{SPIP}|image_reduire{45,45})]</a>
+				</li>
+			</ul>
+		</div>
+	</div>
+</div>
+

formulaires/editer_auteur.html

@@ -31,6 +31,7 @@
 							<fieldset >
 								<legend><i class="fas fa-image"></i> Avatar</legend>
 								<INCLURE{fond=inclure/avatar_auteur,env,ajax=avatar,taille=normal}>
+								<label>Utilisez le cadre ci-dessous pour mettre à jour votre avatar</label>
 								<div class="ajax">
 									<INCLURE{fond=inclure/bigform,env,accept="image/*",multiple=non}>
 								</div>

formulaires/editer_groupe.html

@@ -120,7 +120,7 @@
 						<label for="auteurs">Animateurs du groupe</label>
 						<select id="auteurs" name="Tauteurs[]" class="chosen" multiple>
 								<option value="">&nbsp;</option>
-								<BOUCLE_auteurs(AUTEURS){tous}>
+								<BOUCLE_auteurs(AUTEURS){tous}{webmestre != oui}>
 								<option value="#ID_AUTEUR" [(#ID_AUTEUR|in_array{#GET{T_id_auteurs}}|oui) selected]>#NOM</option>
 							</BOUCLE_auteurs>
 						</select>

inclure/a_la_une_contenu.html

@@ -0,0 +1,11 @@
+<B_a_la_une>
+	<div class="row liste-articles">
+	#ANCRE_PAGINATION
+	<BOUCLE_a_la_une(ARTICLES){titre_mot=a_la_une}{pagination 3}>
+		<div class="col-lg-4 mt-4 mt-lg-0">
+			<INCLURE{fond=inclure/bloc_article, env, id_article}/>
+		</div>
+	</BOUCLE_a_la_une>
+</div>
+[<div class="pagination mt-3">(#PAGINATION{page_precedent_suivant})</div>]
+</B_a_la_une>

inclure/bloc_article.html

@@ -7,12 +7,15 @@
 			</a>
 				<div class="bloc-textes">
 					<a href="#URL_ARTICLE" title="Lire l'article">
-						<h4>#TITRE</h4>
+						<h4 class="#EDIT{titre}">#TITRE</h4>
 					</a>
 					<div class="infos-article">
-						[(#DATE|affdate)]
+						[(#ENV{evenement}|=={oui}?{
+							[<strong class="h5 #EDIT{date_agenda}">(#DATE_AGENDA)</strong>],
+							[(#DATE|affdate)]
+						})]
 					</div>
-					[<div class="resume-article">(#DESCRIPTIF|sinon{#TEXTE|couper{130,'...'}})</div>]	
+					[<div class="resume-article #EDIT{descriptif}">(#DESCRIPTIF|sinon{#TEXTE|couper{130,'...'}})</div>]	
 				</div>
 		</div>
 	</div>

inclure/groupes_contenu.html

@@ -14,7 +14,11 @@
 
 	<aside class="col col-lg-3 d-none d-lg-block dernieres-nouvelles">
 
-		<h3 class="h4 mt-4 mb-3">Derniers articles</br>[en (#INFO_TITRE{rubrique,#ENV{id_rubrique}})]</h3>
+		<h3 class="h4 mt-4 mb-3">Derniers articles</br>
+			<BOUCLE_pays(RUBRIQUES){id_rubrique=#ENV{id_rubrique}}>
+				<span class="h4 font-italic">#PREPOSITION #TITRE</span>
+			</BOUCLE_pays>
+		</h3>
 
 		[(#REM) On récupère les id de tous les groupes du pays]
 		

inclure/seminaires_contenu.html

@@ -4,7 +4,7 @@
 	#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}/>
+			<INCLURE{fond=inclure/bloc_article, env, id_article,evenement=oui}/>
 		</div>
 	</BOUCLE_articles>
 	</div>

paquet.xml

@@ -6,7 +6,7 @@
 	compatibilite="[3.1.7;3.3.*]"
 	logo="img/balint_64.png"
 	documentation=""
-	schema="1.0.5"
+	schema="1.0.6"
 >
 
 	<nom>Squelette AIPB</nom>