Merge pull request #353 from cmrn/signout-link

Added sign out link when hovering over name (fixes #352)

USERGUIDE.md

@@ -102,7 +102,8 @@ Starting from the top, the sidebar shows this information:
 
 #### logged in user, global MU, search
 - Details about you, the logged in user. This is only updated if you reload the page. This is a limitation of Ingress, not IITC.
-  - it shows your current level followed by your nick
+  - it shows your current level followed by your nickname
+  - hovering over your nickname allows you to sign out (NIGHTLY ONLY)
   - to the right, it shows to percentages. The upper one, e.g. “XM: 37%” tells you how much your XM bar is filled. The lower one, e.g. “level: 37%“ tells you that you have gathered 37% of the AP required for the next level. It shows “max level” if you have reached max level.
   - the tooltip mainly shows you absolute numbers instead of percentages. It also shows how many invites you have.
 - The next bar is a visual representation of global MindUnits (MU) per faction. It is updated every now and then. The tooltip shows the absolute MU count per faction.

code/boot.js

@@ -186,13 +186,22 @@ window.setupPlayerStat = function() {
 
   $('#playerstat').html(''
     + '<h2 title="'+t+'">'+level+'&nbsp;'
+    + '<div id="name">'
     + '<span class="'+cls+'">'+PLAYER.nickname+'</span>'
-    + '<div>'
+    + '<a href="https://www.ingress.com/_ah/logout?continue=https://www.google.com/accounts/Logout%3Fcontinue%3Dhttps://appengine.google.com/_ah/logout%253Fcontinue%253Dhttps://www.ingress.com/intel%26service%3Dah" id="signout">sign out</a>'
+    + '</div>'
+    + '<div id="stats">'
     + '<sup>XM: '+xmRatio+'%</sup>'
     + '<sub>' + (level < 8 ? 'level: '+lvlApProg+'%' : 'max level') + '</sub>'
     + '</div>'
     + '</h2>'
   );
+
+  $('#name').mouseenter(function() {
+    $('#signout').show();
+  }).mouseleave(function() {
+    $('#signout').hide();
+  });
 }
 
 window.setupSidebarToggle = function() {

style.css

@@ -329,21 +329,34 @@ h2 {
   width: 100%;
 }
 
-h2 span {
+h2 #name {
   display: inline-block;
   overflow: hidden;
   text-overflow: "~";
   vertical-align: top;
   white-space: nowrap;
   width: 205px;
+  position: relative;
 }
 
-h2 div {
+h2 #stats {
   float: right;
   height: 100%;
   overflow: hidden;
 }
 
+h2 #signout {
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 29px;
+  padding: 0 4px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  background-color: rgba(8, 48, 78, 0.5);
+  display: none; /* starts hidden */
+}
+
 h2 sup, h2 sub {
   display: block;
   font-size: 11px;