From ea4385add0e9087487ccded929c2d6674d326db8 Mon Sep 17 00:00:00 2001 From: Ananya Sen Date: Wed, 18 Apr 2012 00:29:52 -0700 Subject: - collapse panels for code view, restore for design view - apply theme selection to all code view documents Signed-off-by: Ananya Sen --- js/panels/Splitter.js | 35 ++++++++++++++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) (limited to 'js/panels') diff --git a/js/panels/Splitter.js b/js/panels/Splitter.js index 98ebb36a..0640abb2 100755 --- a/js/panels/Splitter.js +++ b/js/panels/Splitter.js @@ -55,7 +55,6 @@ exports.Splitter = Montage.create(Component, { }, set: function(value) { this._collapsed = value; - this.application.localStorage.setItem(this.element.getAttribute("data-montage-id"), {"version": this.version, "value": value}); } }, @@ -139,5 +138,39 @@ exports.Splitter = Montage.create(Component, { value: function() { this.handleClick(); } + }, + + collapse:{ + value: function() { + if (this.collapsed === false) { + if(this.panel.element) { + this.panel.element.addEventListener("webkitTransitionEnd", this, false); + } else { + this.panel.addEventListener("webkitTransitionEnd", this, false); + } + this._collapsed = true; + this.needsDraw = true; + } + } + }, + restore:{ + value: function() { + //Get splitter initial value from SettingManager + var storedData = this.application.localStorage.getItem(this.element.getAttribute("data-montage-id")), temp = this.collapsed; + if(storedData && this.element.getAttribute("data-montage-id") !== null) { + this._collapsed = storedData.value; + + } else { + this._collapsed = false; + } + if(temp != this._collapsed){ + if(this.panel.element) { + this.panel.element.addEventListener("webkitTransitionEnd", this, false); + } else { + this.panel.addEventListener("webkitTransitionEnd", this, false); + } + this.needsDraw = true; + } + } } }); -- cgit v1.2.3 From b3bc7a02218ff0c2eacde5d68d76c47574e534bc Mon Sep 17 00:00:00 2001 From: Jon Reid Date: Fri, 27 Apr 2012 15:07:31 -0700 Subject: Timeline: Replace id with data-montage-id in all reels. --- js/panels/Timeline/Keyframe.reel/Keyframe.html | 2 +- .../Timeline/PropertyTrack.reel/PropertyTrack.html | 2 +- js/panels/Timeline/Span.reel/Span.html | 2 +- js/panels/Timeline/Style.reel/Style.html | 12 ++--- .../Timeline/TimelinePanel.reel/TimelinePanel.html | 60 +++++++++++----------- js/panels/Timeline/Track.reel/Track.html | 6 +-- .../Timeline/TrackSpacer.reel/TrackSpacer.html | 4 +- js/panels/Timeline/Tween.reel/Tween.html | 6 +-- 8 files changed, 47 insertions(+), 47 deletions(-) (limited to 'js/panels') diff --git a/js/panels/Timeline/Keyframe.reel/Keyframe.html b/js/panels/Timeline/Keyframe.reel/Keyframe.html index 6f9a6d05..4b029874 100644 --- a/js/panels/Timeline/Keyframe.reel/Keyframe.html +++ b/js/panels/Timeline/Keyframe.reel/Keyframe.html @@ -22,7 +22,7 @@ -
+
diff --git a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html index 2af78f9a..a4b598c5 100644 --- a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html +++ b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html @@ -22,7 +22,7 @@ -
+
\ No newline at end of file diff --git a/js/panels/Timeline/Span.reel/Span.html b/js/panels/Timeline/Span.reel/Span.html index 3d3aef1b..8baa141a 100644 --- a/js/panels/Timeline/Span.reel/Span.html +++ b/js/panels/Timeline/Span.reel/Span.html @@ -22,7 +22,7 @@ -
+
diff --git a/js/panels/Timeline/Style.reel/Style.html b/js/panels/Timeline/Style.reel/Style.html index 9fb098de..5be159c3 100644 --- a/js/panels/Timeline/Style.reel/Style.html +++ b/js/panels/Timeline/Style.reel/Style.html @@ -65,23 +65,23 @@ -
+
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html index f10e9ac9..19709ca7 100644 --- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html +++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html @@ -151,29 +151,29 @@ -
+
- +
-
+
-
-
-
-
-
-
-
-
-
00:00:00
+
+
+
+
+
+
+
+
+
00:00:00
-
-
+
+
Master Layer
@@ -187,36 +187,36 @@
-
-
+
+
-
-
- +
+
+
-
-
+
+
-
-
+
+
-
+
-
-
-
+
+
+
-
-
+
+
@@ -224,7 +224,7 @@
-
+
diff --git a/js/panels/Timeline/Track.reel/Track.html b/js/panels/Timeline/Track.reel/Track.html index 9c72f430..0f0c7c9c 100644 --- a/js/panels/Timeline/Track.reel/Track.html +++ b/js/panels/Timeline/Track.reel/Track.html @@ -53,9 +53,9 @@ -
-
-
+
+
+
diff --git a/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html index 47778b5d..54944e5d 100644 --- a/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html +++ b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html @@ -22,8 +22,8 @@ -
-
+
+
diff --git a/js/panels/Timeline/Tween.reel/Tween.html b/js/panels/Timeline/Tween.reel/Tween.html index c161b3f8..aba42436 100644 --- a/js/panels/Timeline/Tween.reel/Tween.html +++ b/js/panels/Timeline/Tween.reel/Tween.html @@ -37,9 +37,9 @@ -
-
-
+
+
+
-- cgit v1.2.3 From a8ad82e6595b75838305eb4fa83385a42053ffd6 Mon Sep 17 00:00:00 2001 From: Jon Reid Date: Mon, 30 Apr 2012 16:00:41 -0700 Subject: Timeline: Change serialization parameters for some component properties. --- js/panels/Timeline/Layer.reel/Layer.js | 42 +++++----------------- js/panels/Timeline/Style.reel/Style.js | 6 ---- .../Timeline/TimelinePanel.reel/TimelinePanel.js | 15 ++------ .../Timeline/TimelineTrack.reel/TimelineTrack.js | 34 +----------------- js/panels/Timeline/Track.reel/Track.js | 12 ++----- js/panels/Timeline/Tween.reel/Tween.js | 5 --- 6 files changed, 16 insertions(+), 98 deletions(-) (limited to 'js/panels') diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js index f2e20d41..0fb91634 100644 --- a/js/panels/Timeline/Layer.reel/Layer.js +++ b/js/panels/Timeline/Layer.reel/Layer.js @@ -36,13 +36,10 @@ var Layer = exports.Layer = Montage.create(Component, { /* Style models: the array of styles, and the repetition that uses them */ _arrLayerStyles : { - serializable: true, - enumerable: true, value: [] }, arrLayerStyles : { serializable: true, - enumerable: true, get: function() { return this._arrLayerStyles; }, @@ -142,8 +139,7 @@ var Layer = exports.Layer = Montage.create(Component, { /* Position and Transform hottext values */ _dtextPositionX : { - value:null, - serializable: true + value:null }, dtextPositionX:{ @@ -161,8 +157,7 @@ var Layer = exports.Layer = Montage.create(Component, { }, _dtextPositionY : { - value:null, - serializable: true + value:null }, dtextPositionY:{ @@ -180,8 +175,7 @@ var Layer = exports.Layer = Montage.create(Component, { }, _dtextScaleX : { - value:null, - serializable: true + value:null }, dtextScaleX:{ @@ -199,8 +193,7 @@ var Layer = exports.Layer = Montage.create(Component, { }, _dtextScaleY : { - value:null, - serializable: true + value:null }, dtextScaleY:{ @@ -218,8 +211,7 @@ var Layer = exports.Layer = Montage.create(Component, { }, _dtextSkewX : { - value:null, - serializable: true + value:null }, dtextSkewX:{ @@ -237,8 +229,7 @@ var Layer = exports.Layer = Montage.create(Component, { }, _dtextSkewY : { - value:null, - serializable: true + value:null }, dtextSkewY:{ @@ -256,8 +247,7 @@ var Layer = exports.Layer = Montage.create(Component, { }, _dtextRotate : { - value:null, - serializable: true + value:null }, dtextRotate:{ @@ -276,10 +266,7 @@ var Layer = exports.Layer = Montage.create(Component, { /* isSelected: whether or not the layer is currently selected. */ _isSelected:{ - value: false, - writable: true, - serializable: true, - enumerable: false + value: false }, isSelected:{ @@ -319,9 +306,7 @@ var Layer = exports.Layer = Montage.create(Component, { _isAnimated:{ - value: false, - writable: true, - enumerable: false + value: false }, isAnimated:{ @@ -363,7 +348,6 @@ var Layer = exports.Layer = Montage.create(Component, { // Are the various collapsers collapsed or not _isMainCollapsed : { - serializable: true, value: true }, isMainCollapsed : { @@ -379,7 +363,6 @@ var Layer = exports.Layer = Montage.create(Component, { }, _isTransformCollapsed : { - serializable: true, value: true }, isTransformCollapsed : { @@ -394,7 +377,6 @@ var Layer = exports.Layer = Montage.create(Component, { }, _isPositionCollapsed : { - serializable: true, value: true }, isPositionCollapsed : { @@ -409,7 +391,6 @@ var Layer = exports.Layer = Montage.create(Component, { }, _isStyleCollapsed : { - serializable: true, value: true }, isStyleCollapsed : { @@ -423,7 +404,6 @@ var Layer = exports.Layer = Montage.create(Component, { } }, _bypassAnimation : { - serializable: true, value: false }, bypassAnimation : { @@ -445,12 +425,10 @@ var Layer = exports.Layer = Montage.create(Component, { }, _layerData:{ - serializable:true, value:{} }, layerData:{ - serializable:true, get:function(){ return this._layerData; }, @@ -504,11 +482,9 @@ var Layer = exports.Layer = Montage.create(Component, { /* Data binding point and outgoing binding trigger method */ _bindingPoint : { - serializable: true, value : {} }, bindingPoint: { - serializable: true, get: function() { return this._bindingPoint; }, diff --git a/js/panels/Timeline/Style.reel/Style.js b/js/panels/Timeline/Style.reel/Style.js index 027f3a40..c39f3a56 100644 --- a/js/panels/Timeline/Style.reel/Style.js +++ b/js/panels/Timeline/Style.reel/Style.js @@ -27,7 +27,6 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { /* === BEGIN: Models === */ // isSelected: whether or not the style is selected _isSelected: { - serializable: true, value: false }, isSelected: { @@ -60,7 +59,6 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { // Property for this editor _editorProperty: { - serializable: true, value: "" }, editorProperty: { @@ -76,7 +74,6 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { // Value for the property for this editor. _editorValue: { - serializable: true, value: "" }, editorValue: { @@ -92,7 +89,6 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { // The tweener used to change the value for this property. _ruleTweener: { - serializable: true, value: false }, ruleTweener: { @@ -137,7 +133,6 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { // whichView: which view should we show: hintable or propval _whichView : { - serializable: true, value: "hintable" }, whichView: { @@ -161,7 +156,6 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { // styleID: the id for this style; // Used to publish events _styleID : { - serializable: true, value: null }, styleID: { diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js index 70e04b4c..64303cef 100644 --- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js +++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js @@ -16,7 +16,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { /* === BEGIN: Models === */ _arrLayers:{ - serializable:true, value:[] }, @@ -47,12 +46,10 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { _layerRepetition:{ - serializable:true, value:null }, layerRepetition:{ - serializable:true, get:function () { return this._layerRepetition; }, @@ -170,7 +167,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { }, _masterDuration:{ - serializable:true, value:0 }, @@ -186,12 +182,10 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { }, _trackRepetition:{ - serializable:true, value:null }, trackRepetition:{ - serializable:true, get:function () { return this._trackRepetition; }, @@ -249,18 +243,15 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { }, _firstTimeLoaded:{ - value:true, - writable:true + value:true }, _captureSelection:{ - value:false, - writable:true + value:false }, _openDoc:{ - value:false, - writable:true + value:false }, timeMarkerHolder:{ diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js index e46a5eb0..efeeba00 100644 --- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js +++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js @@ -16,7 +16,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _trackID:{ - serializable:true, value:null }, @@ -105,7 +104,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { } }, _bypassAnimation : { - serializable: true, value: false }, bypassAnimation : { @@ -122,13 +120,10 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _arrStyleTracks : { - serializable:true, - enumerable:true, value: [] }, arrStyleTracks: { serializable:true, - enumerable:true, get: function() { return this._arrStyleTracks; }, @@ -138,11 +133,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { } }, _styleTracksRepetition: { - serializable: true, value: null }, styleTracksRepetition : { - serializable: true, get: function() { return this._styleTracksRepetition; }, @@ -153,13 +146,10 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { /* Position Property Tracks */ _arrPositionTracks : { - serializable:true, - enumerable:true, value: [] }, arrPositionTracks: { serializable:true, - enumerable:true, get: function() { return this._arrPositionTracks; }, @@ -169,11 +159,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { } }, _positionTracksRepetition: { - serializable: true, value: null }, positionTracksRepetition : { - serializable: true, get: function() { return this._positionTracksRepetition; }, @@ -185,13 +173,10 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { /* Transform Property Tracks */ _arrTransformTracks : { - serializable:true, - enumerable:true, value: [] }, arrTransformTracks: { serializable:true, - enumerable:true, get: function() { return this._arrTransformTracks; }, @@ -201,11 +186,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { } }, _transformTracksRepetition: { - serializable: true, value: null }, transformTracksRepetition : { - serializable: true, get: function() { return this._transformTracksRepetition; }, @@ -215,12 +198,11 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _tweens:{ - enumerable: false, value:[] }, tweens:{ - serializable:true, + serializable: true, get:function () { return this._tweens; }, @@ -231,12 +213,10 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _tweenRepetition:{ - serializable:true, value:null }, tweenRepetition:{ - serializable:true, get:function () { return this._spanRepetition; }, @@ -246,7 +226,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _trackDuration:{ - serializable: true, value:0 }, @@ -265,7 +244,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _trackPosition:{ - serializable:true, value:0 }, @@ -281,7 +259,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _currentKeyframeRule:{ - serializable: true, value:null }, @@ -305,7 +282,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _isTrackAnimated:{ - serializable: true, value:null }, @@ -322,12 +298,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { // should be unneeded with one element per layer restriction _animatedElement:{ - enumerable: true, - serializable:true, value:null }, animatedElement:{ - enumerable: true, serializable:true, get:function () { return this._animatedElement; @@ -339,7 +312,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _animationName:{ - serializable:true, value:null }, @@ -372,12 +344,10 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { }, _trackData:{ - serializable: true, value: false }, trackData:{ - serializable:true, get:function(){ return this._trackData; }, @@ -419,11 +389,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { // Data binding observation point and trigger method _bindingPoint : { - serializable: true, value : {} }, bindingPoint: { - serializable: true, get: function() { return this._bindingPoint; }, diff --git a/js/panels/Timeline/Track.reel/Track.js b/js/panels/Timeline/Track.reel/Track.js index cfc2541b..8c52199a 100644 --- a/js/panels/Timeline/Track.reel/Track.js +++ b/js/panels/Timeline/Track.reel/Track.js @@ -15,9 +15,7 @@ var Track = exports.Track = Montage.create(Component, { }, _trackID:{ - value:null, - writable:true, - enumerable:true + value:null }, trackID:{ @@ -30,7 +28,6 @@ var Track = exports.Track = Montage.create(Component, { }, _spans:{ - serializable:true, value:[] }, @@ -45,12 +42,10 @@ var Track = exports.Track = Montage.create(Component, { }, _spanRepetition:{ - serializable:true, value:null }, spanRepetition:{ - serializable:true, get:function () { return this._spanRepetition; }, @@ -85,9 +80,8 @@ var Track = exports.Track = Montage.create(Component, { //TEMP keyFrames:{ - value:[], - writable:true, - enumerable:true + serializable: true, + value:[] }, prepareForDraw: { diff --git a/js/panels/Timeline/Tween.reel/Tween.js b/js/panels/Timeline/Tween.reel/Tween.js index b13a037f..8b6826ed 100644 --- a/js/panels/Timeline/Tween.reel/Tween.js +++ b/js/panels/Timeline/Tween.reel/Tween.js @@ -14,12 +14,10 @@ var Tween = exports.Tween = Montage.create(Component, { }, _tweenData:{ - serializable: true, value:{} }, tweenData:{ - serializable: true, get:function(){ return this._tweenData; }, @@ -32,7 +30,6 @@ var Tween = exports.Tween = Montage.create(Component, { }, _spanWidth: { - serializable: true, value: 0 }, @@ -109,7 +106,6 @@ var Tween = exports.Tween = Montage.create(Component, { }, _tweenedProperties:{ - serializable: true, value:[] }, @@ -124,7 +120,6 @@ var Tween = exports.Tween = Montage.create(Component, { }, _isTweenAnimated:{ - serializable:true, value:false }, -- cgit v1.2.3 From 6b67b498b3b1eec82e7bb7f34261e2c390506616 Mon Sep 17 00:00:00 2001 From: Nivesh Rajbhandari Date: Mon, 30 Apr 2012 16:04:13 -0700 Subject: Updating id to data-montage-id (and associated CSS, if necessary) in some of our custom ui controls (such as hottest, slider, etc.), materials panels and three-d section of the PI. Signed-off-by: Nivesh Rajbhandari --- .../materials-library-panel.css | 43 +++++++++------------- .../materials-library-panel.html | 14 +++---- .../materials-popup.reel/materials-popup.css | 15 +++++--- .../materials-popup.reel/materials-popup.html | 26 ++++--------- .../sections/three-d-view.reel/three-d-view.html | 30 +++++++-------- 5 files changed, 57 insertions(+), 71 deletions(-) (limited to 'js/panels') diff --git a/js/panels/Materials/materials-library-panel.reel/materials-library-panel.css b/js/panels/Materials/materials-library-panel.reel/materials-library-panel.css index fe88ebf6..bed3acfe 100755 --- a/js/panels/Materials/materials-library-panel.reel/materials-library-panel.css +++ b/js/panels/Materials/materials-library-panel.reel/materials-library-panel.css @@ -5,43 +5,34 @@ */ .materials_library_panel hr { - float: left; - clear: both; - width: 100%; - display: block; - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1d1d1d), color-stop(0.75, #424242)); - border: none; - height: 2px; - margin: 4px 0px 4px 0px; + float: left; + clear: both; + width: 100%; + display: block; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1d1d1d), color-stop(0.75, #424242)); + border: none; + height: 2px; + margin: 4px 0 4px 0; } -#ml_buttons { +.ml_buttons { clear:both; float: left; - margin: 0px -4px 0px 4px; + margin: 0 -4px 0 4px; width: 97%; } -#ml_buttons .nj-skinned{ - height: 22px; - overflow: hidden; - display: block; - cursor: pointer; - margin: 0px 1px; -} - -#ml_add_btn { - float: left; - width: 60px; -} - -#ml_copy_btn { +.ml_buttons .nj-skinned { + height: 22px; + overflow: hidden; + display: block; + cursor: pointer; + margin: 0 1px; float: left; width: 60px; } -#ml_delete_btn { +.ml_buttons .nj-skinned:last-child { float: right; - width: 60px; } \ No newline at end of file diff --git a/js/panels/Materials/materials-library-panel.reel/materials-library-panel.html b/js/panels/Materials/materials-library-panel.reel/materials-library-panel.html index 741ff6aa..7fc48a55 100755 --- a/js/panels/Materials/materials-library-panel.reel/materials-library-panel.html +++ b/js/panels/Materials/materials-library-panel.reel/materials-library-panel.html @@ -88,15 +88,15 @@ -
-
-
+
+
+

-
- - - +
+ + +
diff --git a/js/panels/Materials/materials-popup.reel/materials-popup.css b/js/panels/Materials/materials-popup.reel/materials-popup.css index 2d339411..943d9bcb 100755 --- a/js/panels/Materials/materials-popup.reel/materials-popup.css +++ b/js/panels/Materials/materials-popup.reel/materials-popup.css @@ -21,15 +21,15 @@ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1d1d1d), color-stop(0.75, #424242)); border: none; height: 2px; - margin: 4px 0px 4px 0px; + margin: 4px 0 4px 0; } -#mp_title { - margin: 4px 0px 0px 0px; +.mp_title { + margin: 4px 0 0 0; text-align: center; } -#mp_preview { +.mp_preview { height: 100px; text-align: center; } @@ -84,12 +84,17 @@ width: 27px !important; height: 27px !important; overflow:hidden !important; + margin-top: -6px; +} + +.mp_properties_list .mp_property:first-child { + margin-bottom: 12px; } .mp_buttons { clear:both; float: left; - margin: 0px -4px 0px 4px; + margin: 0 -4px 4px 4px; width: 97%; } diff --git a/js/panels/Materials/materials-popup.reel/materials-popup.html b/js/panels/Materials/materials-popup.reel/materials-popup.html index 9fdbc00d..d18599d6 100755 --- a/js/panels/Materials/materials-popup.reel/materials-popup.html +++ b/js/panels/Materials/materials-popup.reel/materials-popup.html @@ -88,29 +88,19 @@ - -
-
Material Name
- +
+
Material Name

- -
Preview Pane
- +
Preview Pane

- -
-
+
+
-
- -
- - +
+ +
-
- - \ No newline at end of file diff --git a/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.html b/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.html index b82124d0..5ef13fab 100755 --- a/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.html +++ b/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.html @@ -259,43 +259,43 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot -
-
+
+
-
+
-
+

- +
-
+
- +
-
+
- +
-
+
@@ -306,7 +306,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
-
+
@@ -314,7 +314,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
-
+
@@ -322,7 +322,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
-
+
@@ -336,7 +336,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
-
+
@@ -347,7 +347,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
- +
-- cgit v1.2.3 From d917e865cbc7fd8929e068aeba967af1bd64c5e7 Mon Sep 17 00:00:00 2001 From: Jon Reid Date: Mon, 30 Apr 2012 17:34:11 -0700 Subject: Timeline: bug fix: disable bread crumb setlevel. --- js/panels/Timeline/Layer.reel/Layer.js | 1 + js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) (limited to 'js/panels') diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js index 0fb91634..b23da749 100644 --- a/js/panels/Timeline/Layer.reel/Layer.js +++ b/js/panels/Timeline/Layer.reel/Layer.js @@ -558,6 +558,7 @@ var Layer = exports.Layer = Montage.create(Component, { }, didDraw: { value: function() { + // console.log("Layer.didDraw: Layer "+ this.layerID ); if (this._isFirstDraw === true) { if (this.isSelected === true) { if (this.application.ninja.currentDocument._uuid === this._docUUID) { diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js index 64303cef..6e64cde0 100644 --- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js +++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js @@ -705,7 +705,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { // there is a currentDocument. We don't do anything at that time. return; } - this.application.ninja.currentDocument.setLevel = true; + // this.application.ninja.currentDocument.setLevel = true; this._boolCacheArrays = false; this.clearTimelinePanel(); this._boolCacheArrays = true; -- cgit v1.2.3 From 5a74b74e8ec76d60cadf623cabaa0b667f1c4058 Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Wed, 2 May 2012 11:08:59 -0700 Subject: code cleanup Signed-off-by: Valerio Virgillito --- js/panels/properties.reel/properties.js | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'js/panels') diff --git a/js/panels/properties.reel/properties.js b/js/panels/properties.reel/properties.js index ee90cd64..8c2daa14 100755 --- a/js/panels/properties.reel/properties.js +++ b/js/panels/properties.reel/properties.js @@ -208,11 +208,7 @@ exports.Properties = Montage.create(Component, { this.threeD.zAngle = ElementsMediator.get3DProperty(stage, "zAngle"); } - if(ElementsMediator.getProperty(stage, "-webkit-transform-style") === "preserve-3d") { - this.threeD.flatten = false; - } else { - this.threeD.flatten = true; - } + this.threeD.flatten = ElementsMediator.getProperty(stage, "-webkit-transform-style") !== "preserve-3d"; if(this.customPi !== stage.elementModel.pi) { // We need to unregister color chips from the previous selection from the Color Model -- cgit v1.2.3 From 4feaf41f201e56c1332208851d7dee4f060aaf89 Mon Sep 17 00:00:00 2001 From: Jose Antonio Marquez Date: Thu, 3 May 2012 09:59:47 -0700 Subject: Changing ID to Montage-ID for Color Panel --- js/panels/color/colorchippopup.reel/colorchippopup.html | 2 +- js/panels/color/colorpanelbase.reel/colorpanelbase.html | 2 +- js/panels/color/colorpanelpopup.reel/colorpanelpopup.html | 2 +- js/panels/color/colortoolbar.reel/colortoolbar.html | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) (limited to 'js/panels') diff --git a/js/panels/color/colorchippopup.reel/colorchippopup.html b/js/panels/color/colorchippopup.reel/colorchippopup.html index ff0c6498..cdb26894 100755 --- a/js/panels/color/colorchippopup.reel/colorchippopup.html +++ b/js/panels/color/colorchippopup.reel/colorchippopup.html @@ -28,7 +28,7 @@ -
+
#
diff --git a/js/panels/color/colorpanelbase.reel/colorpanelbase.html b/js/panels/color/colorpanelbase.reel/colorpanelbase.html index f40bd448..19bc4b6b 100755 --- a/js/panels/color/colorpanelbase.reel/colorpanelbase.html +++ b/js/panels/color/colorpanelbase.reel/colorpanelbase.html @@ -26,7 +26,7 @@ -
+
diff --git a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html index 0698a6dc..f65d5bc0 100755 --- a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html +++ b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html @@ -26,7 +26,7 @@ -
+
diff --git a/js/panels/color/colortoolbar.reel/colortoolbar.html b/js/panels/color/colortoolbar.reel/colortoolbar.html index e32a475c..6561ed99 100755 --- a/js/panels/color/colortoolbar.reel/colortoolbar.html +++ b/js/panels/color/colortoolbar.reel/colortoolbar.html @@ -28,7 +28,7 @@ -
+
-- cgit v1.2.3 From 92e7297c153b432ede5b95d86cd934c990ebe768 Mon Sep 17 00:00:00 2001 From: Kruti Shah Date: Thu, 3 May 2012 10:57:45 -0700 Subject: Dom Manipulation Signed-off-by: Kruti Shah --- .../Timeline/TimelinePanel.reel/TimelinePanel.js | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'js/panels') diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js index 70e04b4c..66ef1b97 100644 --- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js +++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js @@ -278,6 +278,12 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { _dragLayerID : { value: null }, + + layersDragged:{ + value:[], + writable:true + }, + dragLayerID : { get: function() { return this._dragLayerID; @@ -302,6 +308,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { var dragLayerIndex = this.getLayerIndexByID(this.dragLayerID), dropLayerIndex = this.getLayerIndexByID(this.dropLayerID), dragLayer = this.arrLayers[dragLayerIndex]; + this.layersDragged.push(dragLayer); + this._layerDroppedInPlace = this.arrLayers[dropLayerIndex]; this.arrLayers.splice(dragLayerIndex, 1); this.arrLayers.splice(dropLayerIndex, 0, dragLayer); @@ -403,6 +411,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { this._deleteHelper = false; } } + this.application.ninja.elementMediator.reArrangeDOM(this.layersDragged , this._layerDroppedInPlace); + this.layersDragged =[]; } } }, @@ -903,15 +913,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { } }, - - - - - - - - - deselectTweens:{ value:function () { for (var i = 0; i < this.selectedTweens.length; i++) { @@ -1038,7 +1039,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { this._openDoc = false; - } }, -- cgit v1.2.3 From 2078bfa96afaef40acb4edac99848ba55e808ef1 Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Thu, 3 May 2012 15:15:21 -0700 Subject: Refactor creating elements. Removed makeNJElement and separated the model creation Signed-off-by: Valerio Virgillito --- .../components-panel.reel/components-panel.js | 64 ++++++++++------------ 1 file changed, 30 insertions(+), 34 deletions(-) (limited to 'js/panels') diff --git a/js/panels/components-panel.reel/components-panel.js b/js/panels/components-panel.reel/components-panel.js index 79eac37b..4169423b 100755 --- a/js/panels/components-panel.reel/components-panel.js +++ b/js/panels/components-panel.reel/components-panel.js @@ -317,81 +317,77 @@ exports.ComponentsPanel = Montage.create(Component, { switch(name) { case "anchor": - el = NJUtils.makeNJElement("a", "Anchor", "component"); - el.elementModel.pi = "AnchorPi"; + el = document.application.njUtils.make("a", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Anchor"); el.setAttribute("href", "http://www.motorola.com"); el.innerHTML = "link"; break; case "button": - el = NJUtils.makeNJElement(name, "Button", "component"); - el.elementModel.pi = "ButtonPi"; + el = document.application.njUtils.make(name, null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Button"); el.setAttribute("type", "button"); el.innerHTML = "Button"; break; case "checkbox": - el = NJUtils.makeNJElement("input", "Checkbox", "component"); - el.elementModel.pi = "CheckboxPi"; + el = document.application.njUtils.make("input", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Checkbox"); el.setAttribute("type", "checkbox"); break; case "imageComponent": - el = NJUtils.makeNJElement("image", "Image", "component"); - el.elementModel.pi = "ImagePi"; + el = document.application.njUtils.make("image", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Image"); el.setAttribute("width", 200); el.setAttribute("height", 200); break; case "numberInput": - el = NJUtils.makeNJElement("input", "Number Input", "component"); - el.elementModel.pi = "NumberInputPi"; + el = document.application.njUtils.make("input", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Number Input"); el.setAttribute("type", "number"); break; case "select": - el = NJUtils.makeNJElement("select", "Select", "component"); - el.elementModel.pi = "SelectInputPi"; + el = document.application.njUtils.make("select", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Select"); break; case "radioButton": - el = NJUtils.makeNJElement("input", "Radio Button", "component"); - el.elementModel.pi = "RadioButtonPi"; + el = document.application.njUtils.make("input", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Radio Button"); el.setAttribute("type", "radio"); break; case "rangeInput": - el = NJUtils.makeNJElement("input", "Range Input", "component"); - el.elementModel.pi = "RangeInputPi"; + el = document.application.njUtils.make("input", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Range Input"); el.setAttribute("type", "range"); break; case "textfield": case "searchfield": - el = NJUtils.makeNJElement("input", "Textfield", "component"); - el.elementModel.pi = "TextfieldPi"; + el = document.application.njUtils.make("input", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Textfield"); el.setAttribute("type", "text"); break; case "textarea": - el = NJUtils.makeNJElement("textarea", "TextArea", "component"); - el.elementModel.pi = "TextareaPi"; + el = document.application.njUtils.make("textarea", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "TextArea"); break; case "toggleButton": - el = NJUtils.makeNJElement("button", "Toggle Button", "component"); - el.elementModel.pi = "ToggleButtonPi"; + el = document.application.njUtils.make("button", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Toggle Button"); el.innerHTML = "Off"; break; case "map": - el = NJUtils.makeNJElement("div", "Map", "component"); - el.elementModel.pi = "MapPi"; - el.elementModel.isComponent = true; + el = document.application.njUtils.make("div", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Map"); break; case "feedreader": - el = NJUtils.makeNJElement("div", "Feed Reader", "component"); - el.elementModel.pi = "FeedReaderPi"; - el.elementModel.isComponent = true; + el = document.application.njUtils.make("div", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Feed Reader"); break; case "picasa-carousel": - el = NJUtils.makeNJElement("div", "Picasa Carousel", "component"); - el.elementModel.pi = "PicasaCarouselPi"; - el.elementModel.isComponent = true; + el = document.application.njUtils.make("div", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Picasa Carousel"); break; case "youtube-channel": - el = NJUtils.makeNJElement("div", "Youtube Channel", "component"); - el.elementModel.pi = "YoutubeChannelPi"; - el.elementModel.isComponent = true; + el = document.application.njUtils.make("div", null, this.application.ninja.currentDocument); + document.application.njUtils.createModelForComponent(el, "Youtube Channel"); break; } -- cgit v1.2.3 From f1f2e65712d7c5a163dd6fdbd8f5911555c3f377 Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Thu, 3 May 2012 17:46:23 -0700 Subject: finishing to replace all id with data-montage-id Signed-off-by: Valerio Virgillito --- js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html | 6 +++--- .../ComputedStyleSubPanel.html | 8 ++++---- js/panels/Panel.reel/Panel.html | 14 +++++++------- js/panels/PanelContainer.reel/PanelContainer.html | 2 +- js/panels/components-panel.reel/components-panel.html | 4 ++-- .../animations-presets.reel/animations-presets.html | 4 ++-- js/panels/presets/content.reel/content.html | 12 ++++++------ .../presets/style-presets.reel/style-presets.html | 4 ++-- .../transitions-presets.reel/transitions-presets.html | 4 ++-- js/panels/properties.reel/properties.html | 16 ++++++++-------- js/panels/properties.reel/section.reel/section.html | 6 +++--- .../custom-rows/color-select.reel/color-select.html | 6 +++--- .../sections/custom-rows/dual-row.reel/dual-row.html | 6 +++--- .../custom-rows/single-row.reel/single-row.html | 4 ++-- .../properties.reel/sections/custom.reel/custom.html | 6 +++--- .../position-and-size.reel/position-and-size.html | 18 +++++++++--------- 16 files changed, 60 insertions(+), 60 deletions(-) (limited to 'js/panels') diff --git a/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html index c62b2b23..1d74fab4 100755 --- a/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html +++ b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.html @@ -38,13 +38,13 @@ -
+

Stylesheets

-
+
    @@ -59,7 +59,7 @@ 0 elements selected -
    +
    diff --git a/js/panels/CSSPanel/ComputedStyleSubPanel.reel/ComputedStyleSubPanel.html b/js/panels/CSSPanel/ComputedStyleSubPanel.reel/ComputedStyleSubPanel.html index 53c243a8..25196bc6 100755 --- a/js/panels/CSSPanel/ComputedStyleSubPanel.reel/ComputedStyleSubPanel.html +++ b/js/panels/CSSPanel/ComputedStyleSubPanel.reel/ComputedStyleSubPanel.html @@ -26,10 +26,10 @@ -
    +
    - - +
    -
    +
    diff --git a/js/panels/Panel.reel/Panel.html b/js/panels/Panel.reel/Panel.html index a0e1bbe9..f0fb1044 100755 --- a/js/panels/Panel.reel/Panel.html +++ b/js/panels/Panel.reel/Panel.html @@ -135,19 +135,19 @@ -
    +
    -
    -
    +
    +
    -
    +
    diff --git a/js/panels/PanelContainer.reel/PanelContainer.html b/js/panels/PanelContainer.reel/PanelContainer.html index e5cbbe32..dfdaa6c5 100755 --- a/js/panels/PanelContainer.reel/PanelContainer.html +++ b/js/panels/PanelContainer.reel/PanelContainer.html @@ -96,7 +96,7 @@ -
    +
    diff --git a/js/panels/components-panel.reel/components-panel.html b/js/panels/components-panel.reel/components-panel.html index c78988e0..1a257957 100755 --- a/js/panels/components-panel.reel/components-panel.html +++ b/js/panels/components-panel.reel/components-panel.html @@ -53,8 +53,8 @@ -
    -
    +
    +
    diff --git a/js/panels/presets/animations-presets.reel/animations-presets.html b/js/panels/presets/animations-presets.reel/animations-presets.html index d333cf97..347e5497 100644 --- a/js/panels/presets/animations-presets.reel/animations-presets.html +++ b/js/panels/presets/animations-presets.reel/animations-presets.html @@ -48,8 +48,8 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot -
    -
    +
    +
    \ No newline at end of file diff --git a/js/panels/presets/content.reel/content.html b/js/panels/presets/content.reel/content.html index 27928670..50a48389 100644 --- a/js/panels/presets/content.reel/content.html +++ b/js/panels/presets/content.reel/content.html @@ -55,13 +55,13 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot -
    -