From c48eeb01bd726895dc577d8b843b2a75883eee07 Mon Sep 17 00:00:00 2001 From: Ananya Sen Date: Fri, 10 Feb 2012 16:03:52 -0800 Subject: Merge from /joseeight/ninja-internal/tree/FileIO Signed-off-by: Ananya Sen --- js/panels/Timeline/Span.reel/Span.html | 27 ++++++++++++++++++++ js/panels/Timeline/Span.reel/Span.js | 41 +++++++++++++++++++++++++++++++ js/panels/Timeline/Span.reel/css/Span.css | 11 +++++++++ 3 files changed, 79 insertions(+) create mode 100644 js/panels/Timeline/Span.reel/Span.html create mode 100644 js/panels/Timeline/Span.reel/Span.js create mode 100644 js/panels/Timeline/Span.reel/css/Span.css (limited to 'js/panels/Timeline/Span.reel') 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 @@ + + + + + + + + + +

+ + + \ 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..f7bd4ff0 --- /dev/null +++ b/js/panels/Timeline/Span.reel/Span.js @@ -0,0 +1,41 @@ +var Montage = require("montage/core/core").Montage; +var Component = require("montage/ui/component").Component; + +var Span = exports.Span = Montage.create(Component, { + + hasTemplate:{ + value: true + }, + + _spanWidth:{ + value:0 + }, + + spanWidth:{ + serializable:true, + get:function () { + return this._spanWidth; + }, + set:function (value) { + this._spanWidth = value; + } + }, + + prepareForDraw:{ + value:function(){ + + } + }, + + draw:{ + value: function(){ + this.tweenspan.style.width = this.spanWidth + "px"; + } + }, + + highlightSpan:{ + value: function(){ + this.tweenspan.classList.add("spanHighlight"); + } + } +}); 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..f239454d --- /dev/null +++ b/js/panels/Timeline/Span.reel/css/Span.css @@ -0,0 +1,11 @@ +.tween_span{ + position: absolute; + height: 16px; + opacity: 0.15; + background-color: white; +} + +.tween_span.spanHighlight{ + background-color: #a0c8ff; + opacity: 0.4; +} \ No newline at end of file -- cgit v1.2.3