diff options
author | Ananya Sen | 2012-02-10 16:05:27 -0800 |
---|---|---|
committer | Ananya Sen | 2012-02-10 16:05:27 -0800 |
commit | f3dc624fa464a79fd8e8cec1ddd16ed2109bda23 (patch) | |
tree | f716757dab75d7626297893c7f4aca3596d606de /js/panels/Timeline | |
parent | c48eeb01bd726895dc577d8b843b2a75883eee07 (diff) | |
download | ninja-f3dc624fa464a79fd8e8cec1ddd16ed2109bda23.tar.gz |
Revert "Merge from /joseeight/ninja-internal/tree/FileIO"
This reverts commit c48eeb01bd726895dc577d8b843b2a75883eee07.
Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
Diffstat (limited to 'js/panels/Timeline')
55 files changed, 253 insertions, 5393 deletions
diff --git a/js/panels/Timeline/Collapser.js b/js/panels/Timeline/Collapser.js deleted file mode 100644 index d286d84c..00000000 --- a/js/panels/Timeline/Collapser.js +++ /dev/null | |||
@@ -1,320 +0,0 @@ | |||
1 | /* | ||
2 | * Collapser: Takes two elements and creates a visual "expando:" clicking on one element expands/collapses the other. | ||
3 | * Required properties: | ||
4 | * clicker: The element that will be clicked on. | ||
5 | * content: The element that will expand or collapse as the clicker is clicked on. | ||
6 | * Optional properties: | ||
7 | * isCollapsed: Is the content collapsed. Set to true on serialization (or initialization) to start content in collapsed state. | ||
8 | * Can be manually set as well. | ||
9 | * collapsibleClass: The CSS class to apply to the content and the clicker when collapsed. Defaults to "collapsible-collapsed". | ||
10 | * isAnimated: Set to true to apply a transition to expand/collapse (defaults to false). | ||
11 | * transitionClass: If isAnimated is set to true, the component will apply transitionClass to the content during the | ||
12 | * collapse process. You can then define transitionClass in your style sheet with the desired CSS transitions. | ||
13 | * Defaults to "collapsible-transition". | ||
14 | * contentHeight: If both isAnimated and isCollapsedAtStart are set to true, set contentHeight to the height of the content | ||
15 | * (in pixels, but without the "px") when not collapsed. If this value is not set, the first time the content is expanded | ||
16 | * the transition will not work. Subsequent collapses (and expansions) will transition as expected. | ||
17 | * isLabelClickable: Boolean that indicates whether or not the clicker should have listener events. Defaults to true; set to | ||
18 | * false for collapsers that will only be operated remotely. | ||
19 | * toggle(): Manually toggle the expand/collapse of the content. | ||
20 | * | ||
21 | */ | ||
22 | var Montage = require("montage/core/core").Montage, | ||
23 | Component = require("montage/ui/component").Component, | ||
24 | Collapser = exports.Collapser = Montage.create(Component, { | ||
25 | |||
26 | // This component has no template. | ||
27 | hasTemplate:{ | ||
28 | value: false | ||
29 | }, | ||
30 | |||
31 | /* === BEGIN: Models === */ | ||
32 | |||
33 | // contentHeight: Stores the height of the content just before collapse. | ||
34 | _contentHeight: { | ||
35 | value: 0 | ||
36 | }, | ||
37 | contentHeight: { | ||
38 | get: function() { | ||
39 | return this._contentHeight; | ||
40 | }, | ||
41 | set: function(newVal) { | ||
42 | this._contentHeight = newVal; | ||
43 | } | ||
44 | }, | ||
45 | |||
46 | // isCollapsing: true if the collapser is collapsing (or expanding); used in the draw cycle. | ||
47 | _isCollapsing: { | ||
48 | value: false | ||
49 | }, | ||
50 | |||
51 | // isAnimated: boolean to apply transition to expand/collapse | ||
52 | _isAnimated : { | ||
53 | value: false | ||
54 | }, | ||
55 | isAnimated: { | ||
56 | get: function() { | ||
57 | return this._isAnimated; | ||
58 | }, | ||
59 | set: function(newVal) { | ||
60 | this._isAnimated = newVal; | ||
61 | } | ||
62 | }, | ||
63 | |||
64 | _bypassAnimation : { | ||
65 | value: false | ||
66 | }, | ||
67 | bypassAnimation: { | ||
68 | get: function() { | ||
69 | return this._bypassAnimation; | ||
70 | }, | ||
71 | set: function(newVal) { | ||
72 | this._bypassAnimation= newVal; | ||
73 | } | ||
74 | }, | ||
75 | |||
76 | // transitionClass: The CSS class to apply to the content during collapse to provide CSS transition. | ||
77 | // Note that this CSS class must be defined in your style sheet with the desired transitions. | ||
78 | _transitionClass : { | ||
79 | value: "collapsible-transition" | ||
80 | }, | ||
81 | transitionClass: { | ||
82 | get: function() { | ||
83 | return this._transitionClass; | ||
84 | }, | ||
85 | set: function(newVal) { | ||
86 | this._transitionClass = newVal; | ||
87 | } | ||
88 | }, | ||
89 | |||
90 | // isCollapsed: is the content actually collapsed at this moment | ||
91 | _isCollapsed: { | ||
92 | value: "" | ||
93 | }, | ||
94 | isCollapsed : { | ||
95 | get: function() { | ||
96 | return this._isCollapsed; | ||
97 | }, | ||
98 | set: function(newVal) { | ||
99 | if (newVal !== this._isCollapsed) { | ||
100 | this._isCollapsed = newVal; | ||
101 | this.needsDraw = true; | ||
102 | } | ||
103 | |||
104 | } | ||
105 | }, | ||
106 | |||
107 | // collapsedClass: the class to apply to the clicker and content when the content is collapsed. | ||
108 | _collapsedClass : { | ||
109 | value: "collapsible-collapsed" | ||
110 | }, | ||
111 | collapsedClass: { | ||
112 | get: function() { | ||
113 | return this._collapsedClass; | ||
114 | }, | ||
115 | set: function(newVal) { | ||
116 | this._collapsedClass = newVal; | ||
117 | } | ||
118 | }, | ||
119 | |||
120 | // _origOverflowValue: Stores the original overflow value of the collapsible element. | ||
121 | // Why store the value? While the collapsible element is collapsed, obviously we will need overflow: hidden. | ||
122 | // But when the collapsible element is open, we will need overflow to return to its original value. | ||
123 | _origOverflowValue : { | ||
124 | value: false | ||
125 | }, | ||
126 | |||
127 | // isLabelClickable: Boolean for whether or not the label is clickable. If set to false, | ||
128 | // the label click listener is never applied. For collapsibles that will only be operated remotely. | ||
129 | // Defaults to true. | ||
130 | _isLabelClickable : { | ||
131 | value: true | ||
132 | }, | ||
133 | isLabelClickable : { | ||
134 | get: function() { | ||
135 | return this._isLabelClickable; | ||
136 | }, | ||
137 | set: function(newVal) { | ||
138 | this._isLabelClickable = newVal; | ||
139 | } | ||
140 | }, | ||