make_thumbnail

2 files changed, 29 insertions, 19 deletions

diff --git a/js/api/gallery.js b/js/api/gallery.js
index 92764c6..c1a779d 100644
--- a/js/api/gallery.js
+++ b/js/api/gallery.js
@@ -40,6 +40,7 @@ shader_gallery.bind = function(){
 }
 
 function new_shader(){
+	shader_id_root = null
 	run_shader({
 		id: "",
 		shader_id: "",
diff --git a/js/api/set.js b/js/api/set.js
index 8732c87..3ce0c3a 100644
--- a/js/api/set.js
+++ b/js/api/set.js
@@ -8,7 +8,7 @@ function save_shader(){
 		name: $("#shader-name").val() || "",
 		shader_id: shader_id_root
 	}
-	var blob = dataUriToBlob(cc.clone().resize(200,200).canvas.toDataURL("image/png"))
+	var thumb = make_thumbnail()
 
 	status('saving..')
 	console.log(params)
@@ -31,24 +31,33 @@ function save_shader(){
 		$shader = display_shader(params)
 		$("#shader-gallery").prepend($shader)
 		
-		var form = new FormData();
+		save_thumbnail(data.id, thumb)
+	})
+}
 
-		form.append("id", data.id);
-		form.append("qqfile", blob);
-		$.ajax({
-			url: "http://asdf.us/cgi-bin/im/shader/thumbnail_upload",
-			type: "POST",
-			data: form,
-			processData: false,
-			contentType: false,
-		}).done(function(resp){
-			console.log(resp);
-			status('')
-			var data = JSON.parse(resp)
-			if (data.success) {
-				$shader.find("img").attr("src", data.url)
-			}
-		});
+function make_thumbnail(){
+	return dataUriToBlob(cc.clone().resize(200,200).canvas.toDataURL("image/png"))
+}
 
-	})
+function save_thumbnail(id, thumb){
+	thumb = thumb || make_thumbnail()
+	
+	var form = new FormData();
+
+	form.append("id", data.id);
+	form.append("qqfile", thumb);
+	$.ajax({
+		url: "http://asdf.us/cgi-bin/im/shader/thumbnail_upload",
+		type: "POST",
+		data: form,
+		processData: false,
+		contentType: false,
+	}).done(function(resp){
+		console.log(resp);
+		status('')
+		var data = JSON.parse(resp)
+		if (data.success) {
+			$shader.find("img").attr("src", data.url)
+		}
+	});
 }