aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js97
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js16
-rw-r--r--js/panels/Timeline/Tween.reel/Tween.js26
3 files changed, 62 insertions, 77 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index e6da9199..7deaf0d1 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -1214,58 +1214,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1214 arrSelectedLayers = false, 1214 arrSelectedLayers = false,
1215 arrCurrentElementsSelected = []; 1215 arrCurrentElementsSelected = [];
1216 1216
1217 /*
1218 if (arrSelectedIndexesLength !== 0) {
1219 for(i=0;i<arrSelectedIndexesLength;i++){
1220 for(j=0;j<currentLayersSelectedLength;j++){
1221
1222 if(this.arrLayers[arrSelectedIndexes[i]] === this.arrLayers[this.currentLayerSelected[j]]){
1223 matchedValues+=1;
1224 }
1225 }
1226 }
1227
1228 if(matchedValues === arrSelectedIndexesLength){
1229 return;
1230 }
1231 }
1232
1233 if(this.arrLayers[arrSelectedIndexes[i]] === this.arrLayers[this.currentLayersSelected[j]]){
1234 matchedValues+=1;
1235 }
1236 }
1237 }
1238
1239
1240 // TODO: this should probably check to see if it actually needs to run.
1241
1242 console.log(arrSelectedIndexes);
1243 console.log(this.currentLayersSelected);
1244 // Compare arrSelectedIndexes with this.currentLayersSelected
1245 // If the items are the same, we do not need to do anything.
1246 if (arrSelectedIndexesLength !== currentLayersSelectedLength) {
1247 // Different length in the arrays, we definitely need to continue.
1248 console.log('diferent length')
1249 boolContinue = true;
1250 } else {
1251 // Check each selected index and see if it's in this.currentLayersSelected
1252 // If we find one that isn't, we need to continue
1253
1254 for (i = 0; i < arrSelectedIndexesLength; i++) {
1255 console.log('checking for ', arrSelectedIndexes[i]);
1256 if (this.currentLayersSelected.indexOf(arrSelectedIndexes[i]) === -1) {
1257 // Ooops, one of them was not found.
1258 boolContinue = true;
1259 }
1260 }
1261 }
1262 if (boolContinue === false) {
1263 console.log('exiting')
1264 return;
1265 }
1266 */
1267
1268
1269 // Deselect selected layers if they're not in arrSelectedIndexes. 1217 // Deselect selected layers if they're not in arrSelectedIndexes.
1270 for (i = 0; i < arrLayersLength; i++) { 1218 for (i = 0; i < arrLayersLength; i++) {
1271 if (this.arrLayers[i].layerData.isSelected === true) { 1219 if (this.arrLayers[i].layerData.isSelected === true) {
@@ -1275,7 +1223,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1275 1223
1276 // Check to see if this layer, that we're deselecting, has 1224 // Check to see if this layer, that we're deselecting, has
1277 // any selected keyframes associated with it. If it does, deselect them. 1225 // any selected keyframes associated with it. If it does, deselect them.
1278 for (var j = 0; j < this.selectedTweens.length; j++) { 1226 for (j = 0; j < this.selectedTweens.length; j++) {
1279 var currentStageElement; 1227 var currentStageElement;
1280 if (typeof(this.selectedTweens[j].parentComponent.parentComponent.trackType) === "undefined") { 1228 if (typeof(this.selectedTweens[j].parentComponent.parentComponent.trackType) === "undefined") {
1281 currentStageElement = this.selectedTweens[j].parentComponent.parentComponent.stageElement; 1229 currentStageElement = this.selectedTweens[j].parentComponent.parentComponent.stageElement;
@@ -1293,10 +1241,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1293 if (this.currentLayersSelected !== false) { 1241 if (this.currentLayersSelected !== false) {
1294 this.currentLayersSelected = false; 1242 this.currentLayersSelected = false;
1295 } 1243 }
1296
1297 // Deselect tweens
1298 //this.deselectTweens();
1299
1300 1244
1301 // If we are actually going to be selecting things, create an empty array to use 1245 // If we are actually going to be selecting things, create an empty array to use
1302 if (arrSelectedIndexesLength > 0) { 1246 if (arrSelectedIndexesLength > 0) {
@@ -1424,9 +1368,23 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1424 arrLayersLength = arrLayers.length, 1368 arrLayersLength = arrLayers.length,
1425 targetIndex = 0, 1369 targetIndex = 0,
1426 isAlreadySelected = false, 1370 isAlreadySelected = false,
1427 indexAlreadySelected = 0, 1371 indexAlreadySelected = -5,
1428 indexLastClicked = 0; 1372 indexLastClicked = 0,
1373 ua = navigator.userAgent.toLowerCase(),
1374 boolCommandControlKeyIsPressed = false;
1375
1376 // Check to see if either the Command key (macs) or Control key (windows) is being pressed
1377 if (ua.indexOf("mac") > -1) {
1378 if (event.metaKey === true) {
1379 boolCommandControlKeyIsPressed = true;
1380 }
1381 } else {
1382 if (this._isControlPressed === true) {
1383 boolCommandControlKeyIsPressed = true;
1384 }
1385 }
1429 1386
1387
1430 // Did the mousedown event originate within a layer? 1388 // Did the mousedown event originate within a layer?
1431 if (ptrParent === false) { 1389 if (ptrParent === false) {
1432 // No it did not. Do nothing. 1390 // No it did not. Do nothing.
@@ -1443,17 +1401,15 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1443 1401
1444 // Did we just click on a layer that's already selected? 1402 // Did we just click on a layer that's already selected?
1445 if (this.currentLayersSelected !== false) { 1403 if (this.currentLayersSelected !== false) {
1446 indexAlreadySelected = this.currentLayersSelected.indexOf(targetIndex); 1404 for (i = 0; i < this.currentLayersSelected.length; i++) {
1405 if (this.currentLayersSelected[i] === targetIndex) {
1406 indexAlreadySelected = i;
1407 }
1408 }
1447 } 1409 }
1448 if (indexAlreadySelected > -1) { 1410 if (indexAlreadySelected > -1) {
1449 isAlreadySelected = true; 1411 isAlreadySelected = true;
1450 } 1412 }
1451
1452 /*
1453 if (targetIndex > -1) {
1454 indexLastClicked = targetIndex;
1455 }
1456 */
1457 1413
1458 // Now, do the selection based on all of that information. 1414 // Now, do the selection based on all of that information.
1459 if (this.currentLayersSelected.length === 0) { 1415 if (this.currentLayersSelected.length === 0) {
@@ -1462,13 +1418,12 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1462 } else { 1418 } else {
1463 // Something is already selected. What do do depends on whether 1419 // Something is already selected. What do do depends on whether
1464 // or not other keys are pressed. 1420 // or not other keys are pressed.
1465 if (this._isControlPressed === true) { 1421 if (boolCommandControlKeyIsPressed === true) {
1466 // Control key is being pressed, so we need to 1422 // Control or Command key is being pressed, so we need to
1467 // either add the current layer to selectedLayers 1423 // either add the current layer to selectedLayers
1468 // or remove it if it's already there. 1424 // or remove it if it's already there.
1469 if (this.currentLayersSelected === false) { 1425 if (this.currentLayersSelected === false) {
1470 this.currentLayersSelected = []; 1426 this.currentLayersSelected = [];
1471 //this.currentLayerSelected = false;
1472 } 1427 }
1473 if (isAlreadySelected === false) { 1428 if (isAlreadySelected === false) {
1474 this.currentLayersSelected.push(targetIndex); 1429 this.currentLayersSelected.push(targetIndex);
@@ -1500,9 +1455,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1500 this.currentLayersSelected = [targetIndex]; 1455 this.currentLayersSelected = [targetIndex];
1501 this.lastLayerClicked = targetIndex; 1456 this.lastLayerClicked = targetIndex;
1502 } 1457 }
1503
1504 } 1458 }
1505 //this._captureSelection = true;
1506 this.selectLayers(this.currentLayersSelected); 1459 this.selectLayers(this.currentLayersSelected);
1507 this.updateStageSelection(); 1460 this.updateStageSelection();
1508 } 1461 }
@@ -1523,9 +1476,11 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
1523 // Control key has been pressed 1476 // Control key has been pressed
1524 this._isControlPressed = true; 1477 this._isControlPressed = true;
1525 } 1478 }
1479 /*
1526 if (event.metaKey === true) { 1480 if (event.metaKey === true) {
1527 this._isControlPressed = true; 1481 this._isControlPressed = true;
1528 } 1482 }
1483 */
1529 } 1484 }
1530 }, 1485 },
1531 1486
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
index 26ce526f..b1e8af8a 100644
--- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
@@ -797,6 +797,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {