Browse Source

Pour le thème Educnat, ajout d'un bloc présentant l'architecture des rubriques en 3 colonnes.

master v0.4.34
Olivier Gautier 1 year ago
parent
commit
6607056ccd
  1. 15
      base/spipr_educ_base_entrees.php
  2. 10
      css/spipr_educ.less.html
  3. 52
      formulaires/spipr_educ_configure_menu_rubriques_3_colonnes.html
  4. 29
      formulaires/spipr_educ_configure_menu_rubriques_3_colonnes.php
  5. 10
      inc/spipr_educ_definitions_themes.php
  6. 103
      inc/spipr_educ_educnat_ajouter_menu_3_colonnes.php
  7. 3
      inc/spipr_educ_educnat_retirer_menu_3_colonnes.php
  8. 1
      lang/spipr_educ_fr.php
  9. 2
      paquet.xml
  10. 5
      prive/squelettes/contenu/spipr_educ_configure_bloc.html
  11. 35
      themes/educnat/noisettes/rubrique/rubrique_menu_rubriques_3_colonnes.html

15
base/spipr_educ_base_entrees.php

@ -130,6 +130,21 @@ foreach (spipr_educ_toutes_les_noisettes_initialisation() as $def_bloc) {
}
}
}
// On va traiter le cas des noisettes spécifiques à certains thèmes
// Il faut déclarer ces noisettes si on est dans le thème correspondant
// ou supprimer les noisettes ne correspondant plus au thème actuel
// On commence par récupérer le thème actuel
$test_theme=sql_select('nom','spip_spipr_educ',"type='theme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_theme=sql_fetch($test_theme);
$theme_actuel=$tab_theme['nom'];
// Si c'est le thème éducnat, ajouter la noisette de présentation des menus en 3 colonnes
if ($theme_actuel=='educnat') {
include_spip('inc/spipr_educ_educnat_ajouter_menu_3_colonnes');
}
// Si ce n'est pas le thème éducnat, retirer le menu des rubriques en 3 colonnes
else {
include_spip('inc/spipr_educ_educnat_retirer_menu_3_colonnes');
}
// On passe maintenant à l'injection des paramètres graphiques
// Le schéma est le suivant :
// nom = extension du formulaire concerné

10
css/spipr_educ.less.html

@ -1125,6 +1125,16 @@ ul#liste_dyslexie, ul#liste_interlignage, ul#liste_justification {
[(#PARAMETRE7)]
</BOUCLE_article_competences_crcn>
[(#REM) Ajout des CSS du menu des rubriques en 3 colonnes correspondant au thème Educnat]
<BOUCLE_menu_3_colonnes(SPIPR_EDUC){nom_sauvegarde = en_cours_d_utilisation_SPIPr}{nom = rubrique_menu_rubriques_3_colonnes} {type = bloc de base}>
[(#PARAMETRE8)]
#bloc_rubriques_3_colonnes {
[background: linear-gradient(to right bottom, (#PARAMETRE5), lighten([(#PARAMETRE5)],[(#PARAMETRE6)%]));]
[#container_bloc_rubrique_colonne {
.bloc_rubrique_colonne{a.savoir_plus {color:(#PARAMETRE7);}}}]
}
</BOUCLE_menu_3_colonnes>
[(#REM) Règles CSS ou LESS spécifiques, toujours en dernier]
<BOUCLE_css_perso(SPIPR_EDUC){nom_sauvegarde = en_cours_d_utilisation_SPIPr}{nom = graphisme_css}>
#PARAMETRE1

52
formulaires/spipr_educ_configure_menu_rubriques_3_colonnes.html

@ -0,0 +1,52 @@
#CACHE{0}
<div class="formulaire_spip formulaire_configurer formulaire_#FORM formulaire_#FORM-#ENV{id,nouveau}">
<h2 class='titre'><div style="text-align:center;margin-top:10px;">Paramètres graphiques du menu des rubriques présenté en 3 colonnes<br />
</div></h2>
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
<form method='post' action='#ENV{action}' name ='form#ENV{page}configuremenurubriques3colonnes'><div>
[(#REM) declarer les hidden qui declencheront le service du formulaire
parametre : url d'action ]
#ACTION_FORMULAIRE{#ENV{action}}
<ul class="editer-groupe">
<li class="fieldset">
<fieldset>
<h3 class="legend">Paramètres graphiques</h3>
<ul class="editer-groupe">
<li class="editer facultatif">
<label for="menu3colonnesBackground">Couleur de fond du bloc</label>
<input type='text' name='menu3colonnesBackground' id='menu3colonnesBackground' value="#ENV{menu3colonnesBackground}" class="text palette" />
</li>
<li class="editer facultatif">
<label for="menu3colonnesDegrade">Pourcentage de dégradé du fond vers le blanc (0=aucun dégradé ; 100=dégradé au blanc)</label>
<input type='number' name='menu3colonnesDegrade' id='menu3colonnesDegrade' value="#ENV{menu3colonnesDegrade}" class="number" min="0" max="100" style="width:3em;" />
</li>
<li class="editer facultatif">
<label for="menu3colonnesLinkColor">Couleur du lien "En savoir plus"</label>
<input type='text' name='menu3colonnesLinkColor' id='menu3colonnesLinkColor' value="#ENV{menu3colonnesLinkColor}" class="text palette" />
</li>
</ul>
</fieldset>
</li>
<li class="fieldset">
<fieldset>
<h3 class="legend">CSS</h3>
<ul class="editer-groupe">
<li class="editer facultatif">
<label for="menu3colonnesCSS">Règles CSS ou LESS spécifiques pour ce bloc (s'appliquent sur <em>#bloc_rubriques_3_colonnes</em>)</label>
<textarea name='menu3colonnesCSS' id='menu3colonnesCSS' class="text" rows="6">[(#ENV**{menu3colonnesCSS})]</textarea>
</li>
</ul>
</fieldset>
</li>
</ul>
<input type='hidden' name='hidden_menu3colonnes' value='ok' />
<p class='boutons'><input type='submit' class='submit' value='Valider' /></p>
</div>
</form>
</div>

29
formulaires/spipr_educ_configure_menu_rubriques_3_colonnes.php

@ -0,0 +1,29 @@
<?php
if (!defined('_ECRIRE_INC_VERSION')) return;
function formulaires_spipr_educ_configure_menu_rubriques_3_colonnes_charger_dist($nom,$id) {
$tab_sql=sql_fetsel('*','spip_spipr_educ',"nom='rubrique_menu_rubriques_3_colonnes' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$valeurs['menu3colonnesBackground'] = $tab_sql['parametre5'];
$valeurs['menu3colonnesDegrade'] = $tab_sql['parametre6'];
$valeurs['menu3colonnesLinkColor'] = $tab_sql['parametre7'];
$valeurs['menu3colonnesCSS'] = $tab_sql['parametre8'];
$valeurs['nom'] = $nom;
return $valeurs;
}
function formulaires_spipr_educ_configure_menu_rubriques_3_colonnes_traiter_dist($nom,$id) {
if (_request('hidden_menu3colonnes') == 'ok') {
sql_updateq(
'spip_spipr_educ',
array(
'parametre5' => _request('menu3colonnesBackground'),
'parametre6' => _request('menu3colonnesDegrade'),
'parametre7' => _request('menu3colonnesLinkColor'),
'parametre8' => _request('menu3colonnesCSS'),
),
"nom='rubrique_menu_rubriques_3_colonnes' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'"
);
}
$res['message_ok'] = _T('config_info_enregistree');
return $res;
}

10
inc/spipr_educ_definitions_themes.php

@ -45,6 +45,8 @@ function spipr_educ_reinitialiser_theme($theme) {
spipr_educ_modif_couleur_theme('spipr_institution','terra_olive');
break;
}
if($theme!='educnat') {include_spip('inc/spipr_educ_educnat_retirer_menu_3_colonnes');}
else {include_spip('inc/spipr_educ_educnat_ajouter_menu_3_colonnes');}
}
// Pour le thème de base, en fonction de la déclinaison de couleurs, on définit le jeu de couleur utile
@ -1287,6 +1289,14 @@ margin:10px 0 0 0;
),
"type='bloc de base' AND nom='sommaire_twitter' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'"
);
// Couleur de fond du bloc de présentation des rubriques en 3 colonnes
sql_updateq(
'spip_spipr_educ',
array(
'parametre5' => $couleur1,
),
"type='bloc de base' AND nom='rubrique_menu_rubriques_3_colonnes' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'"
);
// Couleur des textes
sql_updateq(
'spip_spipr_educ',

103
inc/spipr_educ_educnat_ajouter_menu_3_colonnes.php

@ -0,0 +1,103 @@
<?php
// On est dans le thème 'educnat', on s'assure que la noisette de menu des rubriques en 3 colonnes est bien présente. Si non, on la recrée ainsi que les paramètres liés au thème de couleur.
$test_3_colonnes=sql_select('nom','spip_spipr_educ',"type='bloc de base' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND parametre1='rubrique' AND nom='rubrique_menu_rubriques_3_colonnes'");
$tab_3_colonnes=sql_fetch($test_3_colonnes);
if ($tab_3_colonnes['nom']!='rubrique_menu_rubriques_3_colonnes') {
// Recherche de la couleur actuelle et du dégradé recommandé pour cette couleur
include_spip('inc/spipr_educ_definitions_themes');
$test_couleur=sql_select('parametre1','spip_spipr_educ',"type='theme' AND nom_sauvegarde='en_cours_d_utilisation_SPIPr'");
$tab_couleur=sql_fetch($test_couleur);
$couleur=$tab_couleur['parametre1'];
$retour_couleur=spipr_educ_definition_couleurs_theme_educnat($couleur);
$code_couleur=$retour_couleur[0];
$pourcentage_degrade_couleur='10';
$code_couleur_lien='#1d88cb';
$css='/* -- Spécifique menu rubrique -- */
#bloc_rubriques_3_colonnes {
display:block;
position:relative;
margin:50px 0;
padding:0;
width:100%;
height:auto;
#bloc_rubriques_3_colonnes_titre_principal {
display:block;
position:relative;
padding:29px 80px 10px 80px;
@media (max-width: 600px){
padding:29px 40px 10px 40px;
}
.container_h2 {
display:block;
width:100%;
height:auto;
h2.h2 {
color:#fff;
font-size:22px;
line-height:28px;
vertical-align:top;
margin-bottom:5px;
}
h2.h2::before {background-color:#fff;}
}
}
#container_bloc_rubrique_colonne {
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
padding:0 70px 70px 70px;
@media (max-width: 600px){padding:0 30px 30px 30px;}
.bloc_rubrique_colonne{
width:~"calc((100% - 180px) / 3)";
@media (max-width: 979px){width:~"calc((100% - 120px) / 2)";}
@media (max-width: 600px){width:~"calc(100% - 60px)";}
margin:10px;
padding:20px 20px 30px 20px;
height:auto;
background-color:#fff;
.bloc_rubrique_colonne_titre{
display:block;
position:relative;
width:100%;
font-size:15px;
line-height:22px;
vertical-align:top;
margin-bottom:10px;
a, .bloc_rubrique_colonne_descriptif {color:#222;}
a{text-transform: uppercase; font-weight:600;}
}
.bloc_rubrique_colonne_descriptif {
color:#333;
line-height:20px;
text-align:top;
margin-bottom:18px;
}
ul.bloc_rubrique_colonne_sous_rubriques {
list-style-position: inside;
margin:0 0 20px 20px;
}
}
}
}
';
// Création de l'entrée noisette
sql_insertq('spip_spipr_educ',array(
'nom'=>'rubrique_menu_rubriques_3_colonnes',
'type'=>'bloc de base',
'nom_sauvegarde'=>'en_cours_d_utilisation_SPIPr',
'parametre1'=>'rubrique',
'parametre2'=>'off',
'parametre3'=>'1',
'parametre4'=>'cfg',
'parametre5'=>$code_couleur,
'parametre6'=>$pourcentage_degrade_couleur,
'parametre7'=>$code_couleur_lien,
'parametre8'=>$css,
));
}

3
inc/spipr_educ_educnat_retirer_menu_3_colonnes.php

@ -0,0 +1,3 @@
<?php
// On n'est plus dans le bon thème, on retire la noisette qui ne correspond plus
sql_delete('spip_spipr_educ', "nom_sauvegarde='en_cours_d_utilisation_SPIPr' AND nom='rubrique_menu_rubriques_3_colonnes'");

1
lang/spipr_educ_fr.php

@ -196,6 +196,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'article_evenements_article'=>"Les événements liés à cet article",
'article_competences_crcn'=>"Compétences numériques (plugin \"CRCN\")",
'rubrique_menu_navigation'=>"Menu de navigation vertical des rubriques",
'rubrique_menu_rubriques_3_colonnes'=>"Présentation des sous-rubriques en 3 colonnes",
'rubrique_recherche'=>"Formulaire de recherche",
'rubrique_breadcrumb'=>"Fil d'ariane SPIPr-édu",
'rubrique_titre'=>"Titre, date de dernière mise à jour",

2
paquet.xml

@ -1,7 +1,7 @@
<paquet
prefix="spipr_educ"
categorie="squelette"
version="0.4.32"
version="0.4.33"
etat="stable"
compatibilite="[3.0.0;4.0.*]"
logo="img/spipr_dist-32.png"

5
prive/squelettes/contenu/spipr_educ_configure_bloc.html

@ -66,6 +66,11 @@
<div class="ajax">#FORMULAIRE_SPIPR_EDUC_CONFIGURE_SOMMAIRE_CAROUSEL</div>
<?php
break;
case 'rubrique_menu_rubriques_3_colonnes':
?>
<div class="ajax">#FORMULAIRE_SPIPR_EDUC_CONFIGURE_MENU_RUBRIQUES_3_COLONNES</div>
<?php
break;
case 'sommaire_dyslexie':
case 'rubrique_dyslexie':
case 'article_dyslexie':

35
themes/educnat/noisettes/rubrique/rubrique_menu_rubriques_3_colonnes.html

@ -0,0 +1,35 @@
<BOUCLE_bloc_rubriques_3_colonnes_principale(RUBRIQUES){id_rubrique}>
<B_bloc_rubrique_colonne>
<div id="bloc_rubriques_3_colonnes">
[<div id="bloc_rubriques_3_colonnes_titre_principal">
<div class="container_h2">
<h2 class="h2">(#_bloc_rubriques_3_colonnes_principale:TITRE|supprimer_numero)</h2>
</div>
</div>]
<div id="container_bloc_rubrique_colonne">
<BOUCLE_bloc_rubrique_colonne(RUBRIQUES){id_parent}{par num titre}{!par date}>
<div class="bloc_rubrique_colonne">
[<div class="bloc_rubrique_colonne_titre">
<a href="#URL_RUBRIQUE">(#TITRE|supprimer_numero)</a>
</div>]
[<div class="bloc_rubrique_colonne_descriptif">
(#DESCRIPTIF)
</div>]
<B_bloc_rubriques_filles_colonne>
<ul class="bloc_rubrique_colonne_sous_rubriques">
<BOUCLE_bloc_rubriques_filles_colonne(RUBRIQUES){id_parent}{par num titre}{!par date}>
[<li><a href="#URL_RUBRIQUE">(#TITRE|supprimer_numero)</a></li>]
</BOUCLE_bloc_rubriques_filles_colonne>
</ul>
</B_bloc_rubriques_filles_colonne>
<a href="#URL_RUBRIQUE" class="savoir_plus">En savoir plus</a>
</div>
</BOUCLE_bloc_rubrique_colonne>
</div>
</div>
</B_bloc_rubrique_colonne>
</BOUCLE_bloc_rubriques_3_colonnes_principale>
Loading…
Cancel
Save