Merge pull request #353 from cmrn/signout-link
Added sign out link when hovering over name (fixes #352)
This commit is contained in:
@ -102,7 +102,8 @@ Starting from the top, the sidebar shows this information:
|
|||||||
|
|
||||||
#### logged in user, global MU, search
|
#### 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.
|
- 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.
|
- 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 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.
|
- 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.
|
||||||
|
11
code/boot.js
11
code/boot.js
@ -186,13 +186,22 @@ window.setupPlayerStat = function() {
|
|||||||
|
|
||||||
$('#playerstat').html(''
|
$('#playerstat').html(''
|
||||||
+ '<h2 title="'+t+'">'+level+' '
|
+ '<h2 title="'+t+'">'+level+' '
|
||||||
|
+ '<div id="name">'
|
||||||
+ '<span class="'+cls+'">'+PLAYER.nickname+'</span>'
|
+ '<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>'
|
+ '<sup>XM: '+xmRatio+'%</sup>'
|
||||||
+ '<sub>' + (level < 8 ? 'level: '+lvlApProg+'%' : 'max level') + '</sub>'
|
+ '<sub>' + (level < 8 ? 'level: '+lvlApProg+'%' : 'max level') + '</sub>'
|
||||||
+ '</div>'
|
+ '</div>'
|
||||||
+ '</h2>'
|
+ '</h2>'
|
||||||
);
|
);
|
||||||
|
|
||||||
|
$('#name').mouseenter(function() {
|
||||||
|
$('#signout').show();
|
||||||
|
}).mouseleave(function() {
|
||||||
|
$('#signout').hide();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
window.setupSidebarToggle = function() {
|
window.setupSidebarToggle = function() {
|
||||||
|
17
style.css
17
style.css
@ -329,21 +329,34 @@ h2 {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 span {
|
h2 #name {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: "~";
|
text-overflow: "~";
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
width: 205px;
|
width: 205px;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 div {
|
h2 #stats {
|
||||||
float: right;
|
float: right;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
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 {
|
h2 sup, h2 sub {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
|
Reference in New Issue
Block a user