merge

1 files changed, 13 insertions, 6 deletions

diff --git a/public/assets/javascripts/ui/site/LayoutsModal.js b/public/assets/javascripts/ui/site/LayoutsModal.js
index 46ed634..4948b0e 100644
--- a/public/assets/javascripts/ui/site/LayoutsModal.js
+++ b/public/assets/javascripts/ui/site/LayoutsModal.js
@@ -3,23 +3,30 @@ var LayoutsIndex = View.extend({
 
 	initialize: function(){
 		this.$templates = this.$(".templates")
+		this.$noTemplates = this.$(".no-templates")
+		this.$form = this.$("form")
 	},
 
 	load: function(type){
 		this.$templates.children("span").remove()
 		
-		$.get(this.action, $.proxy(this.populate, this))
+		$.get(this.action, this.populate.bind(this))
 	},
 
 	populate: function(data){
-		data.forEach($.proxy(function(room){
+		if (! data.length) {
+			this.$templates.hide()
+			this.$form.hide()
+			this.$noTemplates.show()
+		}
+		data.forEach(function(room){
 			var $span = $("<span>")
 			// $span.html(JSON.stringify(room))
 			$span.data("slug", room.slug)
 			$span.css("background-image", "url(" + room.photo + ")")
 			
 			this.$templates.append($span)
-		}, this))
+		}.bind(this))
 		this.show()
 	}
 
@@ -28,7 +35,7 @@ var LayoutsIndex = View.extend({
 var ProjectsModal = ModalView.extend(LayoutsIndex.prototype).extend({
 	el: ".mediaDrawer.projects",
 
-	action: "/api/projects",
+	action: "/api/project",
 
 	events: {
 		"click .templates span": 'toggleActive',
@@ -65,7 +72,7 @@ var ProjectsModal = ModalView.extend(LayoutsIndex.prototype).extend({
 var LayoutsModal = ModalView.extend(LayoutsIndex.prototype).extend({
 	el: ".mediaDrawer.layouts",
 
-	action: "/api/layouts",
+	action: "/api/layout",
 
 	events: {
 		"click .templates span": 'toggleActive',
@@ -93,7 +100,7 @@ var LayoutsModal = ModalView.extend(LayoutsIndex.prototype).extend({
 var NewProjectModal = ModalView.extend(LayoutsIndex.prototype).extend({
 	el: ".mediaDrawer.newProject",
 
-	action: "/api/layouts",
+	action: "/api/layout",
 
 	events: {
 		"click .templates span": 'toggleActive',