checkbox to persist image

1 files changed, 9 insertions, 5 deletions

diff --git a/shader-api.html b/shader-api.html
index 3019771..78f86c8 100644
--- a/shader-api.html
+++ b/shader-api.html
@@ -7,9 +7,9 @@
 #shader { width: 400px; height: 247px; font-family: fixed; }
 div { float: left; padding: 10px;}
 form { display: inline-block; }
-#shader-api,#gallery { clear: right; width:100%; padding: 0; }
+#shader-api,#gallery { clear: right; width:100%; padding: 0; font-size: 12px; }
 #shader-gallery,#gallery-images { display: block; min-height: 152px; max-height: 210px; overflow-y: auto; width: 100%; }
-#shader-gallery img,#shader-gallery canvas,#gallery-images img, #gallery-images canvas { max-width: 200px; height: 100px; margin: 5px; cursor: pointer; }
+#shader-gallery img,#shader-gallery canvas,#gallery-images img, #gallery-images canvas { max-width: 200px; height: 100px; margin: 5px; cursor: pointer; clear: right; }
 .shader { width: 100px; }
 #username { width: 55px; }
 #shader-name { width: 75px; }
@@ -44,6 +44,8 @@ a { color: #00f; }
 	<select id="pick-user">
 		<option>fetching users..</option>
 	</select>
+	<input type="checkbox" id="persist-image" checked>
+	<label for="persist-image">load image</label>
 	
 	<div id="shader-gallery">
 	</div>
@@ -84,7 +86,7 @@ a { color: #00f; }
 <script type="text/javascript" src="js/api/set.js"></script>
 <script type="text/html" id="shader-gallery-template">
 <span><img src="{thumbnail_url}"></span>
-{username}
+{name} - {username}
 </script>
 <script type="text/javascript">
 
@@ -160,11 +162,13 @@ function load_shaders(err, shaders){
 function run(shader_object){
 	console.log(shader_object)
 	shader_id_root = shader_object.shader_id
-	$("#url").val( shader_object.image_url )
+	if ($("#persist-image:checked").length) {
+		$("#url").val( shader_object.image_url )
+		load()
+	}
 	$("#shader").html(shader_object.script)
 	$("#shader-id").val(shader_object.id)
 	$("#shader-name").val( shader_object.name || "")
-	load()
 	shader_build()
 }