From 08333b714e73034ca9098692950051d5d9d78220 Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 13:51:57 -0500 Subject: split off shader localstorage version --- js/api/localstorage.js | 106 +++++++++++++++++++++++++++++++++++++++++++++++++ js/api/set.js | 71 +++++++++++++++++---------------- 2 files changed, 142 insertions(+), 35 deletions(-) create mode 100644 js/api/localstorage.js (limited to 'js/api') diff --git a/js/api/localstorage.js b/js/api/localstorage.js new file mode 100644 index 0000000..0ec7cad --- /dev/null +++ b/js/api/localstorage.js @@ -0,0 +1,106 @@ + +user.shaders = new function(){} +user.shaders.init = function(){ + user.shaders.bind() +} +user.shaders.bind = function(){ + user.shaders.buttons = {} + if ('SHADERS' in window) { + user.shaders.bindButtons( window.SHADERS ) + } + user.shaders.bindButtons( user.shaders.getShaders() ) + document.getElementById("add-shader").addEventListener("click", user.shaders.save, false) + document.getElementById("remove-shader").addEventListener("click", user.shaders.remove, false) +} +user.shaders.bindButtons = function(shaders){ + for (var i = 0; i < shaders.length; i++){ + user.shaders.bindButton(shaders[i]) + } +} +user.shaders.bindButton = function(data){ +// console.log("button >> " + data.name) + var button = document.createElement("button") + button.innerHTML = data.name + button.addEventListener("click", user.shaders.load.bind(this, data), false) + document.getElementById("shaders").appendChild(button) + user.shaders.buttons[data.name] = button +} +user.shaders.load = function(data){ + var shader = data.shader + if (shader && shader.length > 0) { + user.shaders.name = data.name + $("#shader").val(shader) + // pause here? + shader_build() + $(".active").removeClass("active") + $(user.shaders.buttons[data.name]).addClass("active") + user.shaders.setLastAccessed(data.name) + } +} +user.shaders.loadLastAccessed = function(){ + var name = localStorage.getItem("im.lastShader") || "colorcycle" + if (name in user.shaders.buttons) { + $(user.shaders.buttons[name]).trigger("click") + } +} +user.shaders.setLastAccessed = function(name){ + localStorage.setItem("im.lastShader", name) +} + +user.shaders.getShaderByName = function(name){ + return { name: name, shader: user.shaders.getShaderBody(name) } +} +user.shaders.getShaderIndex = function(){ + return JSON.parse( localStorage.getItem("im.shaders") ) || [] +} +user.shaders.getShaderBody = function(name){ + return localStorage.getItem("im.shaders."+name) || null +} +user.shaders.getShaders = function(){ + var shaders = user.shaders.getShaderIndex() + return shaders.map(function(name){ return { name: name, shader: user.shaders.getShaderBody(name) } }) +} +user.shaders.setShaderIndex = function(shaders){ + localStorage.setItem("im.shaders", JSON.stringify(shaders)) +} +user.shaders.setShader = function(name, shader){ + if (! name.length || ! shader.length || !name.length || !shader.length) return + localStorage.setItem("im.shaders." + name, shader) +} +user.shaders.removeShader = function(name){ + localStorage.removeItem("im.shaders." + name) +} + +user.shaders.save = function(){ + var name = prompt("enter shader name") + var shader = $("#shader").val() + + if (! name) return; + if (shade !== shade_no_error_handling) return; + + user.shaders.setShader(name, shader) + + var shaders = user.shaders.getShaderIndex() + shaders.push(name) + user.shaders.setShaderIndex(shaders) + + user.shaders.name = name + user.shaders.bindButton({ name: name, shader: shader }) + + $(".active").removeClass("active") + $(user.shaders.buttons[name]).addClass("active") + user.shaders.setLastAccessed(name) +} + +user.shaders.remove = function(){ + var name = user.shaders.name + if (! name || ! name.length) return + + var shaders = user.shaders.getShaderIndex() + if (shaders.splice( shaders.indexOf(name), 1 )) { + user.shaders.setShaderIndex(shaders) + user.shaders.removeShader(name) + $(user.shaders.buttons[name]).remove() + user.shaders.name = "" + } +} diff --git a/js/api/set.js b/js/api/set.js index 1e7e31f..834eaa8 100644 --- a/js/api/set.js +++ b/js/api/set.js @@ -1,39 +1,40 @@ function save_shader(){ - typeof shader_id_root == 'undefined' ? shader_id_root = "" : shader_id_root - var params = { - script : $("#shader").val(), - image_url : $("#url").val(), - username : user.username, - shader_id : shader_id_root - } - console.log(params) - $.post("/cgi-bin/im/shader/save", params, function(resp){ - console.log(resp); - data = JSON.parse(resp) - if (data.ERROR ){ - alert(data.ERROR) - return false - } - if (! shader_id_root) { - shader_id_root = data.id; - } + typeof shader_id_root == 'undefined' ? shader_id_root = "" : shader_id_root + var params = { + script: $("#shader").val(), + image_url: $("#url").val(), + username: user.username, + name: $("#shader-name").val() || "", + shader_id: shader_id_root + } + console.log(params) + $.post("/cgi-bin/im/shader/save", params, function(resp){ + console.log(resp); + data = JSON.parse(resp) + if (data.ERROR ){ + alert(data.ERROR) + return false + } + if (! shader_id_root) { + shader_id_root = data.id; + } - var blob = dataUriToBlob(cc.clone().resize(200,200).canvas.toDataURL("image/png")) - var form = new FormData(); - - form.append("id", data.id); - form.append("qqfile", blob); - $.ajax({ - url: "/cgi-bin/im/shader/thumbnail_upload", - type: "POST", - data: form, - processData: false, - contentType: false, - }).done(function(resp){ - console.log(resp); - }); + var blob = dataUriToBlob(cc.clone().resize(200,200).canvas.toDataURL("image/png")) + var form = new FormData(); - }) - //maintain the shader_id_root... - return shader_id_root; + form.append("id", data.id); + form.append("qqfile", blob); + $.ajax({ + url: "/cgi-bin/im/shader/thumbnail_upload", + type: "POST", + data: form, + processData: false, + contentType: false, + }).done(function(resp){ + console.log(resp); + }); + + }) + //maintain the shader_id_root... + return shader_id_root; } -- cgit v1.2.3-70-g09d2 From 84dafcdeda395584707e2c763c0637000ba737ad Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 14:06:07 -0500 Subject: add save/pause/reset buttons --- js/api/set.js | 4 ++-- shader-api.html | 59 ++++++++++++++++++++++++++++++++------------------------- 2 files changed, 35 insertions(+), 28 deletions(-) (limited to 'js/api') diff --git a/js/api/set.js b/js/api/set.js index 834eaa8..4e5b080 100644 --- a/js/api/set.js +++ b/js/api/set.js @@ -8,7 +8,7 @@ function save_shader(){ shader_id: shader_id_root } console.log(params) - $.post("/cgi-bin/im/shader/save", params, function(resp){ + $.post("http://asdf.us/cgi-bin/im/shader/save", params, function(resp){ console.log(resp); data = JSON.parse(resp) if (data.ERROR ){ @@ -25,7 +25,7 @@ function save_shader(){ form.append("id", data.id); form.append("qqfile", blob); $.ajax({ - url: "/cgi-bin/im/shader/thumbnail_upload", + url: "http://asdf.us/cgi-bin/im/shader/thumbnail_upload", type: "POST", data: form, processData: false, diff --git a/shader-api.html b/shader-api.html index 8a4bc86..ffe234b 100644 --- a/shader-api.html +++ b/shader-api.html @@ -2,7 +2,7 @@ @@ -58,6 +58,9 @@ a { color: #00f; }
+ + +
@@ -71,6 +74,7 @@ a { color: #00f; } + @@ -90,6 +94,8 @@ $(init) function init(){ $("#url").change(load) + $("#reset").click(reset) + $("#pause").click(pause) // run('#first') // $("#shader-id") @@ -103,26 +109,7 @@ function init(){ // $("#fetch-next-page") // $("#fetch-history") - function load_shaders(err, shaders){ - var $el = $("#shader-gallery").empty() - var template = $("#shader-gallery-template").html() - - for (var i in shaders) { - var $shader = $("
").addClass("shader") - $shader.data("shader", shaders[i]) - var html = template - for (var field in shaders[i]) { - html = html.replace("{" + field + "}", shaders[i][field]) - } - $shader.html(html) - - $el.append( $shader ) - } - if (firsttime) { - firsttime = false - run(shaders[0]) - } - } + $("#shader-save").click(save_shader) ShaderAPI.list_users(function(err, users){ var $el = $("#pick-user").empty() @@ -142,18 +129,38 @@ function init(){ run( $(this).data("shader") ) }) - // load() - + user.init() + document.getElementById('shader').addEventListener('input', shader_build); - // shader_build() requestAnimationFrame(animate) } +function load_shaders(err, shaders){ + var $el = $("#shader-gallery").empty() + var template = $("#shader-gallery-template").html() + + for (var i in shaders) { + var $shader = $("
").addClass("shader") + $shader.data("shader", shaders[i]) + var html = template + for (var field in shaders[i]) { + html = html.replace("{" + field + "}", shaders[i][field]) + } + $shader.html(html) + + $el.append( $shader ) + } + if (firsttime) { + firsttime = false + run(shaders[0]) + } +} function run(shader_object){ console.log(shader_object) $("#url").val( shader_object.image_url ) $("#shader").html(shader_object.script) $("#shader-id").val(shader_object.id) + $("#shader-name").val( shader_object.name || "") load() shader_build() } -- cgit v1.2.3-70-g09d2 From b14f35a2d8ef846f43c99639c544bc25be865e6c Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 14:36:34 -0500 Subject: save ..? --- js/api/set.js | 5 ++--- shader-api.html | 3 ++- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'js/api') diff --git a/js/api/set.js b/js/api/set.js index 4e5b080..6c6c917 100644 --- a/js/api/set.js +++ b/js/api/set.js @@ -1,5 +1,6 @@ +var shader_id_root = null; function save_shader(){ - typeof shader_id_root == 'undefined' ? shader_id_root = "" : shader_id_root + shader_id_root = shader_id_root || "" var params = { script: $("#shader").val(), image_url: $("#url").val(), @@ -35,6 +36,4 @@ function save_shader(){ }); }) - //maintain the shader_id_root... - return shader_id_root; } diff --git a/shader-api.html b/shader-api.html index ffe234b..164a531 100644 --- a/shader-api.html +++ b/shader-api.html @@ -109,7 +109,7 @@ function init(){ // $("#fetch-next-page") // $("#fetch-history") - $("#shader-save").click(save_shader) + $("#save-shader").click(save_shader) ShaderAPI.list_users(function(err, users){ var $el = $("#pick-user").empty() @@ -157,6 +157,7 @@ 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 ) $("#shader").html(shader_object.script) $("#shader-id").val(shader_object.id) -- cgit v1.2.3-70-g09d2 From b1aab59987e2f6aecf904d32ba092b509e72e9d3 Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 15:31:31 -0500 Subject: call it local_shaders --- js/api/localstorage.js | 94 ++++++++++++++++++++++++------------------------ shader-localstorage.html | 4 +-- shader-picker.html | 4 +-- 3 files changed, 51 insertions(+), 51 deletions(-) (limited to 'js/api') diff --git a/js/api/localstorage.js b/js/api/localstorage.js index 0ec7cad..eeae658 100644 --- a/js/api/localstorage.js +++ b/js/api/localstorage.js @@ -1,106 +1,106 @@ -user.shaders = new function(){} -user.shaders.init = function(){ - user.shaders.bind() +local_shaders = new function(){} +local_shaders.init = function(){ + local_shaders.bind() } -user.shaders.bind = function(){ - user.shaders.buttons = {} +local_shaders.bind = function(){ + local_shaders.buttons = {} if ('SHADERS' in window) { - user.shaders.bindButtons( window.SHADERS ) + local_shaders.bindButtons( window.SHADERS ) } - user.shaders.bindButtons( user.shaders.getShaders() ) - document.getElementById("add-shader").addEventListener("click", user.shaders.save, false) - document.getElementById("remove-shader").addEventListener("click", user.shaders.remove, false) + local_shaders.bindButtons( local_shaders.getShaders() ) + document.getElementById("add-shader").addEventListener("click", local_shaders.save, false) + document.getElementById("remove-shader").addEventListener("click", local_shaders.remove, false) } -user.shaders.bindButtons = function(shaders){ +local_shaders.bindButtons = function(shaders){ for (var i = 0; i < shaders.length; i++){ - user.shaders.bindButton(shaders[i]) + local_shaders.bindButton(shaders[i]) } } -user.shaders.bindButton = function(data){ +local_shaders.bindButton = function(data){ // console.log("button >> " + data.name) var button = document.createElement("button") button.innerHTML = data.name - button.addEventListener("click", user.shaders.load.bind(this, data), false) + button.addEventListener("click", local_shaders.load.bind(this, data), false) document.getElementById("shaders").appendChild(button) - user.shaders.buttons[data.name] = button + local_shaders.buttons[data.name] = button } -user.shaders.load = function(data){ +local_shaders.load = function(data){ var shader = data.shader if (shader && shader.length > 0) { - user.shaders.name = data.name + local_shaders.name = data.name $("#shader").val(shader) // pause here? shader_build() $(".active").removeClass("active") - $(user.shaders.buttons[data.name]).addClass("active") - user.shaders.setLastAccessed(data.name) + $(local_shaders.buttons[data.name]).addClass("active") + local_shaders.setLastAccessed(data.name) } } -user.shaders.loadLastAccessed = function(){ +local_shaders.loadLastAccessed = function(){ var name = localStorage.getItem("im.lastShader") || "colorcycle" - if (name in user.shaders.buttons) { - $(user.shaders.buttons[name]).trigger("click") + if (name in local_shaders.buttons) { + $(local_shaders.buttons[name]).trigger("click") } } -user.shaders.setLastAccessed = function(name){ +local_shaders.setLastAccessed = function(name){ localStorage.setItem("im.lastShader", name) } -user.shaders.getShaderByName = function(name){ - return { name: name, shader: user.shaders.getShaderBody(name) } +local_shaders.getShaderByName = function(name){ + return { name: name, shader: local_shaders.getShaderBody(name) } } -user.shaders.getShaderIndex = function(){ +local_shaders.getShaderIndex = function(){ return JSON.parse( localStorage.getItem("im.shaders") ) || [] } -user.shaders.getShaderBody = function(name){ +local_shaders.getShaderBody = function(name){ return localStorage.getItem("im.shaders."+name) || null } -user.shaders.getShaders = function(){ - var shaders = user.shaders.getShaderIndex() - return shaders.map(function(name){ return { name: name, shader: user.shaders.getShaderBody(name) } }) +local_shaders.getShaders = function(){ + var shaders = local_shaders.getShaderIndex() + return shaders.map(function(name){ return { name: name, shader: local_shaders.getShaderBody(name) } }) } -user.shaders.setShaderIndex = function(shaders){ +local_shaders.setShaderIndex = function(shaders){ localStorage.setItem("im.shaders", JSON.stringify(shaders)) } -user.shaders.setShader = function(name, shader){ +local_shaders.setShader = function(name, shader){ if (! name.length || ! shader.length || !name.length || !shader.length) return localStorage.setItem("im.shaders." + name, shader) } -user.shaders.removeShader = function(name){ +local_shaders.removeShader = function(name){ localStorage.removeItem("im.shaders." + name) } -user.shaders.save = function(){ +local_shaders.save = function(){ var name = prompt("enter shader name") var shader = $("#shader").val() if (! name) return; if (shade !== shade_no_error_handling) return; - user.shaders.setShader(name, shader) + local_shaders.setShader(name, shader) - var shaders = user.shaders.getShaderIndex() + var shaders = local_shaders.getShaderIndex() shaders.push(name) - user.shaders.setShaderIndex(shaders) + local_shaders.setShaderIndex(shaders) - user.shaders.name = name - user.shaders.bindButton({ name: name, shader: shader }) + local_shaders.name = name + local_shaders.bindButton({ name: name, shader: shader }) $(".active").removeClass("active") - $(user.shaders.buttons[name]).addClass("active") - user.shaders.setLastAccessed(name) + $(local_shaders.buttons[name]).addClass("active") + local_shaders.setLastAccessed(name) } -user.shaders.remove = function(){ - var name = user.shaders.name +local_shaders.remove = function(){ + var name = local_shaders.name if (! name || ! name.length) return - var shaders = user.shaders.getShaderIndex() + var shaders = local_shaders.getShaderIndex() if (shaders.splice( shaders.indexOf(name), 1 )) { - user.shaders.setShaderIndex(shaders) - user.shaders.removeShader(name) - $(user.shaders.buttons[name]).remove() - user.shaders.name = "" + local_shaders.setShaderIndex(shaders) + local_shaders.removeShader(name) + $(local_shaders.buttons[name]).remove() + local_shaders.name = "" } } diff --git a/shader-localstorage.html b/shader-localstorage.html index cc4bd18..923f1b6 100644 --- a/shader-localstorage.html +++ b/shader-localstorage.html @@ -191,8 +191,8 @@ function init(){ console.log("signed in as", user.username) } - user.shaders.init() - user.shaders.loadLastAccessed() + local_shaders.init() + local_shaders.loadLastAccessed() document.getElementById('shader').addEventListener('input', shader_build); shader_build() diff --git a/shader-picker.html b/shader-picker.html index cc4bd18..923f1b6 100644 --- a/shader-picker.html +++ b/shader-picker.html @@ -191,8 +191,8 @@ function init(){ console.log("signed in as", user.username) } - user.shaders.init() - user.shaders.loadLastAccessed() + local_shaders.init() + local_shaders.loadLastAccessed() document.getElementById('shader').addEventListener('input', shader_build); shader_build() -- cgit v1.2.3-70-g09d2 From 39f5be06a0121207903d0ac156c271741c8d6448 Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 15:47:03 -0500 Subject: prepend --- js/api/set.js | 12 +++++++++++- shader-api.html | 22 +++++++++++++--------- 2 files changed, 24 insertions(+), 10 deletions(-) (limited to 'js/api') diff --git a/js/api/set.js b/js/api/set.js index 6c6c917..3c165bf 100644 --- a/js/api/set.js +++ b/js/api/set.js @@ -19,7 +19,13 @@ function save_shader(){ if (! shader_id_root) { shader_id_root = data.id; } - + + params.id = data.id; + params.thumbnail_url = "http://i.asdf.us/im/9a/chtiny3_1334529294_1334529329.gif"; + + $shader = display_shader(param) + $("#shader-gallery").prepend($shader) + var blob = dataUriToBlob(cc.clone().resize(200,200).canvas.toDataURL("image/png")) var form = new FormData(); @@ -32,6 +38,10 @@ function save_shader(){ processData: false, contentType: false, }).done(function(resp){ + if (resp.success) { + vardata = JSON.parse(resp) + $shader.find("img").src(data.url) + } console.log(resp); }); diff --git a/shader-api.html b/shader-api.html index 0f7ca67..5225060 100644 --- a/shader-api.html +++ b/shader-api.html @@ -94,6 +94,8 @@ a { color: #00f; } var cc = cq(0,0).appendTo("#workspace") var w, h var firsttime = true +var shader_gallery_template = $("#shader-gallery-template").html() + $(init) @@ -142,17 +144,9 @@ function init(){ } function load_shaders(err, shaders){ var $el = $("#shader-gallery").empty() - var template = $("#shader-gallery-template").html() for (var i in shaders) { - var $shader = $("
").addClass("shader") - $shader.data("shader", shaders[i]) - var html = template - for (var field in shaders[i]) { - html = html.replace("{" + field + "}", shaders[i][field]) - } - $shader.html(html) - + var $shader = display_shader(shaders[i]) $el.append( $shader ) } if (firsttime) { @@ -160,6 +154,16 @@ function load_shaders(err, shaders){ run(shaders[0]) } } +function display_shader(shader_object){ + var $shader = $("
").addClass("shader") + $shader.data("shader", shader_object) + var html = shader_gallery_template + for (var field in shader_object) { + html = html.replace("{" + field + "}", shader_object[field]) + } + $shader.html(html) + return $shader; +} function run(shader_object){ console.log(shader_object) shader_id_root = shader_object.shader_id -- cgit v1.2.3-70-g09d2 From 5e4812d0efe81804f466db6dbed8077ad073b25b Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 15:49:36 -0500 Subject: +s --- js/api/set.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'js/api') diff --git a/js/api/set.js b/js/api/set.js index 3c165bf..aadfb7e 100644 --- a/js/api/set.js +++ b/js/api/set.js @@ -23,7 +23,7 @@ function save_shader(){ params.id = data.id; params.thumbnail_url = "http://i.asdf.us/im/9a/chtiny3_1334529294_1334529329.gif"; - $shader = display_shader(param) + $shader = display_shader(params) $("#shader-gallery").prepend($shader) var blob = dataUriToBlob(cc.clone().resize(200,200).canvas.toDataURL("image/png")) -- cgit v1.2.3-70-g09d2 From abaf03ae5fb609c498cf9599593d097feb869744 Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 15:50:06 -0500 Subject: save properly --- js/api/set.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'js/api') diff --git a/js/api/set.js b/js/api/set.js index aadfb7e..b680492 100644 --- a/js/api/set.js +++ b/js/api/set.js @@ -40,7 +40,7 @@ function save_shader(){ }).done(function(resp){ if (resp.success) { vardata = JSON.parse(resp) - $shader.find("img").src(data.url) + $shader.find("img").attr("src", data.url) } console.log(resp); }); -- cgit v1.2.3-70-g09d2 From e17d5aae76c851616756f572fc31a89ebd2ab328 Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 15:52:29 -0500 Subject: last one --- js/api/set.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'js/api') diff --git a/js/api/set.js b/js/api/set.js index b680492..a886aac 100644 --- a/js/api/set.js +++ b/js/api/set.js @@ -38,11 +38,11 @@ function save_shader(){ processData: false, contentType: false, }).done(function(resp){ - if (resp.success) { - vardata = JSON.parse(resp) + console.log(resp); + var data = JSON.parse(resp) + if (data.success) { $shader.find("img").attr("src", data.url) } - console.log(resp); }); }) -- cgit v1.2.3-70-g09d2 From b2e2e1871d871a75d314a1159b556a8878a5dae1 Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 15:53:11 -0500 Subject: thumbnail right as you hit save --- js/api/set.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'js/api') diff --git a/js/api/set.js b/js/api/set.js index a886aac..653c74f 100644 --- a/js/api/set.js +++ b/js/api/set.js @@ -8,6 +8,8 @@ function save_shader(){ name: $("#shader-name").val() || "", shader_id: shader_id_root } + var blob = dataUriToBlob(cc.clone().resize(200,200).canvas.toDataURL("image/png")) + console.log(params) $.post("http://asdf.us/cgi-bin/im/shader/save", params, function(resp){ console.log(resp); @@ -26,7 +28,6 @@ function save_shader(){ $shader = display_shader(params) $("#shader-gallery").prepend($shader) - var blob = dataUriToBlob(cc.clone().resize(200,200).canvas.toDataURL("image/png")) var form = new FormData(); form.append("id", data.id); -- cgit v1.2.3-70-g09d2 From 9c9a700e268af6e3c6d4ed140d29d56968641dc7 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 23 Jan 2014 10:01:44 -0500 Subject: collect shader gallery code --- js/api/gallery.js | 84 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ js/api/set.js | 2 +- shader-api.html | 83 ++++-------------------------------------------------- 3 files changed, 90 insertions(+), 79 deletions(-) create mode 100644 js/api/gallery.js (limited to 'js/api') diff --git a/js/api/gallery.js b/js/api/gallery.js new file mode 100644 index 0000000..92764c6 --- /dev/null +++ b/js/api/gallery.js @@ -0,0 +1,84 @@ +var shader_gallery = {} + +shader_gallery.init = function(){ + shader_gallery.bind() +} + +shader_gallery.bind = function(){ + $("#new-shader").click(new_shader) + +// $("#shader-id") +// $("#fetch-info") + $("#fetch-all").click(function(){ + ShaderAPI.all(load_shaders) + }) + $("#fetch-latest").click(function(){ + ShaderAPI.latest(load_shaders) + }).trigger("click") +// $("#fetch-next-page") +// $("#fetch-history") + + $("#save-shader").click(save_shader) + + ShaderAPI.list_users(function(err, users){ + var $el = $("#pick-user").empty() + for (var i in users) { + var $option = $("