Numbering of layers between different selectedContainers starts from 1

Signed-off-by: Kruti Shah <kruti.shah@motorola.com>

1 files changed, 51 insertions, 25 deletions

diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 8f7c63bf..9904a563 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -115,6 +115,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
             this.eventManager.addEventListener("deleteSelection", this, false);
             this.hashInstance=this.createLayerHashTable();
             this.hashTrackInstance=this.createTrackHashTable();
+            this.hashLayerNumber = this.createLayerNumberHash();
             this.initTimelineView();
         }
     },
@@ -184,7 +185,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
 
     updateLayerScroll:{
         value:function(){
-                console.log(this.layout_tracks.scrollLeft)
             this.user_layers.scrollTop = this.layout_tracks.scrollTop;
             this.layout_markers.scrollLeft = this.layout_tracks.scrollLeft;
         }
@@ -228,6 +228,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                      this._firstTimeLoaded=false;
              }else{
                      while(this.arrLayers.pop()){
+
                      }
                      while(this.arrTracks.pop()){
                      }
@@ -242,7 +243,10 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                         this.returnedTrack = this.hashTrackInstance.getItem(this._hashKey);
                         this._hashFind = true;
                      }
+                     this.currentLayerNumber = 0;
                      NJevent('newLayer',event.detail);
+                     this.selectLayer(0);
+
 
              }
 
@@ -338,6 +342,10 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
 
                     // Build the thingToPush object
 
+                        this.currentLayerNumber = this.hashLayerNumber.getItem(this._hashKey);
+                        if(this.currentLayerNumber===undefined){
+                            this.currentLayerNumber = 0 ;
+                        }
                         this.currentLayerNumber = this.currentLayerNumber +1;
                         newLayerName = "Layer " + this.currentLayerNumber;
                         thingToPush.layerName = newLayerName;
@@ -395,19 +403,18 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                                                         }
                             this.layerRepetition.selectedIndexes = [myIndex];
                             */
-                           
-                                                        this.selectLayer(myIndex);
-                           
+                            this.selectLayer(myIndex);
+                            this.hashLayerNumber.setItem(this._hashKey,thingToPush);
                             this.hashInstance.setItem(this._hashKey,thingToPush,myIndex);
                             this.hashTrackInstance.setItem(this._hashKey,newTrack,myIndex);
+
                         } else {
                             this.arrLayers.splice(0, 0, thingToPush);
                             this.arrTracks.splice(0, 0, newTrack);
                             thingToPush.layerPosition=this.arrLayers.length-1;
                             newTrack.trackPosition=this.arrTracks.length-1;
-                            this.currentLayerSelected= this.arrLayers[this.arrLayers.length-1];
-                            this.currentTrackSelected=this.arrTracks[this.arrTracks.length-1];
                             this._LayerUndoPosition = this.arrLayers.length-1;
+                            this.hashLayerNumber.setItem(this._hashKey,thingToPush);
                             this.hashInstance.setItem(this._hashKey,thingToPush,thingToPush.layerPosition);
                             this.hashTrackInstance.setItem(this._hashKey,newTrack,newTrack.trackPosition);
 
@@ -416,8 +423,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                         this._LayerUndoIndex = thingToPush.layerID ;
                         this._LayerUndoStatus = true;
                         this._TrackUndoObject = newTrack;
+                        }
 
-            }
 
 
         }
@@ -571,19 +578,10 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
 
     handleElementAdded: {
         value: function(event) {
-           this.layerElement=event.detail;
-           if(!!this.layerRepetition.selectedIndexes){
-               this.currentLayerSelected = this.arrLayers[this.layerRepetition.selectedIndexes];
-               this.currentTrackSelected = this.arrTracks[this.layerRepetition.selectedIndexes];
-               if(this.currentTrackSelected.isAnimated){
-               alert("cannot add divs an further since the track is animated");
-               }else{
-               this.currentLayerSelected.element.push(event.detail)
-               }
-           }
-           else{
-               this.currentLayerSelected.element.push(event.detail);
-           }
+
+           this.currentLayerSelected.element.push(event.detail)
+
+
         }
     },
 
@@ -608,10 +606,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
         value: function(event) {
             var length;
              this.deleteElement = event.detail;
-
-             if(!!this.layerRepetition.selectedIndexes){
-                  this.currentLayerSelected = this.arrLayers[this.layerRepetition.selectedIndexes];
-             }
              length =this.currentLayerSelected.element.length-1;
              while(length >= 0){
                 if(this.currentLayerSelected.element[length]===this.deleteElement){
@@ -679,7 +673,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                                   writable:true
                                 },
 
-                       setItem: {
+                        setItem: {
                            value: function(key,value,index) {
 //                               console.log(this.application.ninja.currentSelectedContainer)
                                    if(hashLayerObject[key]===undefined){
@@ -708,6 +702,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                                return hashLayerObject[key];
                            }
                        }
+
                    });
 
                    return hashLayerObject;
@@ -729,6 +724,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                                value: function(key,value,index) {
                                        if(hashTrackObject[key]===undefined){
                                            hashTrackObject[key]={};
+
                                        }
 
                                        if(hashTrackObject[key][index]!== undefined){
@@ -754,12 +750,42 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                                    return hashTrackObject[key];
                                }
                            }
+
+
                        });
 
                        return hashTrackObject;
 
         }
     },
+    createLayerNumberHash:{
+        value:function(key,value){
+            var hashLayerNumberObject ;
+
+            hashLayerNumberObject = Object.create(Object.prototype, {
+
+                   setItem: {
+                       value: function(key,value) {
+                                if(value!==undefined){
+
+                                    hashLayerNumberObject[key]= value.layerID ;
+
+                                }