1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
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 = $("<option>")
var username = users[i].username
$option.val(username).html(username)
$el.append( $option )
}
})
$(document).on("change", "#pick-user", function(){
var name = $(this).val()
ShaderAPI.username(name, load_shaders)
})
$(document).on("click", ".shader", function(){
run_shader( $(this).data("shader") )
})
}
function new_shader(){
run_shader({
id: "",
shader_id: "",
image_url: $("#url").val(),
script: "",
name: ""
})
}
function run_shader(shader_object){
console.log(shader_object)
shader_id_root = shader_object.shader_id
if ($("#persist-image:checked").length) {
$("#url").val( shader_object.image_url )
load()
}
$("#shader").val(shader_object.script)
$("#shader-id").val(shader_object.id)
$("#shader-name").val( shader_object.name || "")
shader_build()
}
function load_shaders(err, shaders){
var $el = $("#shader-gallery").empty()
for (var i in shaders) {
var $shader = display_shader(shaders[i])
$el.append( $shader )
}
if (firsttime) {
firsttime = false
run_shader(shaders[0])
}
}
function display_shader(shader_object){
var $shader = $("<div>").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;
}
|
