Browse Source

mise en place des blocs dépliables (sous h3 et h4) tout comme pour le manuel du site, paramétrage du titre dans la configuration, version 1.2.0

svn/root/tags/v1.4.4
chankalan@free.fr 9 years ago
parent
commit
7649f23338
  1. 3
      .gitattributes
  2. 51
      feuillederoute.html
  3. 20
      formulaires/configurer_feuillederoute.html
  4. 23
      formulaires/editer_feuillederoute.html
  5. BIN
      images/moins.png
  6. BIN
      images/plus.png
  7. 5
      lang/feuillederoute_fr.php
  8. 2
      paquet.xml
  9. 6
      prive/bouton/feuillederoute.html
  10. 3
      prive/squelettes/contenu/configurer_feuillederoute.html

3
.gitattributes

@ -2,12 +2,15 @@
/TODO.txt -text
/feuillederoute.html -text
/feuillederoute_pipelines.php -text
formulaires/configurer_feuillederoute.html -text
formulaires/configurer_feuillederoute_autorisations.html -text
formulaires/editer_feuillederoute.html -text
formulaires/editer_feuillederoute.php -text
formulaires/inc-feuillederoute_autorisations.html -text
images/feuillederoute-16.png -text
images/feuillederoute-32.png -text
images/moins.png -text
images/plus.png -text
inc/feuillederoute_autoriser.php -text
lang/feuillederoute_fr.php -text
lang/paquet-feuillederoute_fr.php -text

51
feuillederoute.html

