Changeset 59862 in spip-zone

Timestamp:

Mar 28, 2012, 7:33:48 AM (7 years ago)

Author:

johan.pustoch@…

Message:

renommage d'images pour compat, javascript public fonctionne desormais sans etre identifie, url des css et js en squelettes fonctionnent avec un recalcul (code inspire du porte_plume)

Location:

_squelettes_/scolaspip/trunk

Files:

• couleurs.css.html (moved) (moved from _squelettes_/scolaspip/trunk/couleurs.html) (2 diffs)
• extra1/dist.html (modified) (2 diffs)
• extra2/sommaire.html (modified) (1 diff)
• img/deplierbas.png (moved) (moved from _squelettes_/scolaspip/trunk/img/moins.png)
• img/deplierhaut.png (moved) (moved from _squelettes_/scolaspip/trunk/img/plus.png)
• inclure/nav.html (modified) (1 diff)
• javascript (deleted)
• lang/scolaspip_fr.php (modified) (1 diff)
• perso-dist.css (deleted)
• scolaspip.css (modified) (7 diffs)
• scolaspip.js.html (copied) (copied from _squelettes_/scolaspip/trunk/javascript/scolaspip.js.html) (3 diffs)
• scolaspip_pipelines.php (modified) (2 diffs)

_squelettes_/scolaspip/trunk/couleurs.css.html

@@ -5 +5 @@
  ATTENTION : il faut absolument le charset sinon Firefox croit que
  c'est du text/html !
- 
- Cache à 0 pendant le dev, #CACHE{604800} ensuite (7 jours)
 ]
-#CACHE{0}
+#CACHE{604800}
 #HTTP_HEADER{Content-Type:text/css;charset=utf-8}
 #HTTP_HEADER{Vary:Accept-Encoding}
@@ -92 +90 @@
 '})]
 
