From be9d68bcdbab81b2dc19e62136ddd9029f8c3d59 Mon Sep 17 00:00:00 2001
From: Nathan Heskew <nathan.heskew@microsoft.com>
Date: Thu, 31 Mar 2011 13:52:20 -0700
Subject: [PATCH] Adding a hover state on widgets to reveal which layer it's in
 and which widgets are in the same layer.

--HG--
branch : 1.x
---
 .../Orchard.Widgets/Styles/orchard-widgets-admin.css      | 2 +-
 .../Orchard.Widgets/Views/WidgetLayerVisibility.cshtml    | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Orchard.Web/Modules/Orchard.Widgets/Styles/orchard-widgets-admin.css b/src/Orchard.Web/Modules/Orchard.Widgets/Styles/orchard-widgets-admin.css
index 8fd04700b..70d73ce3d 100644
--- a/src/Orchard.Web/Modules/Orchard.Widgets/Styles/orchard-widgets-admin.css
+++ b/src/Orchard.Web/Modules/Orchard.Widgets/Styles/orchard-widgets-admin.css
@@ -107,7 +107,7 @@ background-color:#e6f1c9;
 /*#widgets-layer-visibility li.widgets-this-layer:hover {
 border-color:#487328;
 }*/
-.widgets-listed li li.widgets-this-layer:hover, #widgets-layer-visibility li:hover {
+.widgets-listed li li.widgets-this-layer:hover, #widgets-layer-visibility li:hover, #widgets-layer-visibility li.on {
 /*border-color:#bfd3a7;*/
 border-color:#487328;
 }
diff --git a/src/Orchard.Web/Modules/Orchard.Widgets/Views/WidgetLayerVisibility.cshtml b/src/Orchard.Web/Modules/Orchard.Widgets/Views/WidgetLayerVisibility.cshtml
index d3d870ba6..fcf23df13 100644
--- a/src/Orchard.Web/Modules/Orchard.Widgets/Views/WidgetLayerVisibility.cshtml
+++ b/src/Orchard.Web/Modules/Orchard.Widgets/Views/WidgetLayerVisibility.cshtml
@@ -30,6 +30,9 @@
             if (layersWidgets.length > 0) {
                 layer = $("<li class=\"widgets-" + ((layers[i].id == currentLayerId && "this") || "other") + "-layer\">" + layers[i].name + "</li>");
                 layer.data("widgets", layersWidgets);
+                layersWidgets.each(function(){
+                    $(this).data("widgets-vis-control", layer);
+                });
             }
             else {
                 layer = $("<li class=\"widgets-empty-layer" + ((layers[i].id == currentLayerId && " widgets-this-layer") || "") + "\">" + layers[i].name + " <span>[empty]</span></li>");
@@ -51,6 +54,11 @@
         $("#widgets-layer-visibility .widgets-other-layer").live("hover", function() {
             $(this).data("widgets").toggleClass("on");
         });
+        $("#widgets-zones .widgets-other-layer").live("hover", function() {
+            var layer = $(this).data("widgets-vis-control");
+            layer.toggleClass("on");
+            layer.data("widgets").toggleClass("on");
+        });
 
         visWrapper.append(visContainer);
     })(jQuery);