Feature/gee recent imagery

app/assets/javascripts/helpers/fallbackDataHelper.js

@@ -283,4 +283,4 @@ define([], function() {
   };
 
   return fallbackDataHelper;
-});
+});

app/assets/javascripts/map.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 /**
  * Application entry point.
  */
@@ -29,6 +30,7 @@ require([
   'map/views/NavMobileView',
   'map/views/GuideView',
   'map/views/controls/GuideButtonView',
+  'map/views/ReactMapMiddleView',
   'views/HeaderView',
   'views/FooterView',
   'views/NotificationsView',
@@ -56,6 +58,7 @@ require([
   NavMobileView,
   GuideView,
   GuideButtonView,
+  ReactMapMiddleView,
   HeaderView,
   FooterView,
   NotificationsView,
@@ -65,6 +68,9 @@ require([
     $el: $('body'),
 
     init: function() {
+      window.App = {
+        Views: {}
+      };
       var router = new Router(this);
       this._cartodbHack();
       this._handlebarsPlugins();
@@ -80,23 +86,28 @@ require([
       if (!Backbone.History.started) {
         Backbone.history.start({ pushState: true });
       }
+      window.dispatchEvent(new Event('mapLoaded'));
     },
 
     _fetchData: function() {
       // I was thinking that, without a map, an array of countries and an array of layers
       // we shouldn't create any view.
       countryService
         .getCountries()
-        .then(function(results) {
-          this.countries = results;
-          this._initViews();
-        }.bind(this))
-        .catch(function(e) {
-          console.warn(e);
-          // Fallback when request is timing out
-          this.countries = FallbackDataHelper.getCountryNames();
-          this._initViews();
-        }.bind(this));
+        .then(
+          function(results) {
+            this.countries = results;
+            this._initViews();
+          }.bind(this)
+        )
+        .catch(
+          function(e) {
+            console.warn(e);
+            // Fallback when request is timing out
+            this.countries = FallbackDataHelper.getCountryNames();
+            this._initViews();
+          }.bind(this)
+        );
     },
     /**
      * Initialize Application Views.
@@ -122,6 +133,7 @@ require([
       new NotificationsView(this.map, this.countries);
       new GuideView(this.map, this.countries);
       new GuideButtonView(this.map, this.countries);
+      window.App.Views.ReactMapMiddleView = new ReactMapMiddleView(this.map);
 
       this._initApp();
     },
@@ -137,14 +149,11 @@ require([
     },
 
     _handlebarsPlugins: function() {
-      Handlebars.registerHelper(
-        'firstLetter',
-        function(text) {
-          return text.charAt(0).toUpperCase();
-        }
-      );
+      Handlebars.registerHelper('firstLetter', function(text) {
+        return text.charAt(0).toUpperCase();
+      });
 
-      Handlebars.registerHelper('ifCond', function (v1, operator, v2, options) {
+      Handlebars.registerHelper('ifCond', function(v1, operator, v2, options) {
         switch (operator) {
           case '==':
             return v1 == v2 ? options.fn(this) : options.inverse(this);
@@ -172,7 +181,7 @@ require([
 
     _googleMapsHelper: function() {
       if (!google.maps.Polygon.prototype.getBounds) {
-        google.maps.Polygon.prototype.getBounds = function () {
+        google.maps.Polygon.prototype.getBounds = function() {
           var bounds = new google.maps.LatLngBounds();
           var paths = this.getPaths();
           var path;

app/assets/javascripts/map/helpers/layersHelper.js

@@ -177,9 +177,7 @@ define(
     'map/views/layers/HaitiWatershedLayer',
     'map/views/layers/EcuUserProtectedAreasLayer',
     'map/views/layers/BolUserFireFrequencyLayer',
-    // high resolution maps
-    'map/views/layers/SentinelLayer',
-    'map/views/layers/SentinelTilesLayer',
+    'map/views/layers/RecentImageryLayer',
     // Layer dialog templates
     // 'text!templates/dialogs/loss_dialog.handlebars',
     // Layers timelines
@@ -366,9 +364,7 @@ define(
     HaitiWatershedLayer,
     EcuUserProtectedAreasLayer,
     BolUserFireFrequencyLayer,
-    // highres layers
-    SentinelLayer,
-    SentinelTilesLayer,
+    RecentImageryLayer,
     // Layer dialog templates
     // loss_dialog,
     // Layer timelines
@@ -777,11 +773,8 @@ define(
       usa_forest_ownership: {
         view: UsaForestOwnershipLayer
       },
-      highres: {
-        view: SentinelLayer
-      },
       sentinel_tiles: {
-        view: SentinelTilesLayer
+        view: RecentImageryLayer
       },
       guyra: {
         view: GuyraLayer,

app/assets/javascripts/map/models/LayerSpecModel.js

@@ -207,10 +207,7 @@ define(['underscore', 'backbone'], function(_, Backbone) {
      * @return {object} layers
      */
     positionizer: function(layers) {
-      var layerOrder = _.intersection(
-        this.layerOrder,
-        _.pluck(layers, 'slug')
-      );
+      var layerOrder = _.intersection(this.layerOrder, _.pluck(layers, 'slug'));
       _.each(
         layerOrder,
         _.bind(function(slug, i) {
@@ -293,10 +290,9 @@ define(['underscore', 'backbone'], function(_, Backbone) {
           var category = this.get(categoryName);
           if (category) {
             categories.push(
-              _.sortBy(
-                this.positionizer(category),
-                function(layer){ return layer.position; }
-              ).reverse()
+              _.sortBy(this.positionizer(category), function(layer) {
+                return layer.position;
+              }).reverse()
             );
           }
         }, this)

app/assets/javascripts/map/presenters/ReactMapMiddlePresenter.js

@@ -0,0 +1,113 @@
+/* eslint-disable */
+define(
+  [
+    'underscore',
+    'mps',
+    'map/presenters/PresenterClass',
+    'map/services/LayerSpecService'
+  ],
+  function(_, mps, PresenterClass, layerSpecService) {
+    'use strict';
+
+    var StatusModel = Backbone.Model.extend({
+      defaults: {
+        layers: [],
+        recentImagery: null
+      }
+    });
+
+    var ReactMapMiddlePresenter = PresenterClass.extend({
+      init: function(view) {
+        this.view = view;
+        this.status = new StatusModel();
+        this._super();
+        mps.publish('Place/register', [this]);
+      },
+
+      _subscriptions: [
+        {
+          'Place/go': function(place) {
+            this.status.set('layerSpec', place.layerSpec);
+            this.status.set('recentImagery', place.params.recentImagery);
+            var isRecentImageryActivated = !!this.status
+              .get('layerSpec')
+              .getLayer({ slug: 'sentinel_tiles' });
+            if (
+              isRecentImageryActivated &&
+              !!this.status.get('recentImagery')
+            ) {
+              this.view.fillParams(
+                JSON.parse(atob(place.params.recentImagery))
+              );
+            }
+          }
+        },
+        {
+          'LayerNav/change': function(layerSpec) {
+            this.status.set('layerSpec', layerSpec);
+            var isRecentImageryActivated = !!this.status
+              .get('layerSpec')
+              .getLayer({ slug: 'sentinel_tiles' });
+
+            if (isRecentImageryActivated) {
+              this.setRecentImagery(this.view.getParams());
+            }
+          }
+        },
+        {
+          'Layer/add': function(slug) {
+            if (slug === 'sentinel_tiles') {
+              window.dispatchEvent(new Event('isRecentImageryActivated'));
+            }
+          }
+        },
+        {
+          'ReactMap/zoom-go-back': function(slug) {
+            mps.publish('Map/set-zoom', [this.view.previousZoom]);
+          }
+        }
+      ],
+
+      toggleLayer: function(layerSlug) {
+        var where = [{ slug: layerSlug }];
+        layerSpecService.toggle(
+          where,
+          _.bind(function(layerSpec) {
+            mps.publish('LayerNav/change', [layerSpec]);
+            mps.publish('Place/update', [{ go: false }]);
+          }, this)
+        );
+      },
+
+      updateLayer: function(name, params) {
+        this.setRecentImagery(this.view.getParams());
+        mps.publish('Layer/update', [name]);
+      },
+
+      setRecentImagery: function(value) {
+        if (!!value) {
+          value = btoa(JSON.stringify(value));
+        }
+
+        this.status.set('recentImagery', value);
+        this.publishRecentImagery();
+      },
+
+      publishRecentImagery: function() {
+        mps.publish('Place/update', [{ go: false }]);
+      },
+
+      getPlaceParams: function() {
+        return {
+          recentImagery: this.status.get('recentImagery')
+        };
+      },
+
+      notificate: function(id) {
+        mps.publish('Notification/open', [id]);
+      }
+    });
+
+    return ReactMapMiddlePresenter;
+  }
+);

app/assets/javascripts/map/presenters/analysis/AnalysisResultsNewPresenter.js

@@ -94,13 +94,14 @@ define(
       getRegions: function() {
         var iso = this.status.get('iso');
 
-        CountryService.getRegionsList({ iso: iso.country })
-          .then(function(results) {
+        CountryService.getRegionsList({ iso: iso.country }).then(
+          function(results) {
             this.status.set({
               regions: results
             });
             this.view.render();
-          }.bind(this));
+          }.bind(this)
+        );
       },
 
       getSubRegions: function() {
@@ -109,12 +110,14 @@ define(
         CountryService.getSubRegionsList({
           iso: iso.country,
           region: iso.region
-        }).then(function(results) {
-          this.status.set({
-            subRegions: results
-          });
-          this.view.render();
-        }.bind(this));
+        }).then(
+          function(results) {
+            this.status.set({
+              subRegions: results
+            });
+            this.view.render();
+          }.bind(this)
+        );
       },
 
       /**

app/assets/javascripts/map/presenters/analysis/AnalysisResultsPresenter.js

@@ -435,4 +435,4 @@ define(
 
     return AnalysisResultsPresenter;
   }
-);
+);

app/assets/javascripts/map/presenters/layers/BiodiversityCompletenessLayerPresenter.js

@@ -27,4 +27,4 @@ define(
 
     return BiodiversityCompletenessLayerPresenter;
   }
-);
+);

app/assets/javascripts/map/presenters/layers/BiodiversityIntactnessLayerPresenter.js

@@ -27,4 +27,4 @@ define(
 
     return BiodiversityIntactnessLayerPresenter;
   }
-);
+);

app/assets/javascripts/map/presenters/tabs/AnalysisNewPresenter.js

@@ -936,4 +936,4 @@ define(
 
     return AnalysisNewPresenter;
   }
-);
+);