only clobber thumbnail if layout changed

1 files changed, 17 insertions, 2 deletions

diff --git a/public/assets/javascripts/ui/editor/EditorSettings.js b/public/assets/javascripts/ui/editor/EditorSettings.js
index 9d75f66..e9239e4 100644
--- a/public/assets/javascripts/ui/editor/EditorSettings.js
+++ b/public/assets/javascripts/ui/editor/EditorSettings.js
@@ -37,11 +37,12 @@ var EditorSettings = FormView.extend({
 		}
 		else {
 			// console.log(data)
+			this.thumbnailIsStale()
 			
 			this.$id.val( data._id )
 			this.$name.val( data.name )
 			this.$description.val( data.description )
-			data.privacy && this.$privacy.find("[value=" + data.privacy + "]").prop('checked', "checked")
+			data.privacy && this.$privacy.find("[value=" + data.privacy + "]").prop("checked", "checked")
 			
 			data.media && Scenery.deserialize(data.media)
 		}
@@ -124,10 +125,24 @@ var EditorSettings = FormView.extend({
  		fd.append( "walls", JSON.stringify( Rooms.serializeWalls() ) )
 		fd.append( "media", JSON.stringify( Scenery.serialize() ) )
 		fd.append( "startPosition", JSON.stringify( app.position(scene.camera) ) )
-		fd.append( "thumbnail", dataUriToBlob(map.canvas.toDataURL()) )
+		
+		if (this.thumbnailIsStale()) {
+      fd.append( "thumbnail", dataUriToBlob(map.canvas.toDataURL()) )
+    }
 		return fd
 	},
 	
+	thumbnailState: null,
+	thumbnailIsStale: function(){
+	  var newState = JSON.stringify( Rooms.serialize() )
+	  
+	  if (newState !== this.thumbnailState) {
+	    this.thumbnailState = newState
+	    return true
+	  }
+	  return false
+	},
+	
 	success: function(data){
 		this.$id.val(data._id)
 		this.$name.val(data.name)