Changeset 1861:19f3c0a14aeb

Timestamp:

09/15/13 11:01:14 (12 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Add a collapser for the main menu, step 1.

Files:

• admin/js/common.js (modified) (1 diff)
• admin/style/default.css (modified) (2 diffs)
• inc/admin/lib.dc.page.php (modified) (1 diff)
• locales/fr/main.po (modified) (1 diff)

admin/js/common.js

@@ -397 +397 @@
           return true;
      });
+
+     // Main menu collapser
+    var objMain = $('#wrapper');
+    function showSidebar(){
+         // Show sidebar
+        objMain.removeClass('hide-mm');
+        $.cookie('sidebar-pref',null,{expires:30});
+    }
+    function hideSidebar(){
+         // Hide sidebar
+        objMain.addClass('hide-mm');
+        $.cookie('sidebar-pref','hide-mm',{expires:30});
+    }
+    // Sidebar separator
+    var objSeparator = $('#collapser');
+    objSeparator.click(function(e){
+        e.preventDefault();
+        if ( objMain.hasClass('hide-mm') ){
+            showSidebar();
+        }
+        else {
+            hideSidebar();
+        }
+    }); // .css('height', objSeparator.parent().outerHeight() + 'px');
+     if ( $.cookie('sidebar-pref') == 'hide-mm' ){
+          objMain.addClass('hide-mm');
+     } else {
+          objMain.removeClass('hide-mm');
+     }
+
 });
-

admin/style/default.css

@@ -55 +55 @@
      border-top: 1px solid #ccc;
      }
+#collapser {
+     }
+.hide-mm #main {
+     width: 100%;
+     margin-left: 0;
+     float: none;
+     }
+.hide-mm #content {
+     margin-left: 0;
+     float: none;
+     }
+.hide-mm #main-menu {
+     display: none;
+     }
+.hide #collapser {
+     }
+
 /* -------------------------------------------------------------- layout: two-cols */
 .two-cols {
@@ -2120 +2137 @@
      margin-bottom: 0;
      }
-.vertical-separator {
+.vertical-collapser {
      margin-top: 2em;
      }
-     p.clear.vertical-separator {
+     p.clear.vertical-collapser {
           padding-top: 2em;
           }

inc/admin/lib.dc.page.php

@@ -206 +206 @@
           echo
           '</div>'."\n".      // End of #main-menu
+
           '<div id="footer">'.
+          '<a href="#" id="collapser"><span>'.__('Switch main menu').'</span></a>'.
           '<span class="helplink"><a href="help.php">'.__('Global help').'</a></span> '.
           '<a href="http://dotclear.org/" title="'.$text.'"><img src="style/dc_logos/w-dotclear90.png" alt="'.$text.'" /></a></div>'."\n".

locales/fr/main.po

@@ -3378 +3378 @@
 msgid "Size of inserted image:"
 msgstr "Taille de l'image insérée :"
+
+msgid "Switch main menu"
+msgstr "Afficher/masquer le menu principal"