+[(#REM) permettre de surcharger ces images dans squelettes/img]
+.breves .h3 a.ouvrable{background-image:url('#CHEMIN{img/deplierhaut.png}');}
+.breves .h3 a.ouvert{background-image:url('#CHEMIN{img/deplierbas.png}');}
+
 [(#REM) Personnalisation ultime du css via scolaspip]
 [(#CONFIG{scolaspip_colorer/persocss})]

_squelettes_/scolaspip/trunk/extra1/dist.html

@@ -5 +5 @@
 <B_rubriques>
 <div class="menu rubriques" >
-                <h2 id="montre_ou_masque_tout" class="h2 bouton_sommaire">Sommaire <img class="imageplus" id="img_toute_rubrique" src="#CHEMIN{img/plus.png}" alt=" + " /></h2>
+                <h2 id="montre_ou_masque_tout" class="h2 bouton_sommaire">Sommaire <img class="imageplus" id="img_toute_rubrique" src="#CHEMIN{img/deplierhaut.png}" alt=" + " /></h2>
                 <BOUCLE_rubriques(RUBRIQUES) {racine}{!mots.titre=rubrique_bandeau}{par num titre, titre}>
                 <ul class="menu-items menu-liste niveau1">
                                 <BOUCLE_sous_rubriques_presentes(RUBRIQUES) {id_parent}{par num titre, titre}> </BOUCLE_sous_rubriques_presentes>
                                 <li class="item menu-entree">
-                                                <img class="imageplus bouton_sommaire bouton_niveau1" id="img#ID_RUBRIQUE" [(#EXPOSE |== {'on'} |? {src="[(#CHEMIN{img/moins.png})]" alt = " - " title="Masquer les sous-rubriques" , src="[(#CHEMIN{img/plus.png})]" alt = " + " title="Voir les sous-rubriques" } )]/>
+                                                <img class="imageplus bouton_sommaire bouton_niveau1" id="img#ID_RUBRIQUE" [(#EXPOSE |== {'on'} |? {src="[(#CHEMIN{img/deplierbas.png})]" alt = " - " title="Masquer les sous-rubriques" , src="[(#CHEMIN{img/deplierhaut.png})]" alt = " + " title="Voir les sous-rubriques" } )]/>
                                                 <a href="#URL_RUBRIQUE" [ class="(#EXPOSE)"][ title="(#DESCRIPTIF|attribut_html)"]>[(#TITRE|couper{50})]</a>
                                                 <B_sous_rubriques>
@@ -21 +21 @@
                                 </li>
                                 </B_sous_rubriques_presentes>
-                                <li class="item menu-entree"><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"][ title="(#DESCRIPTIF|attribut_html)"]><img src="[(#CHEMIN{img/moins.png})]">&nbsp;[(#TITRE|couper{50})]</a></li>
+                                <li class="item menu-entree"><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"][ title="(#DESCRIPTIF|attribut_html)"]><img src="[(#CHEMIN{img/deplierbas.png})]">&nbsp;[(#TITRE|couper{50})]</a></li>
                                 <//B_sous_rubriques_presentes>
                 </ul>

_squelettes_/scolaspip/trunk/extra2/sommaire.html

@@ -1 +1 @@
 
 <B_article_video>
-<div id="video" >
+<div id="video" class="liste">
     <h2 class="menu-titre">Vid&eacute;o</h2>
     <BOUCLE_article_video(ARTICLES){mots.titre=video_page_accueil}>

_squelettes_/scolaspip/trunk/inclure/nav.html

@@ -1 +1 @@
 <div class="menu menu-container" id="menuhorizontal">
     <div id="recherche">#FORMULAIRE_RECHERCHE</div>
-    <div id="menuhorizontal2">
-        <ul class="menu-items menu-liste menuder">
-            <li class="item menu-entree home"><a href="#URL_SITE_SPIP" class="intitule" title="<:accueil_site:>"><img src="#CHEMIN{img/picto-home.png}" alt="Accueil" /></a></li>
-            <li class="item menu-entree[(#PLUGIN{agenda}|?{' '})[(#CONFIG{scolaspip_plus/boutonagenda}|=={oui}|?{' invisible',''})]]"><a href="#URL_SITE_SPIP/spip.php?page=agenda&amp;annee=[(#DATE|annee)]&amp;mois=[(#DATE|mois)]&amp;jour=[(#DATE|jour)]&amp;type=mois&amp;echelle=120&amp;partie_cal=sansheure" title="Agenda complet">Agenda</a></li>
-            <li class="item menu-entree[(#CONFIG{scolaspip_plus/boutonliens}|=={oui}|?{' invisible',''})]"><a href="#URL_PAGE{sites}" title="Les sites sélectionnés">Liens</a></li>
-            <BOUCLE_articles_selectionnes(ARTICLES){mots.titre=article_bandeau}>
-            <li class="item menu-entree"><a href="#URL_ARTICLE" [title="(#INTRODUCTION|couper{60})"]>[(#TITRE|couper{30})]</a></li>
-            </BOUCLE_articles_selectionnes>
-            <BOUCLE_rubriques_selectionnes(RUBRIQUES){mots.titre=rubrique_bandeau}>
-            <li class="item menu-entree">
-                <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"][ title="(#INTRODUCTION|couper{60})"]>[(#TITRE|couper{30})]</a>
-                <B_sous_rubriques>
-                <ul>
-                    <BOUCLE_sous_rubriques(RUBRIQUES){id_parent}{par num titre, titre}>
-                    <li><a href="#URL_RUBRIQUE" <BOUCLE_test_sousrub(RUBRIQUES){id_parent}{0,1}>class="daddy"</BOUCLE_test_sousrub>>[(#TITRE|couper{80})]</a><BOUCLE_sous_sous_rubriques(BOUCLE_sous_rubriques)></BOUCLE_sous_sous_rubriques></li>
-                    </BOUCLE_sous_rubriques>
-                </ul>
-                </B_sous_rubriques>
-            </li>
-            </BOUCLE_rubriques_selectionnes>
-            <BOUCLE_sites_selectionnes(SITES){mots.titre=site_bandeau}>
-            <li class="item menu-entree"><a href="#URL_SITE" title="<:scolaspip:lien_externe:>[ - (#DESCRIPTIF|couper{60})]" class="spip_out">[(#NOM_SITE|couper{30})]</a></li>
-            </BOUCLE_sites_selectionnes>
-        </ul>
-    </div>
+    <ul class="menu-items menu-liste menuder">
+        <li class="item menu-entree home"><a href="#URL_SITE_SPIP" class="intitule" title="<:accueil_site:>"><img src="#CHEMIN{img/picto-home.png}" alt="Accueil" /></a></li>
+        <li class="item menu-entree[(#PLUGIN{agenda}|?{' '})[(#CONFIG{scolaspip_plus/boutonagenda}|=={oui}|?{' invisible',''})]]"><a href="#URL_SITE_SPIP/spip.php?page=agenda&amp;annee=[(#DATE|annee)]&amp;mois=[(#DATE|mois)]&amp;jour=[(#DATE|jour)]&amp;type=mois&amp;echelle=120&amp;partie_cal=sansheure" title="Agenda complet">Agenda</a></li>
+        <li class="item menu-entree[(#CONFIG{scolaspip_plus/boutonliens}|=={oui}|?{' invisible',''})]"><a href="#URL_PAGE{sites}" title="Les sites sélectionnés">Liens</a></li>
+        <BOUCLE_articles_selectionnes(ARTICLES){mots.titre=article_bandeau}>
+        <li class="item menu-entree"><a href="#URL_ARTICLE" [title="(#INTRODUCTION|couper{60})"]>[(#TITRE|couper{30})]</a></li>
+        </BOUCLE_articles_selectionnes>
+        <BOUCLE_rubriques_selectionnes(RUBRIQUES){mots.titre=rubrique_bandeau}>
+        <li class="item menu-entree">
+            <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"][ title="(#INTRODUCTION|couper{60})"]>[(#TITRE|couper{30})]</a>
+            <B_sous_rubriques>
+            <ul>
+                <BOUCLE_sous_rubriques(RUBRIQUES){id_parent}{par num titre, titre}>
+                <li><a href="#URL_RUBRIQUE" <BOUCLE_test_sousrub(RUBRIQUES){id_parent}{0,1}>class="daddy"</BOUCLE_test_sousrub>>[(#TITRE|couper{80})]</a><BOUCLE_sous_sous_rubriques(BOUCLE_sous_rubriques)></BOUCLE_sous_sous_rubriques></li>
+                </BOUCLE_sous_rubriques>
+            </ul>
+            </B_sous_rubriques>
+        </li>
+        </BOUCLE_rubriques_selectionnes>
+        <BOUCLE_sites_selectionnes(SITES){mots.titre=site_bandeau}>
+        <li class="item menu-entree"><a href="#URL_SITE" title="<:scolaspip:lien_externe:>[ - (#DESCRIPTIF|couper{60})]" class="spip_out">[(#NOM_SITE|couper{30})]</a></li>
+        </BOUCLE_sites_selectionnes>
+    </ul>
 </div>
 

_squelettes_/scolaspip/trunk/lang/scolaspip_fr.php

@@ -40 +40 @@
 
 // c
-    'cache_couleur' => 'Après avoir enregistré ces valeurs, <a href="?exec=admin_vider">vider le cache</a> de SPIP pour que les couleurs et réglages soient pris en compte.',
+    'cache_couleur' => 'Après avoir enregistré ces valeurs, pour que les couleurs et réglages soient pris en compte un « recalcul » de la page s\'impose (ou <a href="?exec=admin_vider">vider le cache</a> de SPIP).',
     'calendrier_legend' => 'Affichage du mini-calendrier sur la page d\'accueil',
     'calendrier_texte' => 'Souhaitez-vous afficher le mini calendrier en page d\'accueil ?',

_squelettes_/scolaspip/trunk/scolaspip.css

@@ -10 +10 @@
 
 html body{}
-body .page { position:relative;width:980px;margin:0em auto;padding:0;border:none;}
+body .page { position:relative;width:980px;margin:0 auto;padding:0;border:none;}
 body .header {padding:0;overflow:hidden;border:none;}
-body .container {width:980px;margin:0em auto;padding-top:1em;}
-body .content{float:right;width:74%;padding:0.5em 0.5em 0.5em 1.5em;}
-body .extra1{clear:left ;float:left;width:22%;padding:0.5em 0.5em;}
-body .extra2{clear:left ;float:left;clear:left;width:22%;padding:0.5em 0.5em;}
+body .container {width:980px;margin:0 auto;padding-top:1em;}
+body .content{float:right;width:74%;padding:.5em .5em .5em 1.5em;}
+body .extra1,body .extra2{clear:left ;float:left;width:22%;padding:.5em 0 0 .5em;margin-bottom:0;}
 body .footer {border:none;}
-body .footer a{text-decoration: underline;}
 
 /* bandeau */
 .logo-institution{position:absolute;right:10px;top:10px;}
-body .header .accueil {width:980px;padding:O;height:80px;position:relative;margin:0 auto;}
+body .header .accueil {width:980px;padding:O;position:relative;margin:0 auto;min-height:80px;}
 body .hornav {border:none;height:32px;}
 #menuhorizontal{position:relative;margin:0 auto;width:980px;}
@@ -27 +25 @@
 body .header .accueil .bandeau{margin:0.5em 0 0 0.4em;}
 body .header .accueil .bandeau .spip_logos{margin:.3em;float:left;}
-body .header .accueil .bandeau .infos{position:absolute;top:0;left:240px;width:600px;}
+body .header .accueil .bandeau .infos{float:left;padding:.5em 0 1em 1em;width:600px;}
 #nom_site_spip,#slogan_site_spip{margin:0;}
+body .header .accueil #nom_site_spip {font-size: 2.5em;line-height:1.1em;}
 #nom_site_spip a{text-decoration: none;}
 body .hornav .item a{font-weight:normal;padding:0.5em 0.75em;}
@@ -62 +61 @@
 /* Mise en page des breves */
 .breves h3.h3{cursor:pointer;}
-.breves .h3 a.ouvrable{padding-right:20px;background-image:url(img/plus.png);background-position:right 0;background-repeat:no-repeat;}
-.breves .h3 a.ouvert{padding-right:20px;background-image:url(img/moins.png);background-position:right 0 ;background-repeat:no-repeat;}
+.breves .h3 a.ouvrable{padding-right:30px;padding-bottom:5px;background-image:url(img/deplierhaut.png);background-position:right 0;background-repeat:no-repeat;}
+.breves .h3 a.ouvert{padding-right:30px;padding-bottom:5px;background-image:url(img/deplierbas.png);background-position:right 0 ;background-repeat:no-repeat;}
 .page_breve #site_menu{display:none;}
 
@@ -71 +70 @@
 .page_sites .liste.syndics .spip_logos{float:right;}
 
+/* Page plan */
+.page_plan h3.h3{display:none;}
+
 /* Menu vertical des rubriques et bloc de liens de sites */
 body .extra1 .menu{padding-top:0.8em;overflow:hidden;}
 body .extra1 #site_menu ul li{float:left;margin:.5em 1em 0 0;}
 body .extra1 #site_menu .spip_logos{float:none;margin:0 1em 0 0;}
-body .extra1 .menu,#site_menu{margin:0 0 1em 0;}
+body .extra1 .menu,#site_menu,body .extra2 .liste{margin:0 0 1em 0;}
 body .extra1 .menu .menu-items li.item{list-style-type:none;margin-left:0px;}
 body .extra1 .menu ul{margin-left:0px;padding-left:0px;}
@@ -82 +84 @@
 
 /* Listes du bloc extra */
-body .extra2 .liste{margin-top:1em;}
 body .extra2 .liste-items .item{font-size:0.9em;}
 
@@ -93 +94 @@
 #calendar table{margin-bottom:0;}
 #calendar>span{display:none;}
-#calendar h2.menu-titre{margin-bottom:.2em;}
 .today{font-weight:bold;}
 .evenements p.date{font-size:.8em;}
@@ -102 +102 @@
 /* Typo, Intertitres */
 .droite h2,#edito h2.h2,.extra2 h2{text-align:center;}
-body h1,body .h1{font-size:2em;}
+body h1,body .h1{font-size:2.5em;}
 body h2,body .h2,body .droite #calendar h2{font-size:1.5em;line-height:1.1em;}
-body .extra1 h2,body .extra2 h2,body .extra2 .h2,body .droite h2{font-size:1.5em;}
+body .extra1 h2,body .extra2 h2,body .extra2 .h2,body .droite h2{font-size:1.5em;margin:.2em 0 .5em 0 ;}
 body h3,body .h3{font-size:1.4em;}
 body h4,body .h4{font-size:1.2em;}

_squelettes_/scolaspip/trunk/scolaspip.js.html

@@ -1 +1 @@
 [(#REM)
 
- Ce squelette definit le javascript du plugin ScolaSPIP
+ Ce squelette definit le javascript du plugin ScolaSPIP (page publique)
  
- Cache à 0 pendant le dev, #CACHE{604800} ensuite (7 jours)
 ]
-#CACHE{0}
+#CACHE{604800}
 #HTTP_HEADER{Content-Type:text/javascript;charset=utf-8}
 #HTTP_HEADER{Vary:Accept-Encoding}
@@ -12 +11 @@
 function masque(identifiant,num) { // masque les premiers sous niveaux
     $(".niveau1>li>.ss-rubrique").each(function(){ $(this).hide('slow');});
-    $("img.imageplus").each(function(){$(this).attr({ src: "[(#CHEMIN{img/plus.png})]", alt : " - " , title : "Voir les sous-rubriques"});});
+    $("img.imageplus").each(function(){$(this).attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " - " , title : "Voir les sous-rubriques"});});
 }
 function changeTousPlusMoins(){
     if (tout_masque){
-        jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/moins.png})]", alt : " - " , title : "Masquer les sous-rubriques"});});
+        jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/deplierbas.png})]", alt : " - " , title : "Masquer les sous-rubriques"});});
         tout_masque=false;
     }
     else{
-        jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/plus.png})]", alt : " + " , title : "Voir les sous-rubriques"});});
+        jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " + " , title : "Voir les sous-rubriques"});});
         tout_masque=true;
     }
@@ -26 +25 @@
 function changePlusMoins(niveau){
     if (niveau.parent().children("ul").css("display")=="block")
-        niveau.attr({ src: "[(#CHEMIN{img/plus.png})]", alt : " + " , title : "Voir les sous-rubriques" });
+        niveau.attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " + " , title : "Voir les sous-rubriques" });
     else
-        niveau.attr({ src: "[(#CHEMIN{img/moins.png})]", alt : " - " , title : "Masquer les sous-rubriques" });
+        niveau.attr({ src: "[(#CHEMIN{img/deplierbas.png})]", alt : " - " , title : "Masquer les sous-rubriques" });
 }
 

_squelettes_/scolaspip/trunk/scolaspip_pipelines.php

@@ -95 +95 @@
 
 function scolaspip_insert_head($flux){
-        $config = scolaspip_couleurs_config();
-        if ($config['css_scolaspip']=='oui') {
-                $flux .='<script src="spip.php?page=javascript/scolaspip.js" type="text/javascript"></script>';
-        }
+        $js_start = parametre_url(generer_url_public('scolaspip.js'), 'lang', $lang);
+        if (_VAR_MODE=="recalcul")
+                $js_start = parametre_url($js_start, 'var_mode', 'recalcul');
+        $flux .= "<script type='text/javascript' src='$js_start'></script>\n";
+
         return $flux;
 }
@@ -106 +107 @@
                 $flux .= '<link rel="stylesheet" href="'.direction_css(find_in_path('scolaspip.css')).'" type="text/css" media="all" />';
                 if ($config['couleurs']=='oui') {
-                        $flux .= '<link rel="stylesheet" href="spip.php?page=couleurs" type="text/css" media="all" />';
+                        $css_start = parametre_url(generer_url_public('couleurs.css'), 'lang', $lang);
+                        if (_VAR_MODE=="recalcul")
+                                $css_start = parametre_url($css_start, 'var_mode', 'recalcul');
+                        $flux .= "<link rel='stylesheet' href='$css_start' type='text/css' media='all' />";
                 }
         }