Merge lp:~benoit.pierre/sloecode/yui3-menus-stopflash into lp:sloecode

[Benoit Pierre]

Fix intermediate bad renderings for navigation bar menus during page load:
- menus briefly appear as rendered without javascript
- sub-menus briefly appear (project list, admin sub-menu)

Especially apparent in Chromium.

=== modified file 'sloecode/public/css/style.css'
--- sloecode/public/css/style.css	2011-09-04 07:37:07 +0000
+++ sloecode/public/css/style.css	2011-10-27 22:42:23 +0000
@@ -255,6 +255,9 @@
 	display: block;
 }
 
+/* Make sure sub-menus are initially hidden: */
+.yui3-js-enabled .stopflash { visibility: hidden; }
+
 /* Force logout link to align to right of menu bar: */
 .yui3-menubuttonnav li.forceright
 {

=== modified file 'sloecode/public/js/base-menu.js'
--- sloecode/public/js/base-menu.js	2011-04-08 23:20:59 +0000
+++ sloecode/public/js/base-menu.js	2011-10-27 22:42:23 +0000
@@ -1,3 +1,5 @@
+// Explicitly load CSS stylesheet to avoid (late) dynamic loading.
+document.write('<link rel="stylesheet" type="text/css" href="/yui/3.3.0/build/node-menunav/assets/skins/sam/node-menunav.css">')
 // Setup and render the main menu
 YUI().use("node-menunav", function(Y) {
     Y.on("contentready", function() {
@@ -5,3 +7,11 @@
         this.plug(Y.Plugin.NodeMenuNav);
     }, "#main_menubar");
 });
+
+YUI().use('event', function (Y) {
+    Y.on("domready", function () {
+	YUI().use('node', function(Y) {
+	    Y.all('.stopflash').setStyle('visibility', 'visible');
+	});
+    });
+});

=== modified file 'sloecode/templates/macros/nav.html'
--- sloecode/templates/macros/nav.html	2011-10-24 20:31:09 +0000
+++ sloecode/templates/macros/nav.html	2011-10-27 22:42:23 +0000
@@ -38,7 +38,7 @@
           <em>Projects</em>
         </a>
 
-        <div id="proj_list" class="yui3-menu">
+        <div id="proj_list" class="yui3-menu stopflash">
           <div class="yui3-menu-content">
             <ul>
               {# List of projects that this user is in #}
@@ -63,7 +63,7 @@
           <em>Admin</em>
         </a>
 
-        <div id="menu_admin" class="yui3-menu">
+        <div id="menu_admin" class="yui3-menu stopflash">
           <div class="yui3-menu-content">
             <ul>
               {% if h.has_site_role(h.USER_ADMIN) %}