work-in-progress - committing to switch to other work

code/status_bar.js

@@ -0,0 +1,75 @@
+// STATUS BAR ///////////////////////////////////////
+
+// gives user feedback about pending operations. Draws current status
+// to website. Updates info in layer chooser.
+window.renderUpdateStatus = function() {
+
+  // portal level display
+  var t = '<span class="help portallevel" title="Indicates portal levels displayed.  Zoom in to display lower level portals.">';
+  if(!window.isSmartphone()) // space is valueable
+    t += '<b>portals</b>: ';
+  var minlvl = getMinPortalLevel();
+  if(minlvl === 0)
+    t+= '<span id="loadlevel">all</span>';
+  else
+    t+= '<span id="loadlevel" style="background:'+COLORS_LVL[minlvl]+'">L'+minlvl+(minlvl<8?'+':'') + '</span>';
+  t +='</span>';
+
+
+  // map status display
+  t += ' <span class="map"><b>map</b>: ';
+
+  var status = window.mapDataRequest.getStatus();
+
+  // status.short - short description of status
+  // status.long - longer description, for tooltip (optional)
+  // status.progress - fractional progress (from 0 to 1) of current state (optional)
+  t += '<span class="help" title="'+status.long+'">'+status.short+'</span>';
+  if (Status.progress !== undefined)
+    t += ' '+Math.round(status.progress*100)+'%';
+
+/*
+  if(mapRunsUserAction)
+    t += '<span class="help" title="Paused due to user interaction">paused</span';
+  else if(isIdle())
+    t += '<span style="color:#888">Idle</span>';
+  else if(window.requests._quickRefreshPending)
+    t += 'refreshing';
+  else if(window.activeRequests.length > 0)
+    t += window.activeRequests.length + ' requests';
+  else {
+    // tooltip with detailed tile counts
+    t += '<span class="help" title="'+window.statusTotalMapTiles+' tiles: '+window.statusCachedMapTiles+' cached, '+window.statusSuccessMapTiles+' successful, '+window.statusStaleMapTiles+' stale, '+window.statusErrorMapTiles+' failed">';
+
+    // basic error/out of date/up to date message
+    if (window.statusErrorMapTiles) t += '<span style="color:#f66">Errors</span>';
+    else if (window.statusStaleMapTiles) t += '<span style="color:#fa6">Out of date</span>';
+    else t += 'Up to date';
+  
+    t += '</span>';
+
+  }
+*/
+  t += '</span>';
+
+  //request status
+  if (window.activeRequests.length > 0)
+    t += ' ' + window.activeRequests.length + ' requests';
+  if (window.failedRequestCount > 0)
+    t += ' <span style="color:#f66">' + window.failedRequestCount + ' failed</span>'
+
+// layer selector - enable/disable layers that aren't visible due to zoom level
+//FIXME! move this somewhere more suitable!
+
+  var portalSelection = $('.leaflet-control-layers-overlays label');
+  //it's an array - 0=unclaimed, 1=lvl 1, 2=lvl 2, ..., 8=lvl 8 - 9 relevant entries
+  //mark all levels below (but not at) minlvl as disabled
+  portalSelection.slice(0, minlvl).addClass('disabled').attr('title', 'Zoom in to show those.');
+  //and all from minlvl to 8 as enabled
+  portalSelection.slice(minlvl, 8+1).removeClass('disabled').attr('title', '');
+
+
+  $('#innerstatus').html(t);
+  //$('#updatestatus').click(function() { startRefreshTimeout(10); });
+  //. <a style="cursor: pointer" onclick="startRefreshTimeout(10)" title="Refresh">⟳</a>';
+}