diff options
Diffstat (limited to 'shader-api.html')
| -rw-r--r-- | shader-api.html | 14 |
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() } |