rough sketch of builder view

3 files changed, 40 insertions, 0 deletions

diff --git a/public/assets/javascripts/ui/BuilderView.js b/public/assets/javascripts/ui/BuilderView.js
new file mode 100644
index 0000000..c91d9ee
--- /dev/null
+++ b/public/assets/javascripts/ui/BuilderView.js
@@ -0,0 +1,23 @@
+
+var BuilderView = View.extend({
+	el: "#builderView",
+
+	events: {
+		"click [data-role='toggle-map-view']": 'toggleMap',
+		"click [data-role='toggle-layout-settings']": 'toggleSettings',
+	},
+
+	load: function(){
+		$("#map").show()
+	},
+	
+	toggleMap: function(){
+		map.toggle()
+	},
+	
+	toggleSettings: function(){
+		this.$(".settings").toggleClass("active")
+	},
+
+})
+
diff --git a/public/assets/javascripts/ui/EditorView.js b/public/assets/javascripts/ui/EditorView.js
new file mode 100644
index 0000000..91329de
--- /dev/null
+++ b/public/assets/javascripts/ui/EditorView.js
@@ -0,0 +1,13 @@
+
+var EditorView = View.extend({
+//	el: "#editorControls",
+
+	events: {
+	},
+
+	load: function(){
+		$("#map").hide()
+	}
+
+})
+
diff --git a/public/assets/javascripts/ui/Router.js b/public/assets/javascripts/ui/Router.js
index 85ed1aa..fe544ae 100644
--- a/public/assets/javascripts/ui/Router.js
+++ b/public/assets/javascripts/ui/Router.js
@@ -25,6 +25,8 @@ var Router = View.extend({
 	},
 
 	initialize: function(){
+		this.builderView = new BuilderView()
+		this.editorView = new EditorView()
 		this.signUpModal = new SignUpModal()
 		this.signInModal = new SignInModal()
 		this.newProjectModal = new NewProjectModal()
@@ -62,11 +64,13 @@ var Router = View.extend({
 	launchBuilder: function(){
 		app.mode.builder = true
 		app.launch()
+		this.builderView.load()
 	},
 
 	launchEditor: function(){
 		app.mode.editor = true
 		app.launch()
+		this.editorView.load()
 	},
 	
 	signup: function(e){