aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline')
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.js85
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js61
2 files changed, 37 insertions, 109 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js
index b4833fa2..4dd9e88a 100644
--- a/js/panels/Timeline/Layer.reel/Layer.js
+++ b/js/panels/Timeline/Layer.reel/Layer.js
@@ -1046,28 +1046,25 @@ var Layer = exports.Layer = Montage.create(Component, {
1046 1046
1047 handleLeftChange: { 1047 handleLeftChange: {
1048 value: function(event) { 1048 value: function(event) {
1049 var prevPosition;
1050 if(this.application.ninja.timeline.selectedStyle==="left" ||this.application.ninja.timeline.selectedStyle==="master" ){
1051 if(!event.wasSetByCode) {
1052 if(this.savedPosition) prevPosition = [this.savedPosition + "px"];
1053 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "left", [this.leftControl.value + "px"] , "Change", "timeline", prevPosition);
1054 this.savedPosition = null;
1055 }
1056 1049
1050 var prevPosition;
1051 if(!event.wasSetByCode) {
1052 if(this.savedPosition) prevPosition = [this.savedPosition + "px"];
1053 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "left", [this.leftControl.value + "px"] , "Change", "timeline", prevPosition);
1054 this.savedPosition = null;
1057 } 1055 }
1058 } 1056 }
1059 }, 1057 },
1060 1058
1061 handleTopChange: { 1059 handleTopChange: {
1062 value: function(event) { 1060 value: function(event) {
1063 var prevPosition; 1061 var prevPosition;
1064 if(this.application.ninja.timeline.selectedStyle==="top" ||this.application.ninja.timeline.selectedStyle==="master" ){
1065 if(!event.wasSetByCode) {
1066 if(this.savedPosition) prevPosition = [this.savedPosition + "px"];
1067 1062
1068 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "top", [this.topControl.value + "px"] , "Change", "timeline", prevPosition); 1063 if(!event.wasSetByCode) {
1069 this.savedPosition = null; 1064 if(this.savedPosition) prevPosition = [this.savedPosition + "px"];
1070 } 1065
1066 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "top", [this.topControl.value + "px"] , "Change", "timeline", prevPosition);
1067 this.savedPosition = null;
1071 } 1068 }
1072 } 1069 }
1073 }, 1070 },
@@ -1075,13 +1072,12 @@ var Layer = exports.Layer = Montage.create(Component, {
1075 handleWidthChange:{ 1072 handleWidthChange:{
1076 value: function(event) { 1073 value: function(event) {
1077 var prevPosition; 1074 var prevPosition;
1078 if(this.application.ninja.timeline.selectedStyle==="width" ||this.application.ninja.timeline.selectedStyle==="master" ){
1079 if(!event.wasSetByCode) {
1080 if(this.savedPosition) prevPosition = [this.savedPosition + "px"];
1081 1075
1082 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "width", [this.dtextScaleX + "px"] , "Change", "timeline", prevPosition); 1076 if(!event.wasSetByCode) {
1083 this.savedPosition = null; 1077 if(this.savedPosition) prevPosition = [this.savedPosition + "px"];
1084 } 1078
1079 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "width", [this.dtextScaleX + "px"] , "Change", "timeline", prevPosition);
1080 this.savedPosition = null;
1085 } 1081 }
1086 } 1082 }
1087 }, 1083 },
@@ -1089,13 +1085,12 @@ var Layer = exports.Layer = Montage.create(Component, {
1089 handleHeightChange:{ 1085 handleHeightChange:{
1090 value: function(event) { 1086 value: function(event) {
1091 var prevPosition; 1087 var prevPosition;
1092 if(this.application.ninja.timeline.selectedStyle==="height" ||this.application.ninja.timeline.selectedStyle==="master" ){
1093 if(!event.wasSetByCode) {
1094 if(this.savedPosition) prevPosition = [this.savedPosition + "px"];
1095 1088
1096 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "height", [this.dtextScaleY + "px"] , "Change", "timeline", prevPosition); 1089 if(!event.wasSetByCode) {
1097 this.savedPosition = null; 1090 if(this.savedPosition) prevPosition = [this.savedPosition + "px"];
1098 } 1091
1092 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "height", [this.dtextScaleY + "px"] , "Change", "timeline", prevPosition);
1093 this.savedPosition = null;
1099 } 1094 }
1100 } 1095 }
1101 }, 1096 },
@@ -1103,11 +1098,9 @@ var Layer = exports.Layer = Montage.create(Component, {
1103 handleLeftChanging: { 1098 handleLeftChanging: {
1104 value: function(event) { 1099 value: function(event) {
1105 1100
1106 if(this.application.ninja.timeline.selectedStyle==="left" ||this.application.ninja.timeline.selectedStyle==="master" ){ 1101 if(!event.wasSetByCode) {
1107 if(!event.wasSetByCode) { 1102 if(!this.savedPosition) this.savedPosition = this.leftPosition;
1108 if(!this.savedPosition) this.savedPosition = this.leftPosition; 1103 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "left", [this.leftControl.value + "px"] , "Changing", "timeline");
1109 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "left", [this.leftControl.value + "px"] , "Changing", "timeline");
1110 }
1111 } 1104 }
1112 1105
1113 } 1106 }
@@ -1115,37 +1108,31 @@ var Layer = exports.Layer = Montage.create(Component, {
1115 1108
1116 handleTopChanging: { 1109 handleTopChanging: {
1117 value: function(event) { 1110 value: function(event) {
1118 if(this.application.ninja.timeline.selectedStyle==="top" ||this.application.ninja.timeline.selectedStyle==="master" ){
1119 if(!event.wasSetByCode) {
1120 if(!this.savedPosition) this.savedPosition = this.topPosition;
1121 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "top", [this.topControl.value + "px"] , "Changing", "timeline");
1122 }
1123 }
1124 1111
1112 if(!event.wasSetByCode) {
1113 if(!this.savedPosition) this.savedPosition = this.topPosition;
1114 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "top", [this.topControl.value + "px"] , "Changing", "timeline");
1115 }
1125 } 1116 }
1126 }, 1117 },
1127 1118
1128 handleWidthChanging:{ 1119 handleWidthChanging:{
1129 value: function(event) { 1120 value: function(event) {
1130 if(this.application.ninja.timeline.selectedStyle==="width" ||this.application.ninja.timeline.selectedStyle==="master" ){
1131 if(!event.wasSetByCode) {
1132 if(!this.savedPosition) this.savedPosition = this.dtextScaleX;
1133 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "width", [this.dtextScaleX + "px"] , "Changing", "timeline");
1134 }
1135 }
1136 1121
1122 if(!event.wasSetByCode) {
1123 if(!this.savedPosition) this.savedPosition = this.dtextScaleX;
1124 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "width", [this.dtextScaleX + "px"] , "Changing", "timeline");
1125 }
1137 } 1126 }
1138 }, 1127 },
1139 1128
1140 handleHeightChanging:{ 1129 handleHeightChanging:{
1141 value: function(event) { 1130 value: function(event) {
1142 if(this.application.ninja.timeline.selectedStyle==="height" ||this.application.ninja.timeline.selectedStyle==="master" ){
1143 if(!event.wasSetByCode) {
1144 if(!this.savedPosition) this.savedPosition = this.dtextScaleY;
1145 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "height", [this.dtextScaleY + "px"] , "Changing", "timeline");
1146 }
1147 }
1148 1131
1132 if(!event.wasSetByCode) {
1133 if(!this.savedPosition) this.savedPosition = this.dtextScaleY;
1134 this.application.ninja.elementMediator.setProperty([this.layerData.stageElement], "height", [this.dtextScaleY + "px"] , "Changing", "timeline");
1135 }
1149 } 1136 }
1150 }, 1137 },
1151 1138
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 3d31a50b..b0ab3b19 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -1211,63 +1211,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1211 j = 0, 1211 j = 0,
1212 arrLayersLength = this.arrLayers.length, 1212 arrLayersLength = this.arrLayers.length,
1213 arrSelectedIndexesLength = arrSelectedIndexes.length, 1213 arrSelectedIndexesLength = arrSelectedIndexes.length,
1214 currentLayersSelectedLength = this.currentLayersSelected.length,
1215 boolContinue = false,
1216 arrSelectedLayers = false, 1214 arrSelectedLayers = false,
1217 arrCurrentElementsSelected = []; 1215 arrCurrentElementsSelected = [];
1218 var matchedValues = 0;
1219
1220 /*
1221 if (arrSelectedIndexesLength !== 0) {
1222 for(i=0;i<arrSelectedIndexesLength;i++){
1223 for(j=0;j<currentLayersSelectedLength;j++){
1224
1225 if(this.arrLayers[arrSelectedIndexes[i]] === this.arrLayers[this.currentLayerSelected[j]]){
1226 matchedValues+=1;
1227 }
1228 }
1229 }
1230
1231 if(matchedValues === arrSelectedIndexesLength){
1232 return;
1233 }
1234 }
1235
1236 if(this.arrLayers[arrSelectedIndexes[i]] === this.arrLayers[this.currentLayersSelected[j]]){
1237 matchedValues+=1;
1238 }
1239 }
1240 }
1241
1242
1243 // TODO: this should probably check to see if it actually needs to run.
1244
1245 console.log(arrSelectedIndexes);
1246 console.log(this.currentLayersSelected);
1247 // Compare arrSelectedIndexes with this.currentLayersSelected
1248 // If the items are the same, we do not need to do anything.
1249 if (arrSelectedIndexesLength !== currentLayersSelectedLength) {
1250 // Different length in the arrays, we definitely need to continue.
1251 console.log('diferent length')
1252 boolContinue = true;
1253 } else {
1254 // Check each selected index and see if it's in this.currentLayersSelected