@ -3,13 +3,14 @@
<div class="feuillederoute">
<a class="fermer_feuillederoute" href="#">fermer</a>
<div class="contenu_feuillederoute">
<h2><:feuillederoute:feuillederoute:></h2>
<h2>[(#CONFIG{feuillederoute/titre}|?{#CONFIG{feuillederoute/titre},<:feuillederoute:feuillederoute:>})]</h2>
<div class="ajax">
#FORMULAIRE_EDITER_FEUILLEDEROUTE
</div>
</div>
</div>
<style type="text/css">
/* ouverture et blocs generaux */
.charger_feuillederoute, .tiroir_feuillederoute { display:none; position:relative; z-index:100001; /* au-dessus du minibando */ }
.fond_feuillederoute {
position:fixed; right:0; top:0; width:50%; min-width:460px; height:100%;
@ -22,21 +23,53 @@
z-index:100001;
font-size:.95em; color:#333;
}
a.fermer_feuillederoute {
position:fixed; right:12px; top:0; opacity:.8;
margin: 0; padding: 0.4em 1em 0.4em;
border: 0 none; -moz-border-radius: 0 0 0 0.3em; -webkit-border-radius: 0 0 0 0.3em; border-radius: 0 0 0 0.3em;
a.fermer_feuillederoute { position:fixed; float:right; right:0; top:0;
opacity:.8; margin: 0; padding: 0.4em 1em 0.4em;
border: 0 none; -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;
font-weight: bold; color:#fff; background:#666666;
}
}
a.fermer_feuillederoute:hover { opacity:1; color:#fff; }
/* contenu_feuillederoute */
.contenu_feuillederoute { padding:1em 1em 3em; }
.contenu_feuillederoute a { color:#75507B; }
.contenu_feuillederoute a:hover { color:#000; text-decoration:underline; }
.contenu_feuillederoute .todolist th a { color:#333; }
.contenu_feuillederoute .todolist th a:hover { color:#000; }
.formulaire_feuillederoute { padding:.5em; }
/* gestion des intertitres pour fermeture/ouverture de blocs de contenu, cf plugin manuel du site */
.contenu_feuillederoute h3.spip,
.contenu_feuillederoute h4.spip,
.contenu_feuillederoute h3,
.contenu_feuillederoute h4{
font-size:14px;
font-weight:700;
line-height:20px;
color:#000;
clear:both;
text-align:left;
cursor: pointer;
padding-left:15px;
margin: 0.5em 0 0.25em;
background:url([/(#CHEMIN{images/plus.png})]) left 4px no-repeat transparent;
border:none;
}
.contenu_feuillederoute h4.spip, .contenu_feuillederoute h4 { font-size:12px; }
.contenu_feuillederoute h3.open,
.contenu_feuillederoute h4.open{
background:url([/(#CHEMIN{images/moins.png})]) left 4px no-repeat transparent;
}
/* formulaire edition */
.formulaire_feuillederoute { padding:.5em; clear:both; }
.charger_feuillederoute table { width:100%; }
/* ouverture du formulaire */
a.poignee_feuillederoute { float:right; clear:both;
opacity:.8; margin: 2em -1em 1em 0; padding: 0.4em; color:#fff;
border: 0 none; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
font-weight: bold; color:#fff; background:#666666;
}
a.poignee_feuillederoute:hover { opacity:1; color:#fff; }
/* petits ecrans */
@media (max-width:600px) {
.fond_feuillederoute, .feuillederoute { min-width:98%; width:98%; }

20
formulaires/configurer_feuillederoute.html

@ -0,0 +1,20 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem"><:feuillederoute:cfg_form_feuillederoute_titre:></h3>
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
<p class="explication"><:feuillederoute:cfg_explication_titre:></p>
<form method="post" action="#ENV{action}"><div>
#ACTION_FORMULAIRE{#ENV{action}}
<!-- titre -->
<label><:feuillederoute:titre:></label>
<input id="titre" name="titre" value="[(#CONFIG{feuillederoute/titre}|?{#CONFIG{feuillederoute/titre},<:feuillederoute:feuillederoute:>})]"></input>
<p class="boutons">
<input type="submit" class="submit" value="<:bouton_valider:>" />
</p>
</div></form>
</div>

23
formulaires/editer_feuillederoute.html

@ -44,4 +44,25 @@
});
</script>
][(#REM) fin autorisation]
][(#REM) fin autorisation]
<script type="text/javascript">
$(document).ready(function(){
// code scrupuleusement tire du manuel du site
// Traiter les h3 et h4
$.each( ['h3','h4'], function(i,hi){
$( ".affichage_feuillederoute" ).find(hi).each(function(index) {
// Creer un div apres le h3 et y placer tout ce qui se trouve apres et jusqu'au hi suivant
$(this).after("<div class=\"bloc_sous_h\"></div>").next().append($(this).next().nextUntil(hi));
// Deplier le contenu du hi
$(this).next().hide();
$(this).click(function(){
$(this).next().slideToggle();
$(this).toggleClass('open');
return false;
});
});
});
});
</script>

BIN
images/moins.png

After

Width: 12  |  Height: 12  |  Size: 3.5 KiB

BIN
images/plus.png

After

Width: 12  |  Height: 12  |  Size: 3.6 KiB

5
lang/feuillederoute_fr.php

@ -17,16 +17,19 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'cfg_lgd_autorisation_lire' => 'Lire la Feuille de route',
'cfg_lgd_autorisation_modifier' => 'Modifier la Feuille de route',
'cfg_explication_autorisations' => 'Les profils autorisés à modifier la Feuille de Route seront automatiquement autorisés à la lire.',
'cfg_form_feuillederoute_titre' => 'Le titre de votre Feuille de Route',
'cfg_explication_titre' => 'Vous pouvez choisir le titre qui sera afficher dans le bouton d\'ouverture et dans la feuille elle-même.',
// F
'feuillederoute' => 'Feuille de Route',
// M
'message_ok' => 'Texte modifié avec succès !',
'modifier_le_texte' => 'Modifier le texte',
'modifier_le_texte' => 'Modifier ce texte',
// T
'texte' => 'Texte :',
'titre' => 'Titre :',
// S
'submit' => 'Enregistrer',

2
paquet.xml

@ -1,7 +1,7 @@
<paquet
prefix="feuillederoute"
categorie="communication"
version="1.1.1"
version="1.2.0"
etat="test"
compatibilite="[3.0.0;3.*]"
logo="images/feuillederoute-32.png"

6
prive/bouton/feuillederoute.html

@ -2,7 +2,7 @@
[(#AUTORISER{lire,feuillederoute}|oui)
[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non)<li id="minibando_bouton_feuillederoute">]]
<a[ href="(#URL_PAGE{feuillederoute})"] class="spip-admin-boutons" id="btn_feuillederoute"[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non) style="text-indent:0;font-size:10px;text-align:center;line-height:24px;"]]>[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non)FdR][(#REM|test_espace_prive|oui)<:feuillederoute:feuillederoute:>]][(#PLUGIN{minibando}|non)<:feuillederoute:feuillederoute:>]</a>
<a[ href="(#URL_PAGE{feuillederoute})"] class="spip-admin-boutons" id="btn_feuillederoute"[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non) style="text-indent:0;font-size:10px;text-align:center;line-height:24px;"]]>[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non)FdR][(#REM|test_espace_prive|oui)[(#CONFIG{feuillederoute/titre}|?{#CONFIG{feuillederoute/titre},<:feuillederoute:feuillederoute:>})]]][(#PLUGIN{minibando}|non)[(#CONFIG{feuillederoute/titre}|?{#CONFIG{feuillederoute/titre},<:feuillederoute:feuillederoute:>})]]</a>
<script type="text/javascript">
$(document).ready(function(){
// preparer le chargement ajax
@ -22,7 +22,7 @@ $(document).ready(function(){
[(#AUTORISER{lire,feuillederoute}|non)
[(#AUTORISER{modifier,feuillederoute}|oui)
[(#PLUGIN{minibando}|oui)<li id="minibando_bouton_feuillederoute">]
<a[ href="(#URL_PAGE{feuillederoute})"] class="spip-admin-boutons" id="btn_feuillederoute"[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non) style="text-indent:0;font-size:10px;text-align:center;line-height:24px;"]]>[(#PLUGIN{minibando}|oui) [(#REM|test_espace_prive|non)FdR][(#REM|test_espace_prive|oui)<:feuillederoute:feuillederoute:>]][(#PLUGIN{minibando}|non)<:feuillederoute:feuillederoute:>]</a>
<a[ href="(#URL_PAGE{feuillederoute})"] class="spip-admin-boutons" id="btn_feuillederoute"[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non) style="text-indent:0;font-size:10px;text-align:center;line-height:24px;"]]>[(#PLUGIN{minibando}|oui) [(#REM|test_espace_prive|non)FdR][(#REM|test_espace_prive|oui)[(#CONFIG{feuillederoute/titre}|?{#CONFIG{feuillederoute/titre},<:feuillederoute:feuillederoute:>})]]][(#PLUGIN{minibando}|non)[(#CONFIG{feuillederoute/titre}|?{#CONFIG{feuillederoute/titre},<:feuillederoute:feuillederoute:>})]]</a>
<script type="text/javascript">
$(document).ready(function(){
// preparer le chargement ajax
@ -37,7 +37,7 @@ $(document).ready(function(){
});
});
</script>
[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non)<span></span><ul><li><p><:feuillederoute:feuillederoute:></p></li></ul></li>]]
[(#PLUGIN{minibando}|oui)[(#REM|test_espace_prive|non)<span></span><ul><li><p>[(#CONFIG{feuillederoute/titre}|?{#CONFIG{feuillederoute/titre},<:feuillederoute:feuillederoute:>})]</p></li></ul></li>]]
]
]
[(#REM|test_espace_prive|oui)

3
prive/squelettes/contenu/configurer_feuillederoute.html

@ -1,6 +1,9 @@
[(#AUTORISER{configurer, feuillederoute}|sinon_interdire_acces)]
<h1 class="grostitre"><:feuillederoute:cfg_titre_feuillederoute:></h1>
[<div class="ajax">
(#FORMULAIRE_CONFIGURER_FEUILLEDEROUTE)
</div>]
[<div class="ajax">
(#FORMULAIRE_CONFIGURER_FEUILLEDEROUTE_AUTORISATIONS)
</div>]
Loading…
Cancel
Save