Rework the edit tab and it's associated drop down menu

[rails.git] / app / assets / javascripts / menu.js

diff --git a/app/assets/javascripts/menu.js b/app/assets/javascripts/menu.js
index 8db1be4b9acebd6e44bd208e63eb7aecdac4a2eb..5e2d9d97a59f10703917097ccbbaa43adabd6984 100644 (file)
--- a/app/assets/javascripts/menu.js
+++ b/app/assets/javascripts/menu.js
@@ -19,65 +19,29 @@ function openMenu(anchor, menu, align) {
   });
 }
 
-/*
- * Close a menu.
- */
-function closeMenu(menu) {
-  clearTimeout(menu.timer);
-  menu.hide();
-}
-
-/*
- * Callback called when the mouse enters a menu anchor.
- */
-function enterMenuAnchor(event, anchor, menu, delay, align) {
-  if (!anchor.hasClass("disabled")) {
-    clearTimeout(menu.timer);
-
-    if (delay > 0) {
-      menu.timer = setTimeout(function () { openMenu(anchor, menu, align) }, delay);
-    } else {
-      openMenu(event, menu, align);
-    }
-  }
-}
-
-/*
- * Callback called when the mouse leaves a menu anchor.
- */
-function leaveMenuAnchor(event, anchor, menu) {
-  var to = event.relatedTarget;
-
-  if (!menu.is(to) && menu.has(to).length == 0) {
-    menu.hide();
-  }
-
-  clearTimeout(menu.timer);
-}
-
-/*
- * Callback called when the mouse leaves a menu.
- */
-function leaveMenu(event, anchor, menu) {
-  var to = event.relatedTarget;
-
-  if (!anchor.is(to) && menu.has(to).length == 0) {
-    menu.hide();
-  }
-
-  clearTimeout(menu.timer);
-}
-
 /*
  * Setup a menu, triggered by hovering over an anchor for a given time.
  */
-function createMenu(anchorid, menuid, delay, align) {
-  var anchor = $("#" + anchorid);
-  var menu = $("#" + menuid);
+function createMenu(anchorid, menuid, align) {
+  var $anchor = $("#" + anchorid),
+      $arrow = $("#" + anchorid + ' .arrow'),
+      $menu = $("#" + menuid),
+      $page = $(':not(#' + menuid + ', #' + anchorid + ')');
+
+  function hide() {
+    $menu.hide();
+    $page.unbind('click', hide);
+  }
 
-  anchor.mouseup(function (event) { closeMenu(menu) });
-  anchor.mouseover(function (event) { enterMenuAnchor(anchor, anchor, menu, delay, align) });
-  anchor.mouseout(function (event) { leaveMenuAnchor(event, anchor, menu) });
-  menu.mouseup(function (event) { closeMenu(menu) });
-  menu.mouseout(function (event) { leaveMenu(event, anchor, menu) });
+  $arrow.click(function(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      if ($menu.is(':visible')) {
+          $menu.hide();
+          $page.unbind('click', hide);
+      } else {
+          openMenu($anchor, $menu.show(), 'left');
+          $page.bind('click', hide);
+      }
+  });
 }