3 files changed, 77 insertions, 0 deletions
diff --git a/public/assets/javascripts/ui/builder/BuilderSettings.js b/public/assets/javascripts/ui/builder/BuilderSettings.js
new file mode 100644
index 0000000..b598a18
--- /dev/null
+++ b/public/assets/javascripts/ui/builder/BuilderSettings.js
@@ -0,0 +1,18 @@
+
+
+
+
+var BuilderSettings = View.extend({
+	el: "#builderSettings",
+
+	events: {
+	},
+	
+	initialize: function(){
+	},
+
+	toggle: function(){
+		this.$el.toggleClass("active")
+	}
+
+})
diff --git a/public/assets/javascripts/ui/builder/BuilderToolbar.js b/public/assets/javascripts/ui/builder/BuilderToolbar.js
new file mode 100644
index 0000000..42d4306
--- /dev/null
+++ b/public/assets/javascripts/ui/builder/BuilderToolbar.js
@@ -0,0 +1,42 @@
+
+var BuilderToolbar = View.extend({
+	el: "#builderToolbar",
+
+	events: {
+		"click [data-role='toggle-map-view']": 'toggleMap',
+		"click [data-role='toggle-layout-settings']": 'toggleSettings',
+		"click [data-role='undo']": 'undo',
+		"click [data-role='draw']": 'draw',
+		"click [data-role='resize']": 'resize',
+		"click [data-role='move']": 'move',
+		"click [data-role='delete']": 'delete',
+	},
+	
+	initialize: function(opt){
+		this.parent = opt.parent
+	},
+
+	toggleMap: function(){
+		map.toggle()
+	},
+	
+	toggleSettings: function(){
+		this.parent.settings.toggle()
+	},
+	
+	undo: function(){
+	},
+	
+	draw: function(){
+	},
+	
+	resize: function(){
+	},
+	
+	move: function(){
+	},
+	
+	delete: function(){
+	},
+
+})
diff --git a/public/assets/javascripts/ui/builder/BuilderView.js b/public/assets/javascripts/ui/builder/BuilderView.js
new file mode 100644
index 0000000..d0659bb
--- /dev/null
+++ b/public/assets/javascripts/ui/builder/BuilderView.js
@@ -0,0 +1,17 @@
+
+var BuilderView = View.extend({
+	el: "#builderView",
+
+	events: {
+	},
+	
+	initialize: function(){
+		this.toolbar = new BuilderToolbar ({ parent: this })
+		this.settings = new BuilderSettings ({ parent: this })
+	},
+
+	load: function(){
+		$("#map").show()
+	},
+
+})