display room dimensions

5 files changed, 79 insertions, 2 deletions

diff --git a/public/assets/javascripts/ui/builder/BuilderInfo.js b/public/assets/javascripts/ui/builder/BuilderInfo.js
new file mode 100644
index 0000000..53a122d
--- /dev/null
+++ b/public/assets/javascripts/ui/builder/BuilderInfo.js
@@ -0,0 +1,70 @@
+
+var BuilderInfo = View.extend({
+	el: "#builderInfo",
+
+	events: {
+		"keydown": 'stopPropagation',
+		"change [name=x]": 'changePosition',
+		"change [name=z]": 'changePosition',
+		"change [name=width]": 'changeDimensions',
+		"change [name=depth]": 'changeDimensions',
+		"change [name=height]": 'changeDimensions',
+		"change [name=units]": 'changeUnits',
+		"change [name=resolution]": 'changeResolution',
+		"change [name=camera-height]": 'changeCameraHeight',
+	},
+	
+	initialize: function(opt){
+		this.parent = opt.parent
+		this.$x = this.$("[name=x]")
+		this.$z = this.$("[name=z]")
+		this.$width = this.$("[name=width]")
+		this.$depth = this.$("[name=depth]")
+		this.$height = this.$("[name=height]")
+		this.$units = this.$("[name=units]")
+		this.$resolution = this.$("[name=resolution]")
+		this.$cameraHeight = this.$("[name=camera-height]")
+		app.on("builder-pick-room", this.pick.bind(this))
+		app.on("builder-destroy-room", this.destroy.bind(this))
+	},
+
+	toggle: function(state){
+		this.$el.toggleClass("active", state)
+	},
+	
+	show: function(){	
+		this.toggle(true)
+	},
+	
+	hide: function(){	
+		this.toggle(false)
+	},
+
+	room: null,
+	
+	pick: function(room){
+		this.room = room
+		this.$width.val( room.rect.x.length() )
+		this.$depth.val( room.rect.y.length() )
+		this.$height.val( room.height )
+		this.$x.val( room.rect.x.a )
+		this.$z.val( room.rect.y.a )
+
+		console.log(room)
+	},
+
+	destroy: function(room){
+		this.room = null
+		this.hide()
+	},
+	
+	changeDimensions: function(){
+	},
+	
+	changeUnits: function(){
+	},
+	
+	changeCameraHeight: function(){
+	},
+
+})
diff --git a/public/assets/javascripts/ui/builder/BuilderSettings.js b/public/assets/javascripts/ui/builder/BuilderSettings.js
index 6006868..c551f95 100644
--- a/public/assets/javascripts/ui/builder/BuilderSettings.js
+++ b/public/assets/javascripts/ui/builder/BuilderSettings.js
@@ -7,6 +7,7 @@ var BuilderSettings = FormView.extend({
 	destroyAction: "/api/layout/destroy",
 
 	events: {
+		"keydown": 'stopPropagation',
 		"keydown [name=name]": 'enterSubmit',
 		"click [data-role='save-layout']": 'save',
 		"click [data-role='clone-layout']": 'clone',
@@ -69,8 +70,8 @@ var BuilderSettings = FormView.extend({
 		}.bind(this))
 	},
 
-	toggle: function(){
-		this.$el.toggleClass("active")
+	toggle: function(state){
+		this.$el.toggleClass("active", state)
 	},
 
 	enterSubmit: function (e) {
diff --git a/public/assets/javascripts/ui/builder/BuilderView.js b/public/assets/javascripts/ui/builder/BuilderView.js
index a83bf43..7a92738 100644
--- a/public/assets/javascripts/ui/builder/BuilderView.js
+++ b/public/assets/javascripts/ui/builder/BuilderView.js
@@ -8,6 +8,7 @@ var BuilderView = View.extend({
 	},
 	
 	initialize: function(){
+		this.info = new BuilderInfo ({ parent: this })
 		this.toolbar = new BuilderToolbar ({ parent: this })
 		this.settings = new BuilderSettings ({ parent: this })
 	},
@@ -26,5 +27,8 @@ var BuilderView = View.extend({
 	ready: function(data){
 		this.settings.load(data)
 	},
+	
+	hideExtras: function(){
+	}
 
 })
diff --git a/public/assets/javascripts/ui/editor/EditorSettings.js b/public/assets/javascripts/ui/editor/EditorSettings.js
index 887c894..13a6f60 100644
--- a/public/assets/javascripts/ui/editor/EditorSettings.js
+++ b/public/assets/javascripts/ui/editor/EditorSettings.js
@@ -7,6 +7,7 @@ var EditorSettings = FormView.extend({
 	destroyAction: "/api/project/destroy",
 
 	events: {
+		"keydown": 'stopPropagation',
 		"keydown [name=name]": 'enterSubmit',
 		"click [data-role='save-project']": 'save',
 		"click [data-role='clone-project']": 'clone',
diff --git a/public/assets/javascripts/ui/editor/MediaEditor.js b/public/assets/javascripts/ui/editor/MediaEditor.js
index f9eaad5..a075e6b 100644
--- a/public/assets/javascripts/ui/editor/MediaEditor.js
+++ b/public/assets/javascripts/ui/editor/MediaEditor.js
@@ -3,6 +3,7 @@ var MediaEditor = FormView.extend({
 	el: "#mediaEditor",
 		
 	events: {
+		"keydown": 'stopPropagation',
 		"click [data-role=play-media]": "togglePaused",
 		"mousedown [name=keyframe]": "stopPropagation",
 		"mousedown": "stopPropagation",