From 3650a561fc739f89458f9b95c3b51c763b479890 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Wed, 18 Jul 2012 01:59:15 -0400
Subject: drag UX

---
 static/js/src/drag.js           |  4 +++-
 static/js/src/palette-manual.js | 10 +++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

(limited to 'static/js/src')

diff --git a/static/js/src/drag.js b/static/js/src/drag.js
index e519670..8ac9a9d 100644
--- a/static/js/src/drag.js
+++ b/static/js/src/drag.js
@@ -78,12 +78,14 @@ $(function(){
 	// dragging images into the manual fave palette
 	var palette = document.getElementById("manual-palette");
 	var paletteButton = document.getElementById("manual-palette-button");
+	var paletteTimeout = null;
 	var paletteCallbacks = {
 		'enter': function() {
+			if (paletteTimeout) clearTimeout(paletteTimeout);
 			manPaletteShow();
 		},
 		'leave': function() {
-			manPaletteHide();
+			paletteTimeout = setTimeout(manPaletteHideUnlessChecked, 500);
 		},
 		'drop': function (url) {
 			addManualFav(url);
diff --git a/static/js/src/palette-manual.js b/static/js/src/palette-manual.js
index 730ff1f..c9231a1 100644
--- a/static/js/src/palette-manual.js
+++ b/static/js/src/palette-manual.js
@@ -11,14 +11,22 @@ $(function(){
     });
 });
 
+var manPaletteClicked = false;
 function manPaletteToggle() {
     if ($("#manual-palette").css("display") == "none") {
-        manPaletteShow();
+		    manPaletteClicked = true;
+				manPaletteShow();
     } else {
+		    manPaletteClicked = false;
     		manPaletteHide();
     }
 };
 
+function manPaletteHideUnlessChecked (){
+	if (manPaletteClicked) return;
+	manPaletteHide();
+}
+
 function manPaletteHide() {
 	$("#manual-palette").css("display", "none");
 	$("#manual-palette-thumbs").html("");
-- 
cgit v1.2.3-70-g09d2