diff options
| author | Jonathan Duran | 2012-02-06 13:30:49 -0800 |
|---|---|---|
| committer | Jonathan Duran | 2012-02-06 13:30:49 -0800 |
| commit | a39bad832722a10f6556f91e94c3301a41f59bd5 (patch) | |
| tree | e436e919f9f67c56e8bce462aab95ff3804813cc /js/panels/Timeline/Span.reel | |
| parent | 671a27069db6a121507c2b342653aede685cff67 (diff) | |
| download | ninja-a39bad832722a10f6556f91e94c3301a41f59bd5.tar.gz | |
merge new timeline
Signed-off-by: Jonathan Duran <jduran@motorola.com>
Diffstat (limited to 'js/panels/Timeline/Span.reel')
| -rw-r--r-- | js/panels/Timeline/Span.reel/Span.html | 27 | ||||
| -rw-r--r-- | js/panels/Timeline/Span.reel/Span.js | 35 | ||||
| -rw-r--r-- | js/panels/Timeline/Span.reel/css/Span.css | 6 |
3 files changed, 68 insertions, 0 deletions
diff --git a/js/panels/Timeline/Span.reel/Span.html b/js/panels/Timeline/Span.reel/Span.html new file mode 100644 index 00000000..e36a25d6 --- /dev/null +++ b/js/panels/Timeline/Span.reel/Span.html | |||
| @@ -0,0 +1,27 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | <head> | ||
| 4 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
| 5 | <link rel="stylesheet" type="text/css" href="css/Span.css"> | ||
| 6 | <script type="text/montage-serialization"> | ||
| 7 | { | ||
| 8 | "owner": { | ||
| 9 | "module": "js/panels/Timeline/Span.reel", | ||
| 10 | "name": "Span", | ||
| 11 | "properties": { | ||
| 12 | "element": {"#": "spanspace"}, | ||
| 13 | "tweenspan": {"#": "tweenspan"} | ||
| 14 | } | ||
| 15 | } | ||
| 16 | |||
| 17 | } | ||
| 18 | </script> | ||
| 19 | </head> | ||
| 20 | <body> | ||
| 21 | |||
| 22 | <div id="spanspace"> | ||
| 23 | <div id="tweenspan" class="tween_span"></div> | ||
| 24 | </div> | ||
| 25 | |||
| 26 | </body> | ||
| 27 | </html> \ No newline at end of file | ||
diff --git a/js/panels/Timeline/Span.reel/Span.js b/js/panels/Timeline/Span.reel/Span.js new file mode 100644 index 00000000..05f56a32 --- /dev/null +++ b/js/panels/Timeline/Span.reel/Span.js | |||
| @@ -0,0 +1,35 @@ | |||
| 1 | var Montage = require("montage/core/core").Montage; | ||
| 2 | var Component = require("montage/ui/component").Component; | ||
| 3 | |||
| 4 | var Span = exports.Span = Montage.create(Component, { | ||
| 5 | |||
| 6 | hasTemplate:{ | ||
| 7 | value: true | ||
| 8 | }, | ||
| 9 | |||
| 10 | _spanWidth:{ | ||
| 11 | value:0 | ||
| 12 | }, | ||
| 13 | |||
| 14 | spanWidth:{ | ||
| 15 | serializable:true, | ||
| 16 | get:function () { | ||
| 17 | return this._spanWidth; | ||
| 18 | }, | ||
| 19 | set:function (value) { | ||
| 20 | this._spanWidth = value; | ||
| 21 | } | ||
| 22 | }, | ||
| 23 | |||
| 24 | prepareForDraw:{ | ||
| 25 | value:function(){ | ||
| 26 | |||
| 27 | } | ||
| 28 | }, | ||
| 29 | |||
| 30 | draw:{ | ||
| 31 | value: function(){ | ||
| 32 | this.tweenspan.style.width = this.spanWidth + "px"; | ||
| 33 | } | ||
| 34 | } | ||
| 35 | }); | ||
diff --git a/js/panels/Timeline/Span.reel/css/Span.css b/js/panels/Timeline/Span.reel/css/Span.css new file mode 100644 index 00000000..1583c20f --- /dev/null +++ b/js/panels/Timeline/Span.reel/css/Span.css | |||
| @@ -0,0 +1,6 @@ | |||
| 1 | .tween_span{ | ||
| 2 | position: absolute; | ||
| 3 | height: 16px; | ||
| 4 | opacity: 0.3; | ||
| 5 | background-color: white; | ||
| 6 | } \ No newline at end of file | ||