src/mixin/RealEarthAnimate.js
/**
* Created by gavorhes on 12/4/2015.
*/
import provide from '../util/provide';
import mapPopup from '../olHelpers/mapPopup';
import $ from '../jquery/jquery';
const nm = provide('mixin');
/**
* The GMT offset time in minutes
* @type {number}
*/
let offsetMinutes = (new Date()).getTimezoneOffset();
/**
* Mixin to get the product times
* Be sure to call getTimeInit after the mixin has been applied
*/
class RealEarthAnimate {
/**
* override base layer load
*/
load(){};
/**
* Call this after the mixin has been applied
*/
timeInit() {
if (!this._products) {
throw 'this mixin must be applied to one of the RealEarth layer objects with this.products defined';
}
this._rawDateStrings = [];
this._localDates = [];
this.localTimes = [];
this._animateEnabled = true;
this._loaded = true;
this._currentTime = undefined;
this._currentIndex = undefined;
let _this = this;
$.get('http://realearth.ssec.wisc.edu/api/products', {products: this._products}, function (d) {
if (d.length == 0) {
console.log(`${this._products} layer not available or does not have times`);
return;
}
d = d[0];
for (let i = 0; i < d['times'].length; i++) {
_this._loadDates.call(_this, d['times'][i]);
}
_this.loadCallback.call(_this);
_this._loadLatest.call(_this);
}, 'json');
}
/**
*
* @returns {boolean} if animation enabled
*/
get animationEnabled(){
return this._animateEnabled;
}
/**
* Given the raw time string, add to the arrays to keep track of dates and cache
* @param {string} inString - input string to parse
* @returns {string} the converted string
* @protected
*/
_loadDates(inString) {
let yr = inString.slice(0, 4);
let month = inString.slice(4, 6);
let d = inString.slice(6, 8);
let hr = inString.slice(9, 11);
let mn = inString.slice(11, 13);
let sec = inString.slice(13, 15);
let rawDateStr = inString.replace('.', '_');
this._rawDateStrings.push(rawDateStr);
let dteStr = `${month}/${d}/${yr} ${hr}:${mn}:${sec}`;
let newDte = new Date(dteStr);
newDte.setMinutes(newDte.getMinutes() - offsetMinutes);
this._localDates.push(newDte);
this.localTimes.push(newDte.getTime());
return rawDateStr;
}
/**
*
* @protected
* @returns {boolean} if should continue
*/
_loadLatest(){
mapPopup.closePopup();
if (this.localTimes.length > 0){
this._currentIndex = this.localTimes.length -1;
return true;
} else {
return false;
}
}
/**
*
* @param {number} theTime - the time
* @returns {boolean} true if new index, false if the same or below lowest value
*/
setLayerTime(theTime){
if (!this.visible){
return false;
}
this._currentTime = theTime;
let newIndex;
if (theTime < this.localTimes[0]){
return false;
} else if (theTime > this.localTimes[this.localTimes.length - 1]){
newIndex = this.localTimes.length - 1;
}
for (let i = 0; i < this.localTimes.length; i++){
if (this.localTimes[i] >= theTime){
newIndex = i;
break;
}
}
if (newIndex == this._currentIndex){
return false;
} else {
this._currentIndex = newIndex;
mapPopup.closePopup();
return true;
}
}
}
nm.RealEarthAnimate = RealEarthAnimate;
export default RealEarthAnimate;