wire up layout index modals

1 files changed, 12 insertions, 3 deletions

diff --git a/public/assets/javascripts/ui/SiteRouter.js b/public/assets/javascripts/ui/SiteRouter.js
index c02b19c..92816be 100644
--- a/public/assets/javascripts/ui/SiteRouter.js
+++ b/public/assets/javascripts/ui/SiteRouter.js
@@ -11,6 +11,7 @@ var SiteRouter = Router.extend({
 		"click [data-role='new-document-modal']": 'newDocument',
 		"click [data-role='edit-document-modal']": 'editDocument',
 		"click [data-role='delete-document-modal']": 'destroyDocument',
+		"click [data-role='show-layouts-modal']": 'showLayoutsModal',
 	},
 	
 	routes: {
@@ -22,13 +23,15 @@ var SiteRouter = Router.extend({
 		"/about/:name/edit": 'editDocument',
 		"/about/new":        'newDocument',
 		"/editor":           'launchEditor',
-		"/builder":          'launchBuilder',
+		"/builder":          'showLayoutsModal',
+		"/builder/new":      'launchBuilder',
+		"/builder/:name":    'launchBuilder',
 	},
 
 	initialize: function(){
 		this.signUpModal = new SignUpModal()
 		this.signInModal = new SignInModal()
-		this.newProjectModal = new NewProjectModal()
+		this.layoutsModal = new LayoutsModal()
 		this.editProjectModal = new EditProjectModal()
 		this.editProfileModal = new EditProfileModal()
 		this.documentModal = new DocumentModal()
@@ -47,6 +50,12 @@ var SiteRouter = Router.extend({
 		this.builderView = new BuilderView()
 		this.builderView.load()
 	},
+	
+	showLayoutsModal: function(e){
+		e && e.preventDefault()
+		window.history.pushState(null, document.title, "/builder")
+		this.layoutsModal.load("builder")
+	},
 
 	launchEditor: function(){
 		app.mode.editor = true
@@ -72,7 +81,7 @@ var SiteRouter = Router.extend({
 		e && e.preventDefault()
 		window.history.pushState(null, document.title, "/project/new")	
 
-		this.newProjectModal.load()
+		this.layoutsModal.load()
 	},
 
 	editProject: function(e){