', {'class': sType})
.append($('', {'class':'fa push fa-'+sType}))
.append(sMsg)
.appendTo($('#settings-feedback'))
.slideDown('fast')
.delay(5000)
.slideUp('fast', function() {$(this).remove();});
};
//Newsletter Subscription
$('#nl_btn').on('click', (oEvent) => {
var sAction = $(oEvent.currentTarget).prop('name');
var sEmail = $('#email').val();
var regexEmail = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if(!regexEmail.test(sEmail)) settingsFeedback('error', this.spot.lang('nl_invalid_email'));
else {
this.spot.get(
sAction,
(asData, sDesc) => {
settingsFeedback('success', sDesc);
this.spot.vars('user', asData);
this.setUserInterface();
},
{'email': sEmail, 'name': $('#name').val()},
(sDesc) => {settingsFeedback('error', sDesc);},
(sState) => {
var bLoading = (sState=='start');
$('#nl_btn')
.prop('disabled', bLoading)
.toggleClass('loading', bLoading);
}
);
}
});
//Admin Access
$('#admin_link').toggle(this.spot.checkClearance(this.spot.consts.clearances.admin));
//Twink interface with user data
this.setUserInterface();
}
setUserInterface() {
var asUserInfo = this.spot.vars('user');
if(asUserInfo.id_user) { //Subscribed User
$('#email').val(asUserInfo.email).prop('disabled', true);
$('#nl_btn').attr({name: 'unsubscribe', title: this.spot.lang('nl_unsubscribe'), 'class':'unsubscribe'});
$('#nl_desc').text(this.spot.lang('nl_subscribed_desc'));
//Populate nickname
if(asUserInfo.name) $('#name').val(asUserInfo.name);
}
else { //Unsubscribed User
$('#email').val('').prop('disabled', false);
$('#nl_btn').attr({name: 'subscribe', title: this.spot.lang('nl_subscribe'), 'class':'subscribe'});
$('#nl_desc').text(this.spot.lang('nl_unsubscribed_desc'));
}
}
getElevWidth() {
var
iPageWidth = this.spot.tmp('$Projects').width(),
iFeedPanelWidth = this.isFeedPanelOpen()?this.spot.tmp('$Feed').outerWidth(true):0,
iSettingsPanelWidth = this.isSettingsPanelOpen()?this.spot.tmp('$Settings').outerWidth(true):0,
iLegendWidth = $('.leaflet-bottom.leaflet-left > .leaflet-control-layers').outerWidth(true),
oElevRightMarging = parseInt($('.leaflet-bottom.leaflet-right > .leaflet-control-scale').css('margin-right').slice(0, -2));
return iPageWidth - iFeedPanelWidth - iSettingsPanelWidth - iLegendWidth - oElevRightMarging;
}
setMapLayers(asLayers) {
this.spot.tmp('layers', {});
$.each(asLayers, (iKey, asLayer) => {
var sMapName = this.spot.lang('map_'+asLayer.codename);
var asMapOptions = {
tileSize: parseInt(asLayer.tile_size),
zoomOffset: (parseInt(asLayer.tile_size) / -256 + 1),
minZoom: parseInt(asLayer.min_zoom),
maxZoom: parseInt(asLayer.max_zoom),
attribution: asLayer.attribution
}
if(asLayer.token != '') asMapOptions.token = asLayer.token;
this.spot.tmp('layers')[sMapName] = L.tileLayer(asLayer.pattern, asMapOptions);
});
}
initSpotMessages(aoMessages, aoTracks, aoMedias) {
var bIsMobile = this.isMobile();
//Map
var oMap = L.map(this.spot.tmp('$Map')[0], {
layers: [this.spot.tmp('layers')[this.spot.lang('map_satellite')]],
attributionControl: false,
zoomControl: false
});
this.spot.tmp('map', oMap);
//Controls: Settings Panel
var oSettingsPanel = L.control({position: bIsMobile?'bottomleft':'topleft'});
var $SettingsButton = $('#settings-button').clone();
$SettingsButton.on('click', () => {this.toggleSettingsPanel();});
oSettingsPanel.onAdd = function(oMap) {return $SettingsButton[0];};
//Project Title
var oTitle = L.control({position: bIsMobile?'bottomleft':'topleft'});
var $Title = $('#title').clone();
oTitle.onAdd = function(oMap) {return $Title[0];};
if(bIsMobile) {
oTitle.addTo(oMap);
oSettingsPanel.addTo(oMap);
}
else {
oSettingsPanel.addTo(oMap);
oTitle.addTo(oMap);
}
//Controls: Feed Panel
var oFeedPanel = L.control({position: bIsMobile?'bottomright':'topright'});
var $FeedButton = $('#feed-button').clone();
$FeedButton.click(() => {this.toggleFeedPanel();});
oFeedPanel.onAdd = function(oMap) {return $FeedButton[0];};
oFeedPanel.addTo(oMap);
//Controls: Legend
if(!bIsMobile) {
var oLegend = L.control({position: 'bottomleft'});
oLegend.onAdd = function(oMap) {return $('#legend').clone()[0];};
oLegend.addTo(oMap);
}
//Controls: Projects
var $Labels = $('