29 | <% if (project.branding) { %>
30 | <%- file(project.branding.logo) %>
31 | <% } %>
32 | <% project.components.forEach(function(component){ %>
33 | <%- file(component) %>
34 | <% }) %>
35 |
36 |
37 | ").append(this.ctrl).append(this.ctrlLabel);
37 |
38 | this.ctrl.bind("change blur", function () { self._onChange(); });
39 | }
40 |
41 | CheckboxControl.prototype._onChange = function() {
42 | var val = this.ctrl.attr("checked") == "checked";
43 | this.setValue(val ? 1 : 0, false);
44 | };
45 |
46 | CheckboxControl.prototype._updateControls = function() {
47 | var value = this.getValue();
48 | if (!value)
49 | this.ctrl.removeAttr("checked");
50 | else
51 | this.ctrl.attr("checked", "checked");
52 | }
53 |
54 | CheckboxControl.prototype.pushControls = function(parent) {
55 | this.pushTableColumns(parent, this.ctrlParent);
56 | }
57 |
58 | Global.Controls.register("checkbox", CheckboxControl);
59 |
60 |
61 | })();
--------------------------------------------------------------------------------
/lib/controls/code_editor.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function(){
18 |
19 | function CodeEditor(el) {
20 | CodeEditor.$super.call(this);
21 |
22 | // For performance reasons we will keep the code-mirror editor in a absolute posioned element
23 | // attached directly to body. This way we will avoid long layouts and long paint times due to
24 | // flex-box implementation.
25 | // We will keep the original element around to make it easy to steal its coordinates.
26 | this.uiElement = el;
27 |
28 | this.element = $("
").addClass("code-editor").appendTo("#codemirror-editors-view");
29 | this.isSupported = true;
30 |
31 | if (typeof CodeMirror !== 'function'){
32 | console.warn("Missing CodeMirror library. See README file")
33 | this.isSupported = false;
34 | return
35 | }
36 |
37 | var self = this;
38 | this.editor = new CodeMirror(this.element[0], {
39 | lineNumbers: true,
40 | matchBrackets: true,
41 | mode: "text/x-csrc",
42 | onChange: function() {
43 | self.fire("valueChanged", [self.getValue()]);
44 | }
45 | });
46 | }
47 |
48 | Global.Utils.extend(CodeEditor).from(Global.EventDispatcher);
49 |
50 | $.extend(CodeEditor.prototype, {
51 | setValue: function(value) {
52 | this.editor.setValue(value);
53 | },
54 |
55 | getValue: function() {
56 | return this.editor.getValue();
57 | },
58 |
59 | setActive: function(active) {
60 | this.element.toggleClass("active-shader-view", active);
61 | if (active)
62 | this.refresh();
63 | },
64 |
65 | refresh: function() {
66 | if (!this.isSupported){
67 | return
68 | }
69 | var clientRect = this.uiElement[0].getBoundingClientRect();
70 | this.element.css({
71 | "left": clientRect.left,
72 | "top": clientRect.top,
73 | "width": clientRect.width,
74 | "height": clientRect.height
75 | });
76 | $(this.editor.getScrollerElement()).height(clientRect.height);
77 | this.editor.refresh();
78 | }
79 | });
80 |
81 | Global.CodeEditor = CodeEditor;
82 |
83 | })();
--------------------------------------------------------------------------------
/lib/controls/color_control.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function ColorControl(delegate, name, config) {
20 | ColorControl.$super.call(this, delegate, name, config);
21 | this.init();
22 | }
23 |
24 | Global.Utils.extend(ColorControl).from(Global.MultiControl);
25 |
26 | ColorControl.prototype.colorRange = function(field, after) {
27 | return {
28 | type: "range",
29 | min: 0,
30 | max: 1,
31 | step: 0.01,
32 | field: field,
33 | after: after
34 | };
35 | }
36 |
37 | ColorControl.prototype.init = function() {
38 | var self = this;
39 |
40 | this.colorColumnEl = $("
");
41 | this.colorPreviewEl = $("
")
42 | .appendTo(this.colorColumnEl);
43 |
44 | this.hasColorInput = (function(self){
45 | var smiley = ":)"
46 |
47 | // a valid color input will sanitize the smiley
48 | return smiley !== self.colorPreviewEl.val(smiley).val()
49 | })(this);
50 |
51 | if (!this.hasColorInput)
52 | this.colorPreviewEl.attr("disabled", "disabled");
53 |
54 | this.colorPreviewEl.change(function () { self._onChange(); });
55 |
56 | this.createControls({
57 | "r": this.colorRange(0),
58 | "g": this.colorRange(1),
59 | "b": this.colorRange(2),
60 | "a": this.colorRange(3)
61 | });
62 |
63 | this.label = $("
");
64 | this.editableLabel = this.createEditableLabel(this.label);
65 | this.controls.prepend(
66 | $("
")
67 | .append($(" ").appendTo(self.controls),
40 | label = $("
").text(name).appendTo(controlRowEl);
41 |
42 | control.pushControls(controlRowEl);
43 | if (config.after)
44 | controlRowEl.append(config.after);
45 | });
46 |
47 | this.subControls = subControls;
48 | }
49 |
50 | MultiControl.prototype.valuesUpdated = function() {
51 | this.onValueChange();
52 | this.onMultiControlChanged();
53 | }
54 |
55 | MultiControl.prototype._updateControls = function() {
56 | var value = this.getValue();
57 | if (!value)
58 | return;
59 | this.onMultiControlChanged();
60 | $.each(this.subControls, function(i, control) {
61 | control.setSource(value);
62 | });
63 | }
64 |
65 | MultiControl.prototype.onMultiControlChanged = function() { }
66 |
67 | MultiControl.prototype.pushControls = function(parent) {
68 | this.pushTableColumns(parent, this.controls);
69 | }
70 |
71 | Global.MultiControl = MultiControl;
72 |
73 | })();
--------------------------------------------------------------------------------
/lib/controls/range_control.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function RangeControl(delegate, name, config) {
20 | RangeControl.$super.call(this, delegate, name, config);
21 | this.init();
22 | }
23 |
24 | Global.Utils.extend(RangeControl).from(Global.BaseControl);
25 |
26 | RangeControl.prototype.init = function() {
27 | var self = this;
28 |
29 | this.label = $("
");
30 | this.editableLabel = this.createEditableLabel(this.label);
31 |
32 | this.ctrl = $("
")
33 | .attr("id", "range-" + this.name)
34 | .attr("class", "range-" + this.name)
35 | .attr("value", "");
36 | this.updateConfig(this.config);
37 | this.ctrl.change(function () { self._onChange(); });
38 | }
39 |
40 | RangeControl.prototype.updateConfig = function(desc) {
41 | this.ctrl.attr("min", desc.min)
42 | .attr("max", desc.max)
43 | .attr("step", desc.step);
44 | }
45 |
46 | RangeControl.prototype._onChange = function() {
47 | var val = parseFloat(this.ctrl.val());
48 | if (isNaN(val))
49 | val = 0;
50 | this.setValue(val, false);
51 | }
52 |
53 | RangeControl.prototype._updateControls = function() {
54 | var value = parseFloat(this.getValue());
55 | if (isNaN(value))
56 | value = 0;
57 | this.label.html(Math.round(100 * value) / 100);
58 | this.ctrl.val(value);
59 | }
60 |
61 | RangeControl.prototype.pushControls = function(parent) {
62 | this.pushTableColumns(parent, this.ctrl, this.label);
63 | }
64 |
65 | RangeControl.prototype.validate = function(value) {
66 | var val = parseFloat(value);
67 | if (isNaN(value) || value < this.min || value > this.max)
68 | return null;
69 | return val;
70 | }
71 |
72 | Global.Controls.register("range", RangeControl);
73 |
74 | })();
--------------------------------------------------------------------------------
/lib/controls/text_control.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function TextControl(delegate, name, config) {
20 | TextControl.$super.call(this, delegate, name, config);
21 | this.init();
22 | }
23 |
24 | Global.Utils.extend(TextControl).from(Global.BaseControl);
25 |
26 | TextControl.prototype.init = function() {
27 | var self = this;
28 |
29 | this.validatorEl = $("
");
30 |
31 | this.ctrl = $("
")
32 | .attr("id", "text-" + this.name)
33 | .attr("value", "");
34 | this.ctrl.bind("change click blur", function (ev) { self._onChange(ev); });
35 | }
36 |
37 | TextControl.prototype._onChange = function(ev) {
38 | var val = this.ctrl.val();
39 | if (this.validate(val) === null) {
40 | if (ev.type == "blur")
41 | this._updateControls();
42 | return;
43 | }
44 | this.setValue(val, false);
45 | };
46 |
47 | TextControl.prototype._updateControls = function() {
48 | var value = this.getValue();
49 | this.ctrl.val(value);
50 | }
51 |
52 | TextControl.prototype.pushControls = function(parent) {
53 | this.pushTableColumns(parent, this.ctrl);
54 | }
55 |
56 | TextControl.prototype.validate = function(value) {
57 | this.validatorEl.css("-webkit-filter", "none");
58 | this.validatorEl.css("-webkit-filter", "custom(url(test), t " + value + ")");
59 |
60 | var parsedValue = this.validatorEl.css("-webkit-filter");
61 | console.log(parsedValue);
62 | if (parsedValue === null || parsedValue == "none")
63 | return null;
64 | return value;
65 | }
66 |
67 | Global.Controls.register("unknown", TextControl);
68 | Global.Controls.register("text", TextControl);
69 |
70 | })();
--------------------------------------------------------------------------------
/lib/controls/transform_control.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function TransformControl(delegate, name, config) {
20 | TransformControl.$super.call(this, delegate, name, config);
21 | this.init();
22 | }
23 |
24 | Global.Utils.extend(TransformControl).from(Global.MultiControl);
25 |
26 | TransformControl.prototype.range = function(field, min, max, step) {
27 | return {
28 | type: "range",
29 | min: min,
30 | max: max,
31 | step: step,
32 | field: field
33 | };
34 | }
35 |
36 | TransformControl.prototype.rotationRange = function(field) {
37 | return this.range(field, -180, 180, 1);
38 | }
39 |
40 | TransformControl.prototype.init = function() {
41 | this.createControls({
42 | "rotateX": this.rotationRange("rotationX"),
43 | "rotateY": this.rotationRange("rotationY"),
44 | "rotateZ": this.rotationRange("rotationZ"),
45 | "scale": this.range("scale", 0.0, 5, 0.1),
46 | "perspective": this.range("perspective", 0.0, 2000, 1)
47 | });
48 | this.controls.addClass("param-transform");
49 | }
50 |
51 | Global.Controls.register("transform", TransformControl);
52 |
53 | })();
--------------------------------------------------------------------------------
/lib/controls/vector_control.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function vectorControlFactory(itemsCount) {
20 |
21 | function VectorControl(delegate, name, config) {
22 | VectorControl.$super.call(this, delegate, name, config);
23 | this.init();
24 | }
25 |
26 | Global.Utils.extend(VectorControl).from(Global.MultiControl);
27 |
28 | VectorControl.prototype.itemRange = function(field) {
29 | return {
30 | type: "range",
31 | min: this.config.min,
32 | max: this.config.max,
33 | step: this.config.step,
34 | field: field
35 | };
36 | }
37 |
38 | VectorControl.prototype.updateConfig = function(desc) {
39 | $.each(this.subControls, function(i, control) {
40 | control.updateConfig(desc);
41 | });
42 | }
43 |
44 | VectorControl.prototype.init = function() {
45 | var self = this,
46 | items = {},
47 | labels = ["x", "y", "z", "w"];
48 | for (var i = 0; i < itemsCount; ++i)
49 | items[labels[i]] = this.itemRange(i);
50 | this.createControls(items);
51 | }
52 |
53 | return VectorControl;
54 | }
55 |
56 |
57 | Global.Controls.register("vec2", vectorControlFactory(2));
58 | Global.Controls.register("vec3", vectorControlFactory(3));
59 | Global.Controls.register("vec4", vectorControlFactory(4));
60 |
61 | })();
--------------------------------------------------------------------------------
/lib/controls/warp_control.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function WarpControl(delegate, name, config) {
20 | WarpControl.$super.call(this, delegate, name, config);
21 | this.init();
22 | }
23 |
24 | Global.Utils.extend(WarpControl).from(Global.BaseControl);
25 |
26 | WarpControl.prototype.init = function() {
27 | var desc = this.config,
28 | self = this;
29 |
30 | this.ctrl = $("
")
31 | .attr("id", "param-" + this.name);
32 |
33 | this.canvas = Global.WarpHelpers.buildWarpCanvas(this.ctrl, 180, 180, function() {
34 | self._onChange();
35 | });
36 | }
37 |
38 | WarpControl.prototype._onChange = function() {
39 | this.onValueChange();
40 | }
41 |
42 | WarpControl.prototype._updateControls = function() {
43 | var value = this.getValue();
44 | if (!(value instanceof Array) && !(value instanceof Global.ActiveCollection))
45 | return;
46 | this.canvas.setPoints(value);
47 | this.canvas.redraw();
48 | }
49 |
50 | WarpControl.prototype.pushControls = function(parent) {
51 | this.pushTableColumns(parent, this.ctrl);
52 | }
53 |
54 | Global.Controls.register("warp", WarpControl);
55 |
56 | })();
--------------------------------------------------------------------------------
/lib/models/filter.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function(){
18 |
19 | function Filter(name, config) {
20 | Filter.$super.call(this);
21 | this.name = name;
22 | this.config = config;
23 | this.active = false;
24 | }
25 |
26 | Global.Utils.extend(Filter).from(Global.EventDispatcher);
27 |
28 | $.extend(Filter.prototype, {
29 | filterType: function() {
30 | return this.config.type ? this.config.type.fn : "custom";
31 | },
32 |
33 | isBuiltin: function() {
34 | return this.config.isBuiltin;
35 | },
36 |
37 | isFork: function() {
38 | return !!this.config.isFork;
39 | },
40 |
41 | toggleFilter: function() {
42 | this.setActive(!this.active);
43 | },
44 |
45 | setActive: function(value) {
46 | if (this.active == value)
47 | return;
48 | this.active = value;
49 | this.fire("filterStateChanged", [this.active]);
50 | },
51 |
52 | setSource: function(value) {
53 | this.source = value;
54 | this.fire("filterSourceChanged", [value]);
55 | },
56 |
57 | valuesUpdated: function(paramName) {
58 | this.fire("valuesUpdated", [paramName]);
59 | },
60 |
61 | removeFilter: function() {
62 | this.fire("filterRemoved");
63 | }
64 | });
65 |
66 | Global.Filter = Filter;
67 |
68 | })();
--------------------------------------------------------------------------------
/lib/models/github.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function GitHub() {
20 | GitHub.$super.call(this);
21 | $(window).bind("message", this.onReceivedMesssage.bind(this));
22 | }
23 |
24 | Global.Utils.extend(GitHub).from(Global.EventDispatcher);
25 |
26 | $.extend(GitHub.prototype, {
27 | clientId: "9d5764d5b3fb3dbea0d6",
28 |
29 | url: "https://api.github.com",
30 | gistUrl: "https://gist.github.com",
31 | loginUrl: "https://github.com/login/oauth/authorize",
32 | tokenUrl: "https://github.com/login/oauth/access_token",
33 |
34 | postGist: function(access_token, id, publicGist, name, files, callback) {
35 | var xhr = new XMLHttpRequest(),
36 | data = {
37 | "description": name,
38 | "files": files
39 | },
40 | url = this.url + "/gists?client_id=" + encodeURIComponent(this.clientId),
41 | method = "POST";
42 | if (id) {
43 | url += "/" + encodeURIComponent(id);
44 | method = "PATCH";
45 | } else {
46 | data["public"] = publicGist;
47 | }
48 | if (access_token)
49 | url += "?access_token=" + encodeURIComponent(access_token);
50 | xhr.onreadystatechange = function() {
51 | if (xhr.readyState != 4)
52 | return;
53 | var response = JSON.parse(xhr.responseText);
54 | callback(response);
55 | };
56 |
57 | xhr.open(method, url);
58 | xhr.send(JSON.stringify(data));
59 | },
60 |
61 | readGist: function(url, callback) {
62 | var id = this.extractGistIdFromUrl(url);
63 | if (!id)
64 | return;
65 | var xhr = new XMLHttpRequest(),
66 | requestUrl = this.url + "/gists/" + encodeURIComponent(id) + "?client_id=" + encodeURIComponent(this.clientId);
67 | xhr.onreadystatechange = function() {
68 | if (xhr.readyState != 4 || xhr.status != 200)
69 | return;
70 | if (xhr.status == 400 || xhr.status == 404){
71 | callback(xhr.status, null)
72 | return;
73 | }
74 | var response = JSON.parse(xhr.responseText);
75 | callback(null, response);
76 | };
77 | xhr.open("GET", requestUrl);
78 | xhr.send(null);
79 | },
80 |
81 | _lastState: null,
82 | getLoginUrl: function() {
83 | this._lastState = Math.random();
84 | return this.loginUrl + "?client_id=" + encodeURIComponent(this.clientId) + "&scope=gist&state=" + encodeURIComponent(this._lastState);
85 | },
86 |
87 | onReceivedMesssage: function(event) {
88 | if (event.origin != location.origin)
89 | return;
90 | var data = event.data;
91 | if (data.state != this._lastState) {
92 | console.error("Invalid state read from github.")
93 | return;
94 | }
95 | if (!data.github.access_token) {
96 | this.fire("login", ["Invalid token"]);
97 | return;
98 | }
99 | this.fire("login", [null, data.github.access_token]);
100 | },
101 |
102 | // Extracts the gistId out of urls of the form:
103 | // https://gist.github.com/:userId/:gistId
104 | // https://gist.github.com/:userId/:gistId/ (A single trailing slash is allowed.)
105 | extractGistIdFromUrl: function(url)
106 | {
107 | var id = url.replace(new RegExp("^" + this.gistUrl + "/([^/]*)/([^/]*)/?$"), "$2");
108 | if (id == url) {
109 | // Nothing was extracted.
110 | return null;
111 | }
112 | return id;
113 | }
114 | });
115 |
116 | Global.GitHub = GitHub;
117 |
118 |
119 | })();
--------------------------------------------------------------------------------
/lib/models/keyframe.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function(){
18 |
19 | function Keyframe(filterList, time, value) {
20 | this.filterList = filterList;
21 | this.value = value;
22 | this.time = time;
23 | this.generated = false;
24 | }
25 |
26 | Keyframe.prototype = {
27 | makeGeneratedClone: function(time) {
28 | var keyframe = new Global.Keyframe(this.filterList, time, Global.Utils.clone(this.value));
29 | keyframe.generated = true;
30 | return keyframe;
31 | },
32 |
33 | blend: function(otherKeyframe, position, time) {
34 | var self = this,
35 | resultKeyframe = this.makeGeneratedClone(time),
36 | A = self.value,
37 | B = otherKeyframe.value,
38 | C = resultKeyframe.value;
39 | $.each(this.filterList.filters, function(index, filter) {
40 | if (!filter.active || filter.config.isLoading)
41 | return;
42 | var filterName = filter.name;
43 | C[filterName] = filter.config.blendParams(A[filterName], B[filterName], position);
44 | });
45 | return resultKeyframe;
46 | },
47 |
48 | getFilterValues: function(filter) {
49 | if (!this.value.hasOwnProperty(filter.name))
50 | this.value[filter.name] = {};
51 | return this.value[filter.name];
52 | },
53 |
54 | addFilterDefaultValue: function(filter) {
55 | this.value[filter.name] = Global.Utils.clone(filter.config.defaultValues());
56 | },
57 |
58 | removeFilterValue: function(filter) {
59 | delete this.value[filter.name];
60 | },
61 |
62 | updateKeyframeAfterConfigChange: function(filter, configChange) {
63 | var filterValues = this.getFilterValues(filter);
64 | $.each(configChange.deletedKeys, function(i, name) {
65 | delete filterValues[name];
66 | });
67 | $.each(configChange.addedValues, function(name, value) {
68 | if (filterValues.hasOwnProperty(name))
69 | return;
70 | filterValues[name] = value;
71 | });
72 | $.each(configChange.changedValues, function(name, value) {
73 | console.log("changed ", filter, name, value);
74 | filterValues[name] = value;
75 | });
76 | }
77 | };
78 |
79 | Global.Keyframe = Keyframe;
80 |
81 |
82 | })();
--------------------------------------------------------------------------------
/lib/utils/color_scheme.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function roundedValue(value) {
20 | if (typeof value == "number")
21 | return Math.round(value * 1000) / 1000;
22 | return value;
23 | }
24 |
25 | var noColoring = {
26 | parameterName: Global.Utils.identity,
27 | value: function(value, unit) {
28 | return roundedValue(value) + ((unit !== undefined) ? unit : "");
29 | },
30 | fn: function(fn, args) {
31 | var valueArgs = [];
32 | $.each(args, function(key, value) { valueArgs.push(noColoring.value(value)); });
33 | return fn + "(" + valueArgs.join(", ") + ")";
34 | },
35 | builtinFn: function(fn, args) {
36 | var valueArgs = [];
37 | $.each(args, function(key, value) { valueArgs.push(noColoring.value(value)); });
38 | return fn + "(" + valueArgs.join(" ") + ")";
39 | },
40 | uri: Global.Utils.identity,
41 | keyword: Global.Utils.identity,
42 | keyframe: function(percent, filters) {
43 | return percent + " {\n" +
44 | " -webkit-filter: " + filters.join(" ") + ";\n" +
45 | "}";
46 | }
47 | };
48 |
49 | var colorTheme = {
50 | parameterName: function(name) {
51 | return "
" + name + " ";
52 | },
53 | value: function(value, unit) {
54 | return "
" + roundedValue(value) + " " +
55 | ((unit !== undefined) ? ("
" + unit + " ") : "");
56 | },
57 | fn: function(fn, args) {
58 | var valueArgs = [];
59 | $.each(args, function(key, value) { valueArgs.push(colorTheme.value(value)); });
60 | return "
" + fn +
61 | " ( " +
62 | valueArgs.join(", ") + " ) ";
63 | },
64 | builtinFn: function(fn, args) {
65 | var valueArgs = [];
66 | $.each(args, function(key, value) { valueArgs.push(colorTheme.value(value)); });
67 | return "
" + fn +
68 | " ( " +
69 | valueArgs.join(" ") + " ) ";
70 | },
71 | _dataURL: /^data:/,
72 | uri: function(uri) {
73 | var className = "";
74 | if (this._dataURL.test(uri))
75 | className = " data-uri";
76 | return "
" + uri + " ";
77 | },
78 | keyword: function(value) {
79 | return "
" + value + " ";
80 | },
81 | keyframe: function(percent, filters) {
82 | return "
"+
83 | "
" + percent + " " +
84 | "
{ " +
85 | "
" +
86 | "-webkit-filter : " +
87 | filters.join(" ") +
88 | " ;
} ";
89 | }
90 | };
91 |
92 | Global.ColorSchemes = {
93 | noColoring: noColoring,
94 | colorTheme: colorTheme
95 | };
96 |
97 | })();
--------------------------------------------------------------------------------
/lib/utils/config.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function(){
18 |
19 | function Config() {
20 | }
21 | Global.Config = Config;
22 |
23 | Config.prototype.load = function(config) {
24 | this.filters = config;
25 | }
26 |
27 | })();
--------------------------------------------------------------------------------
/lib/utils/css_generators.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | Global.CSSGenerators = {};
20 |
21 | Global.CSSGenerators.identity = Global.Utils.identity;
22 |
23 | Global.CSSGenerators.transform = function(v, colors) {
24 | return [
25 | colors.fn("perspective", [colors.value(Global.Utils.checkDefaultNumber(v.perspective, 1000))]),
26 | colors.fn("scale", [colors.value(Global.Utils.checkDefaultNumber(v.scale, 1))]),
27 | colors.fn("rotateX", [colors.value(Global.Utils.checkDefaultNumber(v.rotationX, 0), "deg")]),
28 | colors.fn("rotateY", [colors.value(Global.Utils.checkDefaultNumber(v.rotationY, 0), "deg")]),
29 | colors.fn("rotateZ", [colors.value(Global.Utils.checkDefaultNumber(v.rotationZ, 0), "deg")])].join(" ");
30 | }
31 |
32 | Global.CSSGenerators.filterArray = function(values, colors) {
33 | return colors.fn("array", values);
34 | }
35 |
36 | Global.CSSGenerators.vector = function(values, colors) {
37 | return $.map(values, function(val) { return colors.value(val); }).join(" ");
38 | }
39 |
40 | Global.CSSGenerators.color = function(values, colors) {
41 | return colors.fn("rgba", $.map(values, function(val, index) {
42 | if (index < 3)
43 | return colors.value(Math.round(val * 255));
44 | return colors.value(val);
45 | }));
46 | }
47 |
48 | Global.CSSGenerators.warpArray = function(values, colors) {
49 | return Global.WarpHelpers.generateWarpArray(values, colors);
50 | }
51 |
52 | })();
--------------------------------------------------------------------------------
/lib/utils/event_dispatcher.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function EventDispatcher() {
20 | this._events = {};
21 | }
22 |
23 | EventDispatcher.prototype = {
24 | fire: function(name, data) {
25 | var listeners = this.getListenersList(name),
26 | self = this;
27 | if (!listeners)
28 | return;
29 | listeners = $.map(listeners, function(fn) { return fn; });
30 | $.each(listeners, function(i, fn) {
31 | if (data)
32 | fn.apply(this, data);
33 | else
34 | fn.call(this);
35 | });
36 | },
37 |
38 | getListenersList: function(name, create) {
39 | if (create && !this._events[name])
40 | this._events[name] = [];
41 | return this._events[name];
42 | },
43 |
44 | on: function(name, fn) {
45 | var listeners = this.getListenersList(name, true);
46 | if (listeners.indexOf(fn) != -1)
47 | return;
48 | listeners.push(fn);
49 | return fn;
50 | },
51 |
52 | off: function(name, fn) {
53 | var listeners = this.getListenersList(name),
54 | index = listeners.indexOf(fn);
55 | if (index == -1)
56 | return;
57 | listeners.splice(index, 1);
58 | return fn;
59 | }
60 | };
61 |
62 | Global.EventDispatcher = EventDispatcher;
63 |
64 | })();
--------------------------------------------------------------------------------
/lib/utils/local_storage.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function FileEntry(storage, path, name) {
20 | this.storage = storage;
21 | this.path = path;
22 | this.name = name;
23 | }
24 |
25 | FileEntry.prototype = {
26 | toURL: function(value) {
27 | return "data:text/plain;base64," + Global.Utils.encodeBase64(value || "");
28 | }
29 | };
30 |
31 | function LocalStorage() {
32 | this.storage = window.localStorage;
33 | this.files = this.readFileSystem();
34 | }
35 |
36 | LocalStorage.prototype = {
37 | descriptor: "filesystem",
38 |
39 | register: function(callback) {
40 | callback(this);
41 | },
42 |
43 | saveFileSystem: function() {
44 | if (!this.storage)
45 | return;
46 | this.storage.setItem(this.descriptor, JSON.stringify(this.files));
47 | },
48 |
49 | readFileSystem: function() {
50 | if (!this.storage)
51 | return null;
52 | var fileSystem = this.storage.getItem(this.descriptor);
53 | if (!fileSystem)
54 | return {
55 | root: {},
56 | filesCount: 0
57 | };
58 | return JSON.parse(fileSystem);
59 | },
60 |
61 | getDirectoryEntry: function(path, create) {
62 | if (!this.files)
63 | return;
64 | var entry = this.files.root;
65 | for (var i = 0; i < path.length; ++i) {
66 | var folderName = path[i];
67 | if (entry.hasOwnProperty(folderName)) {
68 | entry = entry[folderName];
69 | continue;
70 | }
71 | if (!create)
72 | return null;
73 | entry = entry[folderName] = {};
74 | }
75 | return entry;
76 | },
77 |
78 | splitPath: function(path) {
79 | return path.split("/");
80 | },
81 |
82 | saveFileEntry: function(entry, value) {
83 | if (!this.storage)
84 | return;
85 | var filePath = entry.path,
86 | fileName = entry.name,
87 | dirEntry = this.getDirectoryEntry(filePath, true);
88 | var key = dirEntry[fileName];
89 | if (!key) {
90 | var fileId = "file" + (++this.files.filesCount);
91 | key = dirEntry[fileName] = {
92 | fileId: fileId,
93 | name: fileName
94 | };
95 | this.saveFileSystem();
96 | }
97 | this.storage.setItem(key.fileId, value);
98 | },
99 |
100 | removeFileEntry: function(entry, value) {
101 | if (!this.storage)
102 | return;
103 | var filePath = entry.path,
104 | fileName = entry.name,
105 | dirEntry = this.getDirectoryEntry(filePath, true);
106 | var key = dirEntry[fileName];
107 | if (!key)
108 | return;
109 | delete dirEntry[fileName];
110 | this.saveFileSystem();
111 | this.storage.removeItem(key);
112 | },
113 |
114 | loadFileEntry: function(entry) {
115 | if (!this.storage)
116 | return null;
117 | var filePath = entry.path,
118 | fileName = entry.name,
119 | dirEntry = this.getDirectoryEntry(filePath, false);
120 | if (!dirEntry)
121 | return null;
122 | var key = dirEntry[fileName];
123 | if (!key)
124 | return null;
125 | return this.storage.getItem(key.fileId);
126 | },
127 |
128 | get: function(path, callback) {
129 | var self = this;
130 | this.getEntry(path,
131 | function(err, entry) {
132 | if (err) {
133 | callback(err);
134 | return;
135 | }
136 | self.readFile(entry, callback);
137 | });
138 | },
139 |
140 | getEntry: function(path, callback) {
141 | var filePath = this.splitPath(path),
142 | fileName = filePath.pop();
143 | callback(null, new FileEntry(this, filePath, fileName));
144 | },
145 |
146 | readFile: function(entry, callback) {
147 | callback(null, this.loadFileEntry(entry));
148 | },
149 |
150 | save: function(path, data, callback) {
151 | var self = this;
152 | this.getEntry(path, function(err, entry) {
153 | self.saveFileEntry(entry, data);
154 | if (callback)
155 | callback(null, entry);
156 | });
157 | },
158 |
159 | list: function(path, callback) {
160 | var filePath = this.splitPath(path),
161 | dirEntry = this.getDirectoryEntry(filePath, true),
162 | list = [],
163 | self = this;
164 | if (!dirEntry)
165 | return callback(null, []);
166 | $.each(dirEntry, function(i, entry) {
167 | list.push(new FileEntry(self, filePath, entry.name));
168 | });
169 | callback(null, list);
170 | },
171 |
172 | createDirectory: function(path, callback) {
173 | var filePath = this.splitPath(path),
174 | dirEntry = this.getDirectoryEntry(filePath, true);
175 | callback(null, path);
176 | },
177 |
178 | deleteFile: function(path, callback) {
179 | var self = this;
180 | this.getEntry(path, function(err, entry) {
181 | self.removeFileEntry(entry);
182 | callback(null);
183 | });
184 | }
185 | }
186 |
187 | Global.LocalStorage = LocalStorage;
188 | })();
--------------------------------------------------------------------------------
/lib/utils/mixers.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function(){
18 |
19 | var mixers = {
20 | mixNumber: function(a, b, t) {
21 | return a * (1 - t) + b * t;
22 | },
23 |
24 | mixVector: function(a, b, t) {
25 | var r = [];
26 | for (var i=0; i
")
30 | .addClass("panel-container")
31 | .data("item", this);
32 |
33 | this.tabListEl = $("
")
34 | .addClass("panel-tab-list")
35 | .appendTo(this.el);
36 | },
37 |
38 | add: function(panel) {
39 | this.items.push(panel);
40 | this.tabListEl.append(panel.tabEl);
41 | this.el.append(panel.el);
42 | panel.setContainer(this);
43 | if (this.items.length == 1)
44 | panel.setActive(true);
45 | return this;
46 | },
47 |
48 | setHeight: function(height) {
49 | this.el.css("-webkit-box-flex", "0")
50 | .css("-webkit-flex", 1)
51 | .css("height", height);
52 | return this;
53 | },
54 |
55 | setActiveTab: function(tab) {
56 | $.each(this.items, function(i, item) {
57 | if (item == tab)
58 | return;
59 | item.setActive(false);
60 | });
61 | },
62 |
63 | setIsDocumentArea: function() {
64 | this.isDocumentArea = true;
65 | return this;
66 | },
67 |
68 | addClass: function(className) {
69 | this.el.addClass(className)
70 | return this;
71 | },
72 |
73 | removeTabs: function() {
74 | this.tabListEl.remove()
75 | return this;
76 | },
77 |
78 | setFixed: function() {
79 | this.isFixed = true;
80 | return this;
81 | }
82 | });
83 |
84 | Global.DockContainer = DockContainer;
85 |
86 | })();
--------------------------------------------------------------------------------
/lib/views/dock_panel.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function DockPanel(name) {
20 | DockPanel.$super.call(this);
21 | this.name = name;
22 | this.initPanel();
23 | this.active = false;
24 | }
25 |
26 | Global.Utils.extend(DockPanel).from(Global.EventDispatcher);
27 |
28 | $.extend(DockPanel.prototype, {
29 | initPanel: function() {
30 | var self = this;
31 | this.el = $("
")
32 | .addClass("panel-view");
33 | this.tabEl = $("
")
34 | .addClass("panel-tab")
35 | .text(this.name)
36 | .click(function() {
37 | self.setActive(true);
38 | return false;
39 | });
40 | },
41 |
42 | setActive: function(active) {
43 | this.active = active;
44 | this.el.toggleClass("active", active);
45 | this.tabEl.toggleClass("active", active);
46 | if (active && this.container)
47 | this.container.setActiveTab(this);
48 | this.fire("activeStateChanged", [active]);
49 | },
50 |
51 | setContainer: function(container) {
52 | this.container = container;
53 | }
54 | });
55 |
56 | Global.DockPanel = DockPanel;
57 |
58 | })();
--------------------------------------------------------------------------------
/lib/views/dock_view.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function DockView(containerEl) {
20 | this.containerEl = containerEl.addClass("dock-root");
21 | DockView.$super.call(this, null, "horizontal");
22 | Global.DockView.UsingNewFlexBox = (containerEl.css("display") == "-webkit-flex");
23 | }
24 |
25 | Global.Utils.extend(DockView).from(Global.DockColumn);
26 |
27 | $.extend(DockView.prototype, {
28 | add: function(panel) {
29 | var column = this.addVerticalColumn();
30 | return column.add(panel);
31 | }
32 | });
33 |
34 | Global.DockView = DockView;
35 |
36 | })();
--------------------------------------------------------------------------------
/lib/views/filter_item_view.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function(){
18 |
19 | function FilterItemView(filter) {
20 | this.filter = filter;
21 | this.filter.on("filterStateChanged", this.onFilterStateChanged.bind(this));
22 | this.filter.on("filterSourceChanged", this.onFilterSourceChanged.bind(this));
23 | this.filter.config.on("configChanged", this.onFilterConfigChanged.bind(this));
24 | this.init();
25 | }
26 |
27 | FilterItemView.prototype = {
28 | init: function() {
29 | var self = this;
30 |
31 | this._buildParamsControls();
32 |
33 | this.el = (this.el || $("
"))
34 | .toggleClass("builtin-filter", this.filter.isBuiltin())
35 | .toggleClass("custom-filter", !this.filter.isBuiltin())
36 | .toggleClass("forked-filter", this.filter.isFork())
37 | .toggleClass('current', this.filter.active)
38 | .toggleClass('loading', !!this.filter.config.isLoading)
39 | .data("filterItemView", this);
40 |
41 | if (!this.deleteButton) {
42 | this.deleteButton = $("
").text("Delete").appendTo(this.el)
43 | .click(function() {
44 | self.filter.removeFilter();
45 | });
46 | }
47 |
48 | if (!this.dragPoint)
49 | this.dragPoint = $("
").appendTo(this.el);
50 |
51 | this.stateCheckbox = $("
")
52 | .click(function(e) {
53 | self.filter.toggleFilter();
54 | });
55 |
56 | if (!this.stateToggle)
57 | this.stateToggle = $("
")
58 | .append(this.stateCheckbox)
59 | .append($("")
60 | .append($("
"))
61 | )
62 | .appendTo(this.el)
63 |
64 | if (!this.labelEl) {
65 | this.labelEl = $("
")
66 | .appendTo(this.el)
67 | }
68 |
69 | this.labelEl.text(this.filter.config.label);
70 |
71 | if (!this.configEl)
72 | this.configEl = $("
").appendTo(this.el);
73 | this.configEl.empty().append(this.controlsEl);
74 | },
75 |
76 | onFilterConfigChanged: function() {
77 | this.init();
78 | },
79 |
80 | onFilterStateChanged: function(active) {
81 | if (active) {
82 | this.el.addClass('current');
83 | this.stateCheckbox.attr("checked", true)
84 | this.configEl.hide().slideDown(100);
85 | } else {
86 | this.el.removeClass('current');
87 | this.stateCheckbox.attr("checked", false)
88 | this.configEl.slideUp(100);
89 | }
90 | },
91 |
92 | /**
93 | * Builds shader controls for the given set of parameter values
94 | * and description
95 | */
96 | _buildParamsControls: function () {
97 | var table = $(""),
98 | self = this,
99 | controls = [],
100 | config = this.filter.config;
101 | this.controls = controls;
102 | this.controlsEl = table;
103 | if (config.isLoading)
104 | return;
105 | $.each(config.params, function (name) {
106 | var filterParam = config.config[name],
107 | type = filterParam.type || 'range';
108 | if (type == 'hidden' || type == "unknown")
109 | return;
110 |
111 | var EditorClass = Global.Controls.get(type);
112 | if (!EditorClass)
113 | return;
114 | var editor = new EditorClass(self, name, filterParam);
115 | controls.push({
116 | name: name,
117 | editor: editor
118 | });
119 | var tr = $(" " + name + ":").addClass("progress-bar-interior").appendTo(this.progressBarEl);
23 | }
24 |
25 | LoadingProgressView.prototype = {
26 | setValue: function(value) {
27 | var progress = Math.round(Math.max(0, Math.min(1, value)) * 100) + "%";
28 | this.progressBarInteriorEl.css("width", progress);
29 | this.labelEl.text("Loading " + progress);
30 | },
31 | hide: function() {
32 | $(this.el).hide();
33 | }
34 | };
35 |
36 | Global.LoadingProgressView = LoadingProgressView;
37 |
38 | })();
--------------------------------------------------------------------------------
/lib/views/logo_view.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function LogoView(filterDock, filterStore) {
20 | this.filterDock = filterDock;
21 | this.filterStore = filterStore;
22 | this.filterDockToggleEl = $("#filter-store-toggle");
23 | this.importFilterEl = $("#import-filter");
24 | this.importFilterEl.click(this.onImportFilterClicked.bind(this));
25 | this.outsideLayerEl = $("
").addClass("clicks-catcher");
26 | this.dockPanel = new Global.DockPanel("Logo");
27 | this.logoEl = $("#logo").appendTo(this.dockPanel.el);
28 | this.init();
29 | }
30 |
31 | LogoView.prototype = {
32 | init: function() {
33 | this.filterDock.containerEl.hide();
34 | this.outsideLayerEl.click(this.hideFilterDock.bind(this));
35 | this.filterDockToggleEl.click(this.showFilterDock.bind(this));
36 | },
37 |
38 | showFilterDock: function() {
39 | this.filterDockToggleEl.addClass("selected");
40 |
41 | var offset = this.filterDockToggleEl.offset(),
42 | width = this.filterDockToggleEl.outerWidth(),
43 | height = this.filterDockToggleEl.outerHeight();
44 | this.filterDock.containerEl
45 | .css("left", offset.left + width / 2)
46 | .css("top", offset.top + height);
47 |
48 | this.filterDock.containerEl.show();
49 | this.filterDock.containerEl.before(this.outsideLayerEl);
50 |
51 | return false;
52 | },
53 |
54 | hideFilterDock: function() {
55 | this.filterDockToggleEl.removeClass("selected");
56 | this.outsideLayerEl.detach();
57 | this.filterDock.containerEl.hide();
58 |
59 | return false;
60 | },
61 |
62 | onImportFilterClicked: function() {
63 | var url = prompt("GitHub gist ID or url: ");
64 | if (!url)
65 | return;
66 | this.filterStore.loadFromGitHub(url, function(err, filter) {
67 | if (err)
68 | console.error(err);
69 | });
70 | }
71 | }
72 |
73 | Global.LogoView = LogoView;
74 |
75 | })();
--------------------------------------------------------------------------------
/lib/views/preset_store_view.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function PresetStoreView(presetStore) {
20 | this.presetStore = presetStore;
21 | this.dockPanel = new Global.DockPanel("Presets");
22 |
23 | this.activeAnimationEl = $("#active-animation");
24 | this.animationsEl = $("#animations");
25 | this.saveAsEl = $("#save-animation");
26 |
27 | this.animationsContainerEl = $("#animations-container").appendTo(this.dockPanel.el);
28 |
29 | this.presetsByName = {};
30 |
31 | this.outsideLayerEl = $("
").addClass("clicks-catcher");
32 |
33 | // move the animations el to the upper most layer
34 | this.animationsEl.appendTo(document.body);
35 |
36 | this.init();
37 | }
38 |
39 | PresetStoreView.prototype = {
40 | init: function() {
41 | this.saveAsEl.click(this.onSaveAsClicked.bind(this));
42 | this.presetStore.on("presetsLoaded", this.onPresetsLoaded.bind(this));
43 | this.presetStore.on("presetAdded", this.onPresetAdded.bind(this));
44 | this.presetStore.on("presetRemoved", this.onPresetRemoved.bind(this));
45 | this.presetStore.on("activePresetChanged", this.onActivePresetChanged.bind(this));
46 |
47 | this.animationsEl.hide();
48 | this.outsideLayerEl.click(this.hidePresets.bind(this));
49 | this.activeAnimationEl.click(this.showPresets.bind(this));
50 | },
51 |
52 | showPresets: function() {
53 | var topOffset = this.activeAnimationEl.offset(),
54 | height = this.activeAnimationEl.outerHeight(),
55 | width = this.activeAnimationEl.outerWidth();
56 | this.animationsEl.css("top", topOffset.top + height);
57 | this.animationsEl.css("left", topOffset.left);
58 | this.animationsEl.css("width", width);
59 | this.animationsEl.show();
60 | this.animationsEl.before(this.outsideLayerEl);
61 | },
62 |
63 | hidePresets: function() {
64 | this.animationsEl.hide();
65 | this.outsideLayerEl.detach();
66 | },
67 |
68 | enableSaveAs: function(){
69 | this.saveAsEl.removeClass('disabled');
70 | },
71 |
72 | onSaveAsClicked: function() {
73 | if (this.presetStore.savePresetAs())
74 | this.saveAsEl.addClass('disabled');
75 | return false;
76 | },
77 |
78 | onDeleteClicked: function(preset) {
79 | this.presetStore.deletePreset(preset);
80 | this.hidePresets();
81 | },
82 |
83 | onPresetsLoaded: function() {
84 | this.animationsContainerEl.show();
85 | },
86 |
87 | onPresetAdded: function(preset) {
88 | var key = "_" + preset;
89 | if (this.presetsByName.hasOwnProperty(key))
90 | return;
91 | var el = $("')
93 | .text(preset)
94 | .append($('')
95 | .addClass('icon icon-remove')
96 | .click(function(){
97 | var message = "Are you sure you want to delete the '"+ preset +"' preset?";
98 | if(window.confirm(message))
99 | this.onDeleteClicked(preset)
100 | }.bind(this))
101 | )
102 | )
103 | .click(this.onPresetNameClicked.bind(this, preset))
104 | .appendTo(this.animationsEl);
105 | this.presetsByName[key] = el;
106 | return el;
107 | },
108 |
109 | onPresetNameClicked: function(preset) {
110 | this.hidePresets();
111 | this.presetStore.loadPreset(preset);
112 | return false;
113 | },
114 |
115 | onPresetRemoved: function(preset) {
116 | var key = "_" + preset,
117 | removedEl = this.presetsByName[key];
118 | if (!removedEl)
119 | return;
120 | delete this.presetsByName[key];
121 | removedEl.remove();
122 | },
123 |
124 | onActivePresetChanged: function(newPreset, oldPreset) {
125 | var oldEl = this.presetsByName["_" + oldPreset],
126 | newEl = this.presetsByName["_" + newPreset];
127 | if (oldEl)
128 | oldEl.removeClass("current");
129 | if (!newEl)
130 | newEl = this.onPresetAdded(newPreset);
131 | newEl.addClass("current");
132 | this.activeAnimationEl.text(newPreset);
133 | }
134 |
135 | };
136 |
137 | Global.PresetStoreView = PresetStoreView;
138 |
139 | })();
--------------------------------------------------------------------------------
/lib/views/shader_code_editor_view.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | (function() {
18 |
19 | function ShaderCodeEditorView(angleLib, shaderType, codeEditorEl, errorsPanelEl) {
20 | ShaderCodeEditorView.$super.call(this, codeEditorEl);
21 | this.angleLib = angleLib;
22 | this.shaderType = shaderType;
23 | this.codeEditorEl = codeEditorEl;
24 | this.errorsPanelEl = errorsPanelEl;
25 | this.lastCompileErrorMarkers = [];
26 | this.on("valueChanged", this.onShaderTextChanged.bind(this));
27 | }
28 |
29 | Global.Utils.extend(ShaderCodeEditorView).from(Global.CodeEditor);
30 |
31 | $.extend(ShaderCodeEditorView.prototype, {
32 |
33 | onShaderTextChanged: function(newValue) {
34 | var self = this;
35 |
36 | // Remove old errors.
37 | this.errorsPanelEl.empty();
38 | $.each(this.lastCompileErrorMarkers, function(i, error) {
39 | self.editor.clearMarker(error.gutterMarker);
40 | error.inlineMarker.clear();
41 | });
42 | this.lastCompileErrorMarkers = [];
43 |
44 | this.angleLib.compile(this.shaderType, newValue, function(err, data) {
45 | if (err) {
46 | console.error(err);
47 | return;
48 | }
49 |
50 | // If the code changed since we requested this result, just ignore it.
51 | if (data.original != self.getValue())
52 | return;
53 |
54 | if (!data.errors) {
55 | self.fire("uniformsDetected", [data.uniforms]);
56 | return;
57 | }
58 |
59 | $("
").addClass("header").text(Global.Utils.upperCaseFirstLetter(self.shaderType) +
60 | " shader errors").appendTo(self.errorsPanelEl);
61 |
62 | $.each(data.errors, function(i, error) {
63 | $("