aboutsummaryrefslogtreecommitdiff
path: root/js
diff options
context:
space:
mode:
Diffstat (limited to 'js')
-rwxr-xr-xjs/components/gradientpicker.reel/gradientpicker.js67
-rw-r--r--js/components/hintable.reel/hintable.js8
-rwxr-xr-xjs/components/tools-properties/brush-properties.reel/brush-properties.html2
-rwxr-xr-xjs/components/tools-properties/fill-properties.reel/fill-properties.html2
-rwxr-xr-xjs/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html2
-rwxr-xr-xjs/components/tools-properties/pen-properties.reel/pen-properties.html4
-rwxr-xr-xjs/components/tools-properties/shape-properties.reel/shape-properties.html5
-rwxr-xr-xjs/components/tools-properties/shape-properties.reel/shape-properties.js8
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.html2
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.css4
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.html2
-rwxr-xr-xjs/controllers/elements/element-controller.js40
-rwxr-xr-xjs/helper-classes/3D/StageLine.js309
-rwxr-xr-xjs/helper-classes/3D/draw-utils.js46
-rwxr-xr-xjs/mediators/element-mediator.js346
-rwxr-xr-xjs/mediators/keyboard-mediator.js7
-rw-r--r--js/panels/Timeline/Collapser.js2
-rw-r--r--js/panels/Timeline/EasingMenu.reel/EasingMenu.html35
-rw-r--r--js/panels/Timeline/EasingMenu.reel/EasingMenu.js180
-rw-r--r--js/panels/Timeline/EasingMenu.reel/css/EasingMenu.css86
-rw-r--r--js/panels/Timeline/EasingMenu.reel/scss/EasingMenu.scss85
-rw-r--r--js/panels/Timeline/EasingMenu.reel/scss/config.rb9
-rw-r--r--js/panels/Timeline/Keyframe.reel/Keyframe.js74
-rw-r--r--js/panels/Timeline/Keyframe.reel/css/Keyframe.css11
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.html153
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.js779
-rw-r--r--js/panels/Timeline/Layer.reel/css/Layer.css78
-rw-r--r--js/panels/Timeline/Layer.reel/scss/Layer.scss14
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html40
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js474
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/css/PropertyTrack.css11
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/scss/PropertyTrack.scss8
-rw-r--r--js/panels/Timeline/Span.reel/Span.html10
-rw-r--r--js/panels/Timeline/Span.reel/Span.js175
-rw-r--r--js/panels/Timeline/Span.reel/css/Span.css65
-rw-r--r--js/panels/Timeline/Span.reel/scss/Span.scss65
-rw-r--r--js/panels/Timeline/Span.reel/scss/config.rb9
-rw-r--r--js/panels/Timeline/Style.reel/Style.html7
-rw-r--r--js/panels/Timeline/Style.reel/Style.js711
-rw-r--r--js/panels/Timeline/Style.reel/css/Style.css91
-rw-r--r--js/panels/Timeline/Style.reel/scss/Style.scss11
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html15
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js1368
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css24
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss3
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html104
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js549
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/css/TimelineTrack.css18
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/scss/TimelineTrack.scss2
-rw-r--r--js/panels/Timeline/Tween.reel/Tween.js179
-rwxr-xr-xjs/panels/properties.reel/properties.css10
-rwxr-xr-xjs/panels/properties.reel/properties.js1
-rwxr-xr-xjs/tools/SelectionTool.js17
53 files changed, 4515 insertions, 1812 deletions
diff --git a/js/components/gradientpicker.reel/gradientpicker.js b/js/components/gradientpicker.reel/gradientpicker.js
index 7fd5d918..6071f3c6 100755
--- a/js/components/gradientpicker.reel/gradientpicker.js
+++ b/js/components/gradientpicker.reel/gradientpicker.js
@@ -52,6 +52,11 @@ exports.GradientPicker = Montage.create(Component, {
52 }, 52 },
53 //////////////////////////////////////////////////////////////////// 53 ////////////////////////////////////////////////////////////////////
54 // 54 //
55 _trackData: {
56 value: {width: 0, x: 0, y: 0}
57 },
58 ////////////////////////////////////////////////////////////////////
59 //
55 prepareForDraw: { 60 prepareForDraw: {
56 value: function() { 61 value: function() {
57 // 62 //
@@ -62,7 +67,7 @@ exports.GradientPicker = Montage.create(Component, {
62 willDraw: { 67 willDraw: {
63 value: function() { 68 value: function() {
64 //Getting component views from layout 69 //Getting component views from layout
65 this.element._trackWidth = parseInt(getComputedStyle(this.trackChips).getPropertyCSSValue('width').cssText); 70 this._trackData.width = parseInt(getComputedStyle(this.trackChips).getPropertyCSSValue('width').cssText);
66 //TODO: Fix events and remove this hack 71 //TODO: Fix events and remove this hack
67 this.trackCover.addEventListener('mouseover', function () { 72 this.trackCover.addEventListener('mouseover', function () {
68 if (!this._updating) { 73 if (!this._updating) {
@@ -83,13 +88,13 @@ exports.GradientPicker = Montage.create(Component, {
83 // 88 //
84 draw: { 89 draw: {
85 value: function() { 90 value: function() {
86 // 91 //Checking for mode to assign radio value
87 if (this.mode === 'linear') { 92 if (this.mode === 'linear') {
88 this.radioLinear.checked = 'true'; 93 this.radioLinear.checked = 'true';
89 } else if (this.mode === 'radial') { 94 } else if (this.mode === 'radial') {
90 this.radioRadial.checked = 'true'; 95 this.radioRadial.checked = 'true';
91 } 96 }
92 // 97 //Checkign for value to initialize stops
93 if (!this.value) { 98 if (!this.value) {
94 this.addDefaultStops(); 99 this.addDefaultStops();
95 } else { 100 } else {
@@ -104,35 +109,17 @@ exports.GradientPicker = Montage.create(Component, {
104 // 109 //
105 didDraw: { 110 didDraw: {
106 value: function() { 111 value: function() {
107 // 112 //Adding event listener for stops
108 this.trackMain.addEventListener('click', this, false); 113 this.trackMain.addEventListener('click', this, false);
109 114 //Getting position of track
110 115 var point = webkitConvertPointFromNodeToPage(this.trackMain, new WebKitPoint(0, 0));
111 116 //Setting position of track to calculate movement
112 117 this._trackData.x = point.x;
113 118 this._trackData.y = point.y;
114 ////////////////////////////////////////////////////////////
115 ////////////////////////////////////////////////////////////
116 //TODO: Determing a better way to get screen position
117 var element = this.trackMain;
118 this.element._trackX = 0, this.element._trackY = 0;
119 //
120 while (element && !isNaN(element.offsetLeft) && !isNaN(element.offsetTop)) {
121 this.element._trackX += element.offsetLeft - element.scrollLeft;
122 this.element._trackY += element.offsetTop - element.scrollTop;
123 element = element.parentNode;
124 }
125 ////////////////////////////////////////////////////////////
126 ////////////////////////////////////////////////////////////
127
128 //This is forever changing, not sure why
129 //console.log(this.element._trackX, this.element._trackY);
130
131
132 } 119 }
133 }, 120 },
134 //////////////////////////////////////////////////////////////////// 121 ////////////////////////////////////////////////////////////////////
135 // 122 //Default stops funtion (reset)
136 addDefaultStops: { 123 addDefaultStops: {
137 value: function() { 124 value: function() {
138 this.addStop({color: {mode: 'rgb', value: {r: 255, g: 255, b: 255, a: 1, css: 'rgb(255, 255, 255)'}}, percent: 0}, true); 125 this.addStop({color: {mode: 'rgb', value: {r: 255, g: 255, b: 255, a: 1, css: 'rgb(255, 255, 255)'}}, percent: 0}, true);
@@ -223,24 +210,10 @@ exports.GradientPicker = Montage.create(Component, {
223 } else if (percent>100) { 210 } else if (percent>100) {
224 percent = 100; 211 percent = 100;
225 } 212 }
226 213 //
227 214 var adj = (parseInt(getComputedStyle(stop).getPropertyCSSValue('width').cssText)*percent/100)/this._trackData.width;
228
229
230 ////////////////////////////////////////////////////////////
231 ////////////////////////////////////////////////////////////
232 //TODO: toggling visibility because of a browser bug
233 stop.style.visibility = 'hidden'; //TODO: To be removed
234 var adj = (parseInt(getComputedStyle(stop).getPropertyCSSValue('width').cssText)*percent/100)/this.element._trackWidth;
235 stop.style.left = Math.round(percent-Math.round(adj*100))+'%'; 215 stop.style.left = Math.round(percent-Math.round(adj*100))+'%';
236 stop.button.stopPosition = percent; 216 stop.button.stopPosition = percent;
237 stop.style.visibility = 'visible'; //TODO: To be removed
238 ////////////////////////////////////////////////////////////
239 ////////////////////////////////////////////////////////////
240
241
242
243
244 } catch (e) { 217 } catch (e) {
245 //TEMP 218 //TEMP
246 } 219 }
@@ -292,15 +265,15 @@ exports.GradientPicker = Montage.create(Component, {