@@ -66,7 +69,7 @@ oSpot.pageInit = function(asHash) {
oSpot.onResize = function() {
self.tmp('map_offset', -1 * (isFeedPanelOpen()?self.tmp('$Feed').outerWidth(true):0) / $('body').outerWidth(true));
-
+
if(typeof self.tmp('elev') != 'undefined') {
var bElevOpened = self.tmp('elev')._showState;
if(bElevOpened) self.tmp('elev')._expand();
@@ -95,7 +98,7 @@ function toggleFeedPanel(bShow, sMapAction) {
self.tmp('$Projects').toggleClass('with-feed', (typeof bShow === 'undefined')?null:bShow);
oSpot.onResize();
if(isMobile()) $('#settings-button').toggle(!isFeedPanelOpen());
-
+
sMapAction = sMapAction || 'panTo';
switch(sMapAction) {
case 'none': break;
@@ -113,7 +116,7 @@ function toggleSettingsPanel(bShow) {
self.tmp('$Projects').toggleClass('with-settings', (typeof bShow === 'undefined')?null:bShow);
oSpot.onResize();
if(isMobile()) $('#post-button').toggle(!isSettingsPanelOpen());
-
+
oSpot.tmp('map').panBy([(isSettingsPanelOpen()?-1:1)*self.tmp('$Settings').outerWidth(true)/2, 0], {duration: 0.5});
}
@@ -121,6 +124,13 @@ function isSettingsPanelOpen() {
return self.tmp('$Projects').hasClass('with-settings');
}
+function updateSettingsPanel(asLastUpdate) {
+ var $LastUpdate = self.tmp('$Settings').find('#last_update').toggle(self.vars(['project', 'mode']) == self.consts.modes.blog);
+ $LastUpdate.find('abbr')
+ .attr('title', asLastUpdate.formatted_time)
+ .text(oSpot.lang('last_update')+' '+asLastUpdate.relative_time);
+}
+
function isMobile() {
return $('#mobile').is(':visible');
}
@@ -139,9 +149,9 @@ function initPage(asHash) {
self.tmp('markers', 'object');
self.tmp('trail-markers', 'object');
self.tmp('marker_size', {width: 32, height: 32});
-
+
if(!isMobile()) toggleFeedPanel(true, 'none');
-
+
//Lightbox options
lightbox.option({
alwaysShowNavOnTouchDevices: true,
@@ -152,7 +162,7 @@ function initPage(asHash) {
resizeDuration: 600,
hasVideo: true
});
-
+
//Assign Track Type Colors
self.tmp('track-type-styles', 'object');
$('#legend').find('.line').each(function(iKey, oLegend){
@@ -160,7 +170,7 @@ function initPage(asHash) {
var sTrackType = $Legend.attr('class').replace('line', '').trim();
self.tmp(['track-type-styles', sTrackType], {weight: parseInt($Legend.css('height')), color: $Legend.css('background-color'), opacity: 1});
});
-
+
//Post Panel one-off init (see initPosts for project related init)
//Scrollbar
self.tmp('simple-bar', new SimpleBar($('#posts')[0]));
@@ -173,10 +183,10 @@ function initPage(asHash) {
$("#feed").onSwipe(function(aiDelta){
if(aiDelta.x > self.tmp('$Feed').outerWidth(true)/3 && aiDelta.x > Math.abs(aiDelta.y)) toggleFeedPanel(false);
});
-
+
//Feed Panel
initPosts();
-
+
//Settings Panel
initSettings();
@@ -189,19 +199,23 @@ function initPage(asHash) {
function initProject(sProjectCodeName, oFocusPost){
self.tmp('first_exec', false);
self.vars('project', self.vars(['projects', sProjectCodeName]));
-
+
//Page Title
self.setPageTitle(oSpot.vars(['project', 'name']));
-
+
//Timezone difference notice
- var bSameTime = ((new Date()).toLocaleString([], {timeZone: oSpot.consts.timezone}) == (new Date()).toLocaleString([], {timeZone: oSpot.vars(['project', 'timezone'])}));
+ var bSameTime = (
+ (new Date()).toLocaleString([], {timeZone: oSpot.consts.timezone}) ==
+ (new Date()).toLocaleString([], {timeZone: oSpot.vars(['project', 'timezone'])})
+ );
self.tmp('site_tz_notice', bSameTime?'':getTimeZoneDesc(oSpot.consts.timezone));
self.tmp('proj_tz_notice', bSameTime?'':getTimeZoneDesc(self.vars(['project', 'timezone'])));
-
+
+ //Load Track & Markers
$.when(
//Markers: Spot Messages & Medias
self.get(
- 'markers',
+ 'markers',
function(){},
{project_id: self.vars(['project', 'id'])},
function(e){console.log(e);}
@@ -213,13 +227,14 @@ function initProject(sProjectCodeName, oFocusPost){
mimeType: 'application/json'
})
).done(function(aoMessages, aoTracks) {
- initSpotMessages(aoMessages[0]['data'] || [], aoTracks[0], aoMessages[0]['desc']=='No Data');
+ initSpotMessages(aoMessages[0]['data']['messages'] || [], aoTracks[0], aoMessages[0]['desc']=='No Data');
+ updateSettingsPanel(aoMessages[0]['data']['last_update']);
});
-
+
//Show/Hide Poster Panel
var bHistoMode = (self.vars(['project', 'mode']) == self.consts.modes.histo);
$('#poster').toggle(!bHistoMode);
-
+
//Feed auto-update
updateFeed(true, false, function(){focusOnPost(oFocusPost);});
self.tmp('simple-bar').getScrollElement().scrollTop = 0;
@@ -237,7 +252,7 @@ function initPosts() {
//Auto-adjust text area height
autosize($('#post'));
-
+
//Add post Event handling
$('#submit').click(function(){
if($('#poster').checkForm())
@@ -262,7 +277,7 @@ function initPosts() {
function initSettings(){
//Scrollbar
new SimpleBar($('#settings-sections-scrollbox')[0]);
-
+
//Feedback display function
var settingsFeedback = function(sType, sMsg){
$('
', {'class': sType})
@@ -273,7 +288,7 @@ function initSettings(){
.delay(5000)
.slideUp('fast', function(){$(this).remove();});
};
-
+
//Newsletter Subscription
$('#nl_btn').click(function(){
var sAction = $(this).prop('name');
@@ -282,7 +297,7 @@ function initSettings(){
if(!regexEmail.test(sEmail)) settingsFeedback('error', oSpot.lang('nl_invalid_email'));
else {
oSpot.get(
- sAction,
+ sAction,
function(asData, sDesc) {
settingsFeedback('success', sDesc);
oSpot.vars('user', asData);
@@ -299,7 +314,7 @@ function initSettings(){
);
}
});
-
+
//Twink interface with user data
setUserInterface();
}
@@ -310,7 +325,7 @@ function setUserInterface() {
$('#email').val(asUserInfo.email).prop('disabled', true);
$('#nl_btn').attr({name: 'unsubscribe', title: oSpot.lang('nl_unsubscribe'), 'class':'unsubscribe'});
$('#nl_desc').text(oSpot.lang('nl_subscribed_desc'));
-
+
//Populate nickname
if(asUserInfo.name) $('#name').val(asUserInfo.name);
}
@@ -333,12 +348,12 @@ function getElevWidth() {
iSettingsPanelWidth = isSettingsPanelOpen()?self.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;
}
function initSpotMessages(aoMessages, aoTracks, bNoFeed) {
-
+
//Tile layers
aoLayers = {};
aoLayers[oSpot.lang('map_satellite')] = L.tileLayer(self.tmp('tile_api'), {id: 'mapbox.satellite-streets', minZoom: 0, maxZoom: 19});
@@ -347,7 +362,8 @@ function initSpotMessages(aoMessages, aoTracks, bNoFeed) {
aoLayers[oSpot.lang('map_ign_spain')] = L.tileLayer(self.tmp('tile_api'), {id: 'ign.es', minZoom: 1, maxZoom: 20});
aoLayers[oSpot.lang('map_linz')] = L.tileLayer(self.tmp('tile_api'), {id: 'linz', maxZoom: 17, continuousWorld: true, attribution: 'Sourced from LINZ. CC BY 4.0'});
aoLayers[oSpot.lang('map_usgs')] = L.tileLayer(self.tmp('tile_api'), {id: 'usgs', minZoom: 1, maxZoom: 16});
-
+ //aoLayers[oSpot.lang('map_natgeo')] = L.tileLayer(self.tmp('tile_api'), {id: 'natgeo.pct', minZoom: 5, maxZoom: 14});
+
//Map
var oMap = L.map(self.tmp('$Map')[0], {
layers: [aoLayers[oSpot.lang('map_satellite')]],
@@ -355,26 +371,26 @@ function initSpotMessages(aoMessages, aoTracks, bNoFeed) {
zoomControl: false
});
self.tmp('map', oMap);
-
+
//Controls: Settings Panel
var oSettingsPanel = L.control({position: 'topleft'});
var $SettingsButton = $('#settings-button').clone();
$SettingsButton.click(toggleSettingsPanel);
oSettingsPanel.onAdd = function(oMap) {return $SettingsButton[0];};
oSettingsPanel.addTo(oMap);
-
+
//Controls: Feed Panel
var oFeedPanel = L.control({position: 'topright'});
var $PostButton = $('#post-button').clone();
$PostButton.click(toggleFeedPanel);
oFeedPanel.onAdd = function(oMap) {return $PostButton[0];};
oFeedPanel.addTo(oMap);
-
+
//Controls: Legend
var oLegend = L.control({position: 'bottomleft'});
oLegend.onAdd = function(oMap) {return $('#legend').clone()[0];};
oLegend.addTo(oMap);
-
+
//Controls: Projects
var $Labels = $('
', {'class': 'leaflet-control-layers-base'});
$.each(self.vars('projects'), function(sCodeName, asProject){
@@ -384,7 +400,7 @@ function initSpotMessages(aoMessages, aoTracks, bNoFeed) {
toggleSettingsPanel(false);
self.setHash(self.vars('page'), [$(this).val()]);
});
-
+
var $Label = $('
