From 7f1d6fd356ff6dcb1f6c33ea86c304614498c177 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8A=E5=B1=B1=20=E6=99=BA=E5=A3=AB?= <gyuque@gmail.com>
Date: Wed, 12 Mar 2014 17:56:46 +0900
Subject: [PATCH] #37 show val range text

---
 inner/js/ui/MeshConfigurationPanel.js | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/inner/js/ui/MeshConfigurationPanel.js b/inner/js/ui/MeshConfigurationPanel.js
index 21c01d3..2ceb150 100644
--- a/inner/js/ui/MeshConfigurationPanel.js
+++ b/inner/js/ui/MeshConfigurationPanel.js
@@ -18,6 +18,9 @@ if (!window.mobmap) { window.mobmap={}; }
 
 		this.gradientEditor = new mobmap.GradientEditor( layer.colorRule );
 		this.configurePanelContent();
+		this.observeValueRangeControllerEvents();
+		
+		this.syncFromData();
 	}
 	
 	MeshConfigurationPanel.prototype = {
@@ -37,7 +40,6 @@ if (!window.mobmap) { window.mobmap={}; }
 			var box = $H('div', 'mm-gradient-val-range-control-box');
 			
 			var labelbox = $H('div');
-			labelbox.innerHTML = "Val. range:";
 			
 			var val_range = $H('input', 'mm-gradient-val-range-slider');
 			val_range.type = 'range';
@@ -51,7 +53,24 @@ if (!window.mobmap) { window.mobmap={}; }
 			box.appendChild(val_range);
 			container.appendChild(box);
 		},
+
+		observeValueRangeControllerEvents: function() {
+			this.jValRangeSlider.change( this.onValRangeSliderChange.bind(this) );
+		},
+		
+		onValRangeSliderChange: function () {
+
+		},
 		
+		updateValRangeText: function() {
+			var r = this.boundLayer.renderValueRange;
+			this.jValRangeDispBox.text("Val. range: " + r.min +'-'+ r.max);
+		},
+
+		syncFromData: function() {
+			this.updateValRangeText();
+		},
+
 		show: function() { this.expandablePanel.show(); },
 		hide: function() { this.expandablePanel.hide(); }
 	};