From 0e7e32cadeb2002ee0c77c224b23aa00859f2183 Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Fri, 22 Jun 2012 23:51:50 -0700
Subject: Added third gradient chip popup

Need to add support for gradient events dispatching from standalone chips. Just need to hook up relays for events besides HSV to bubble up.
---
 .../color/colorpanelpopup.reel/colorpanelpopup.js  | 27 ++++++++++++----------
 1 file changed, 15 insertions(+), 12 deletions(-)

(limited to 'js/panels/color/colorpanelpopup.reel')

diff --git a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js
index 153817c1..179dc02c 100755
--- a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js
+++ b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js
@@ -60,7 +60,7 @@ exports.ColorPanelPopup = Montage.create(Component, {
     	value: function () {
     		//
     		this._components = null;
-    		this._components = {wheel: null, combo: null};
+    		this._components = {wheel: null, combo: null, gradient: null};
     	}
     },
     ////////////////////////////////////////////////////////////////////
@@ -369,27 +369,30 @@ exports.ColorPanelPopup = Montage.create(Component, {
     drawGradient: {
     	value: function (g) {
     		//TODO: Remove container, insert in reel
-    		var container = document.createElement('div'), gradient = GradientPicker.create();
+    		var container = document.createElement('div');
+    		//
+    		this._components.gradient = GradientPicker.create();
+    		//
     		this.gradients.appendChild(container);
     		//Creating gradient picker from components
-    		gradient.element = container;
-    		gradient.hack = this.hack; // TODO: Remove
+    		this._components.gradient.element = container;
+    		this._components.gradient.hack = this.hack; // TODO: Remove
     		//
     		if (g && g.value && g.value.stops) {
     			if (g.value.gradientMode) {
-    				gradient._mode = g.value.gradientMode;
-    				gradient.value = g.value.stops;
+    				this._components.gradient._mode = g.value.gradientMode;
+    				this._components.gradient.value = g.value.stops;
     			} else {
-    				gradient._mode = 'linear';
-    				gradient.value = g.value.stops;
+    				this._components.gradient._mode = 'linear';
+    				this._components.gradient.value = g.value.stops;
     			}
     		} else {
-    			gradient._mode = this.defaultGradient.gradientMode;
-    			gradient.value = this.defaultGradient.stops;
+    			this._components.gradient._mode = this.defaultGradient.gradientMode;
+    			this._components.gradient.value = this.defaultGradient.stops;
     		}
     		//
-    		gradient.needsDraw = true;
-    		gradient.addEventListener('change', function (e){
+    		this._components.gradient.needsDraw = true;
+    		this._components.gradient.addEventListener('change', function (e){
     			//
     			if (!e._event.wasSetByCode) {
     				this.colorManager.gradient = {value: e._event.gradient, type: 'change', wasSetByCode: false};
-- 
cgit v1.2.3