popup notice to start a project

9 files changed, 48 insertions, 7 deletions

diff --git a/public/assets/javascripts/rectangles/models/wall.js b/public/assets/javascripts/rectangles/models/wall.js
index 9d4650b..5aa8359 100644
--- a/public/assets/javascripts/rectangles/models/wall.js
+++ b/public/assets/javascripts/rectangles/models/wall.js
@@ -198,7 +198,7 @@
 	}
 	
 	Wall.prototype.serialize = function(){
-	  return {
+	  return { 
 	    id: this.id,
 	    background: this.background,
 	  }
diff --git a/public/assets/javascripts/ui/blueprint/BlueprintNotice.js b/public/assets/javascripts/ui/blueprint/BlueprintNotice.js
new file mode 100644
index 0000000..bced4e1
--- /dev/null
+++ b/public/assets/javascripts/ui/blueprint/BlueprintNotice.js
@@ -0,0 +1,20 @@
+var BlueprintNotice = View.extend(ToggleableView.prototype).extend({
+  
+  el: "#blueprintNotice",
+  
+  initialize: function(opt){
+    this.parent = opt.parent
+    this.$notice = this.$(".notice")
+  },
+  
+  notice: function(msg){
+    this.$notice.html(msg)
+  },
+  
+  showCreateProjectNotice: function(){
+    this.notice("<a href='/project/blueprint/" + this.parent.data.slug +
+                "'>Start a new project</a> with this blueprint.")
+    this.show()
+  },
+
+})
\ No newline at end of file
diff --git a/public/assets/javascripts/ui/blueprint/BlueprintSettings.js b/public/assets/javascripts/ui/blueprint/BlueprintSettings.js
index 0870a11..e41962e 100644
--- a/public/assets/javascripts/ui/blueprint/BlueprintSettings.js
+++ b/public/assets/javascripts/ui/blueprint/BlueprintSettings.js
@@ -37,7 +37,6 @@ var BlueprintSettings = FormView.extend(ToggleableView.prototype).extend({
       shapes.deserialize( data.shapes )
       shapes.build()
 		}
-		this.data = data
 	},
 	
 	clear: function(){
@@ -107,11 +106,14 @@ var BlueprintSettings = FormView.extend(ToggleableView.prototype).extend({
 	},
 	
 	success: function(data){
+	  this.parent.data = data
+	  
 		this.$id.val(data._id)
 		this.$name.val(data.name)
 		this.action = this.updateAction
 		
 		this.hide()
+		this.parent.notice.showCreateProjectNotice()
 		
 		Minotaur.unwatch(this)
 		Minotaur.hide()
diff --git a/public/assets/javascripts/ui/blueprint/BlueprintToolbar.js b/public/assets/javascripts/ui/blueprint/BlueprintToolbar.js
index e22535e..88f1d0a 100644
--- a/public/assets/javascripts/ui/blueprint/BlueprintToolbar.js
+++ b/public/assets/javascripts/ui/blueprint/BlueprintToolbar.js
@@ -9,6 +9,7 @@ var BlueprintToolbar = View.extend({
     "click [data-role=polyline-mode]": 'polylineMode',
     "click [data-role=ortho-polyline-mode]": 'orthoPolylineMode',
     "click [data-role=eraser-mode]": 'eraserMode',
+    "click [data-role=start-position-mode]": 'startPositionMode',
     "click [data-role=toggle-layout-settings]": 'toggleSettings',
   },
 
@@ -21,6 +22,7 @@ var BlueprintToolbar = View.extend({
     this.$polylineMode = this.$('[data-role=polyline-mode]')
     this.$orthoPolylineMode = this.$('[data-role=ortho-polyline-mode]')
     this.$eraserMode = this.$('[data-role=eraser-mode]')
+    this.$startPositionMode = this.$('[data-role=start-position-mode]')
     
     this.orthoPolylineMode()
   },
@@ -52,6 +54,7 @@ var BlueprintToolbar = View.extend({
   
   toggleSettings: function(){
     this.parent.settings.toggle()
+    this.parent.notice.toggle( ! this.parent.data.isNew && ! this.parent.settings.visible() )
   },
   
   setActiveMode: function( $el ) {
@@ -79,4 +82,9 @@ var BlueprintToolbar = View.extend({
     this.parent.map.ui.set_tool("eraser")
   },
 
+  startPositionMode: function(){
+    this.setActiveMode( this.$startPositionMode )
+    this.parent.map.ui.set_tool("start-position")
+  },
+  
 })
\ No newline at end of file
diff --git a/public/assets/javascripts/ui/blueprint/BlueprintView.js b/public/assets/javascripts/ui/blueprint/BlueprintView.js
index 3095cfe..6f1d2f5 100644
--- a/public/assets/javascripts/ui/blueprint/BlueprintView.js
+++ b/public/assets/javascripts/ui/blueprint/BlueprintView.js
@@ -17,6 +17,7 @@ var BlueprintView = View.extend({
     this.scaler = new BlueprintScaler ({ parent: this })
 		this.info = new BlueprintInfo ({ parent: this })
 		this.settings = new BlueprintSettings ({ parent: this })
+		this.notice = new BlueprintNotice ({ parent: this })
 	},
 
 	load: function(name){
@@ -48,9 +49,13 @@ var BlueprintView = View.extend({
 	},
 	
 	ready: function(data){
+	  this.data = data
 		this.info.load(data)
 		this.settings.load(data)
 	  this.editor.loadFloorplan(data)
+	  if (! data.isNew) {
+	    this.notice.showCreateProjectNotice()
+	  }
 	},
 	
 	hideExtras: function(){
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 2fef578..3caa063 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -2352,6 +2352,12 @@ input[type="range"]::-webkit-slider-thumb {
   transition: -webkit-transform 0.2s ease-in-out;
 	width: 210px;
 }
+#blueprintNotice.settings {
+  width: 230px;
+}
+#blueprintNotice a {
+  border-bottom: 1px solid;
+}
 #textEditor.settings {
   width: 320px;
 }
diff --git a/views/blueprint.ejs b/views/blueprint.ejs
index e7f7c48..13e8182 100644
--- a/views/blueprint.ejs
+++ b/views/blueprint.ejs
@@ -17,11 +17,7 @@
 			[[ include controls/blueprint/settings ]]
       [[ include controls/blueprint/editor ]]
       [[ include controls/blueprint/scaler ]]
-		</div>
-
-		<div id="hud">
-			<div id="map" style="display: block">
-			</div>
+      [[ include controls/blueprint/notice ]]
 		</div>
 	</div>
 
diff --git a/views/controls/blueprint/notice.ejs b/views/controls/blueprint/notice.ejs
new file mode 100644
index 0000000..1be3f6f
--- /dev/null
+++ b/views/controls/blueprint/notice.ejs
@@ -0,0 +1,3 @@
+<div class="vvbox settings" id="blueprintNotice">
+	<div class="notice"></div>
+</div>
diff --git a/views/partials/scripts.ejs b/views/partials/scripts.ejs
index 865c0f1..ac08216 100644
--- a/views/partials/scripts.ejs
+++ b/views/partials/scripts.ejs
@@ -142,6 +142,7 @@
 <script type="text/javascript" src="/assets/javascripts/ui/blueprint/BlueprintScaler.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/blueprint/BlueprintToolbar.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/blueprint/BlueprintUploader.js"></script>
+<script type="text/javascript" src="/assets/javascripts/ui/blueprint/BlueprintNotice.js"></script>
 
 <script type="text/javascript" src="/assets/javascripts/ui/editor/EditorView.js"></script>
 <script type="text/javascript" src="/assets/javascripts/ui/editor/EditorSettings.js"></script>