1 files changed, 92 insertions, 0 deletions
diff --git a/public/assets/javascripts/ui/blueprint/BlueprintInfo.js b/public/assets/javascripts/ui/blueprint/BlueprintInfo.js
new file mode 100644
index 0000000..51b310e
--- /dev/null
+++ b/public/assets/javascripts/ui/blueprint/BlueprintInfo.js
@@ -0,0 +1,92 @@
+
+var BlueprintInfo = View.extend({
+	el: "#blueprintInfo",
+
+	events: {
+	  "mousedown": "stopPropagation",
+		"keydown": 'stopPropagation',
+		"change [name=height]": 'changeHeight',
+		"keydown [name=height]": 'enterHeight',
+		"change [name=units]": 'changeUnits',
+		"keydown [name=viewHeight]": 'enterViewHeight',
+		"change [name=viewHeight]": 'changeViewHeight',
+		"click .openScaler": 'openScaler',
+	},
+	
+	initialize: function(opt){
+		this.parent = opt.parent
+		this.$height = this.$("[name=height]")
+		this.$units = this.$("[name=units]")
+		this.$viewHeight = this.$("[name=viewHeight]")
+		this.$unitName = this.$(".unitName")
+		this.$blueprintScaleDisplay = this.$("#blueprintScaleDisplay")
+	},
+	
+	load: function(data){
+		this.$viewHeight.unitVal( window.viewHeight = data.viewHeight || app.defaults.viewHeight )
+		this.$height.unitVal( window.wallHeight = data.wallHeight || app.defaults.wallHeight )
+		this.$units.val( data.units )
+		this.$('span.units').html( data.units )
+		this.$unitName.html( data.units )
+
+		var resolution
+		switch (data.units) {
+		  case 'ft':
+		    resolution = app.defaults.footResolution
+		    break
+		  case 'm':
+		    resolution = app.defaults.meterResolution
+		    break
+		  case 'px':
+		  default:
+		    resolution = 1
+		    break
+		}
+    this.$blueprintScaleDisplay.html( ((1/data.scale) * resolution).toFixed(1) )
+		this.show()
+	},
+
+	toggle: function(state){
+		this.$el.toggleClass("active", state)
+    this.$viewHeight.unitVal( window.viewHeight )
+	},
+	
+	openScaler: function(){
+	  this.parent.scaler.pick( this.parent.data, true )
+	  this.parent.scaler.show()
+	},
+	
+	show: function(){	
+		this.toggle(true)
+	},
+	
+	hide: function(){
+		this.toggle(false)
+	},
+	
+	deselect: function(){
+	  this.toggle(true)
+	},
+
+	enterHeight: function(e){
+	  if (e.keyCode == 13) this.changeHeight(e)
+	},
+	changeHeight: function(e){
+		e.stopPropagation()
+		window.wallHeight = this.$height.unitVal()
+		shapes.forEach(function(line){
+      line.mx.set_height( window.wallHeight )
+    })
+	},
+	changeUnits: function(){
+		app.units = this.$units.val()
+		this.$('.units').resetUnitVal()
+	},
+	enterViewHeight: function(e){
+	  if (e.keyCode == 13) this.changeViewHeight(e)
+	},
+  changeViewHeight: function(){
+ 		window.viewHeight = this.$viewHeight.unitVal()
+	}
+
+})