Fix TimeSeries management when a layer changes

assets/stylesheets/editor-3/_layers-list.scss

@@ -146,7 +146,7 @@
 }
 
 .Editor-newLayerContainer {
-  left: 24px !important;
+  left: 25px !important;
 }
 
 .Editor-ListLayer-dragIcon {

lib/assets/javascripts/builder/deep-insights-integration/layers-integration.js

@@ -275,7 +275,7 @@ var LayersIntegration = {
         layer.update(attrs, { silent: onlySourceChanged });
       }
       // Dependency with widgets-integration
-      this.trigger('onLayerChanged', layerDefinitionModel);
+      this.trigger('onLayerChanged', layerDefinitionModel, this._layerDefinitionsCollection);
     }
   },
 

lib/assets/javascripts/builder/deep-insights-integrations.js

@@ -1,3 +1,4 @@
+var _ = require('underscore');
 var LayersIntegration = require('./deep-insights-integration/layers-integration');
 var WidgetsIntegration = require('./deep-insights-integration/widgets-integration');
 var AnalysesIntegration = require('./deep-insights-integration/analyses-integration');
@@ -92,8 +93,18 @@ module.exports = function (opts) {
     AnalysesIntegration.analyseDefinitionNode(nodeDefModel);
   });
 
-  LayersIntegration.bind('onLayerChanged', function (layerDefinitionModel) {
-    WidgetsIntegration.manageTimeSeriesForTorque(layerDefinitionModel);
+  LayersIntegration.bind('onLayerChanged', function (layerDefinitionModel, layerDefinitionsCollection) {
+    // Find an animated layer if exists
+    var animatedLayerDefinitionModel = layerDefinitionsCollection.find(function (model) {
+      return model && model.styleModel && model.styleModel.get('type') === 'animation';
+    });
+    if (animatedLayerDefinitionModel) {
+      // If there is an animated layer, use that layer
+      WidgetsIntegration.manageTimeSeriesForTorque(animatedLayerDefinitionModel);
+    } else {
+      // If there is no animated layer use the provided layer
+      WidgetsIntegration.manageTimeSeriesForTorque(layerDefinitionModel);
+    }
   });
 
   LayersIntegration.bind('onBaseLayerChanged', function () {