Browse Source

[oozie] Add submenu levels to access directly the specific parts of the app

Enrico Berti 11 years ago
parent
commit
589512738f
1 changed files with 23 additions and 3 deletions
  1. 23 3
      desktop/core/src/desktop/templates/common_header.mako

+ 23 - 3
desktop/core/src/desktop/templates/common_header.mako

@@ -242,7 +242,7 @@ from django.utils.translation import ugettext as _
           $(".navigator li.open").removeClass("open");
           $(".navigator li.open").removeClass("open");
           $(".navigator ul.dropdown-menu").hide();
           $(".navigator ul.dropdown-menu").hide();
           $("[rel='navigator-tooltip']").tooltip("hide");
           $("[rel='navigator-tooltip']").tooltip("hide");
-          _this.find("ul.dropdown-menu").show();
+          _this.find("ul.dropdown-menu:eq(0)").show();
         }, _timeout);
         }, _timeout);
       }
       }
 
 
@@ -262,6 +262,12 @@ from django.utils.translation import ugettext as _
           $(".navigator").find("ul.dropdown-menu").hide();
           $(".navigator").find("ul.dropdown-menu").hide();
         }, 1000);
         }, 1000);
       });
       });
+      $(".navigator ul.nav li.dropdown-submenu").hover(function () {
+        $(this).find(".dropdown-menu").show();
+      },
+      function () {
+        $(this).find(".dropdown-menu").hide();
+      });
 
 
       var _skew = -1;
       var _skew = -1;
       $("[data-hover]").on("mouseover", function(){
       $("[data-hover]").on("mouseover", function(){
@@ -393,8 +399,22 @@ from django.utils.translation import ugettext as _
        <li class="dropdown">
        <li class="dropdown">
          <a title="${_('Schedule with Oozie')}" rel="navigator-tooltip" href="#" data-toggle="dropdown" class="dropdown-toggle">${_('Workflows')} <b class="caret"></b></a>
          <a title="${_('Schedule with Oozie')}" rel="navigator-tooltip" href="#" data-toggle="dropdown" class="dropdown-toggle">${_('Workflows')} <b class="caret"></b></a>
          <ul role="menu" class="dropdown-menu">
          <ul role="menu" class="dropdown-menu">
-           <li><a href="${ url('oozie:index') }"><img src="/oozie/static/art/icon_oozie_dashboard_48.png" class="app-icon" /> ${_('Dashboard')}</a></li>
-           <li><a href="${ url('oozie:list_workflows') }"><img src="/oozie/static/art/icon_oozie_editor_48.png" class="app-icon" /> ${_('Editor')}</a></li>
+           <li class="dropdown-submenu">
+             <a href="${ url('oozie:index') }"><img src="/oozie/static/art/icon_oozie_dashboard_48.png" class="app-icon" /> ${_('Dashboards')}</a>
+             <ul class="dropdown-menu">
+               <li><a href="${url('oozie:list_oozie_workflows')}"><img src="/oozie/static/art/icon_oozie_workflow_48.png" class="app-icon"/> ${_('Workflows')}</a></li>
+               <li><a href="${url('oozie:list_oozie_coordinators')}"><img src="/oozie/static/art/icon_oozie_coordinator_48.png" class="app-icon" /> ${_('Coordinators')}</a></li>
+               <li><a href="${url('oozie:list_oozie_bundles')}"><img src="/oozie/static/art/icon_oozie_bundle_48.png" class="app-icon" /> ${_('Bundles')}</a></li>
+             </ul>
+           </li>
+           <li class="dropdown-submenu">
+             <a href="${ url('oozie:list_workflows') }"><img src="/oozie/static/art/icon_oozie_editor_48.png" class="app-icon" /> ${_('Editors')}</a>
+             <ul class="dropdown-menu">
+               <li><a href="${url('oozie:list_workflows')}"><img src="/oozie/static/art/icon_oozie_workflow_48.png" class="app-icon"/> ${_('Workflows')}</a></li>
+               <li><a href="${url('oozie:list_coordinators')}"><img src="/oozie/static/art/icon_oozie_coordinator_48.png" class="app-icon" /> ${_('Coordinators')}</a></li>
+               <li><a href="${url('oozie:list_bundles')}"><img src="/oozie/static/art/icon_oozie_bundle_48.png" class="app-icon" /> ${_('Bundles')}</a></li>
+             </ul>
+           </li>
          </ul>
          </ul>
        </li>
        </li>
        % endif
        % endif