Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Better UI hiding mechanism (uses Alt-H) #1193

Closed
wants to merge 1 commit into from
Closed

Better UI hiding mechanism (uses Alt-H) #1193

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
265 changes: 265 additions & 0 deletions plugins/hide-ui.user.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,265 @@
// ==UserScript==
// @id iitc-plugin-hide-ui@insane210
// @name IITC plugin: Hide UI
// @category Misc
// @version 0.1.0.@@DATETIMEVERSION@@
// @namespace https://github.com/iitc-project/ingress-intel-total-conversion
// @updateURL @@UPDATEURL@@
// @downloadURL @@DOWNLOADURL@@
// @description [@@BUILDNAME@@-@@BUILDDATE@@] Hide user interface elements that you don't need or use the screenshot mode (Alt + H) to hide everything.
// @include https://www.ingress.com/intel*
// @include http://www.ingress.com/intel*
// @match https://www.ingress.com/intel*
// @match http://www.ingress.com/intel*
// @include https://www.ingress.com/mission/*
// @include http://www.ingress.com/mission/*
// @match https://www.ingress.com/mission/*
// @match http://www.ingress.com/mission/*
// @grant none
// ==/UserScript==

@@PLUGINSTART@@

// PLUGIN START ////////////////////////////////////////////////////////

// use own namespace for plugin
window.plugin.hideUI = function() {};

// store current state of screenshot mode
window.plugin.hideUI.ScreenshotMode = false;

window.plugin.hideUI.options = {};


// write settings to local storage
window.plugin.hideUI.saveSettings = function() {
localStorage.setItem('hideUI', JSON.stringify(window.plugin.hideUI.options));
};


// load settings from local storage
window.plugin.hideUI.loadSettings = function() {
// if settings not available, create new object with default values
if(localStorage.getItem('hideUI') === null) {
var options = {
// id: [boolean hidden, boolean changeable, boolean nested, string name],
portal_highlight_select: [false, true, false, 'Portal highlighter'],
leafletcontrols: [false, true, false, 'Map controls'],
zoom: [false, true, true, 'Zoom buttons'],
drawtools: [false, true, true, 'Drawtools'],
layer: [false, true, true, 'Map layer'],
sidebarwrapper: [false, false, false, 'Sidebar'],
playerstat: [false, true, true, 'Playerinfo'],
gamestat: [false, true, true, 'Global score'],
searchwrapper: [false, true, true, 'Search bar'],
portaldetails: [false, true, true, 'Portal details'],
redeem: [false, true, true, 'Passcode redeem'],
chatwrapper: [false, true, false, 'Chat'],
chatinput: [false, true, true, 'Chat input'],
updatestatus: [false, true, false, 'Status bar'],
bookmarkswrapper: [false, true, false, 'Bookmarks'],
};

localStorage.setItem('hideUI', JSON.stringify(options));
};

window.plugin.hideUI.options = JSON.parse(localStorage.getItem('hideUI'));
};


// reset settings back to default values
window.plugin.hideUI.resetSettings = function() {
localStorage.removeItem('hideUI');

window.plugin.hideUI.loadSettings();
window.plugin.hideUI.applySettings();

window.plugin.hideUI.showOptions();
};



// hide or show UI elements depending on settings
window.plugin.hideUI.applySettings = function() {
for(var id in window.plugin.hideUI.options) {
if(window.plugin.hideUI.options.hasOwnProperty(id)) {
var option = window.plugin.hideUI.options[id];

if(option.hasOwnProperty('0')) {
if(option[0] === true) {
$('#' + id).hide();

// if chatinput is hidden, move the chat down to the bottom
if(option[3] === 'Chat input') {
$('#chatwrapper').addClass('noinput');
};

// move leaflet controls, when highlighter is hidden
if(option[3] === 'Portal highlighter') {
$('.leaflet-top.leaflet-left').css('padding-top', '0px');
$('.leaflet-control-scale-line').css('margin-top','0px');
};

} else {
// don't use show(), because it will block css classes to apply
$('#' + id).css('display', '');

// if chat is activated, make sure there are messages to display
if(option[3] === 'Chat') {
window.chat.needMoreMessages();
};

// if chatinput is shown, move the chat back up
if(option[3] === 'Chat input') {
$('#chatwrapper').removeClass('noinput');
};

// move leaflet controls, when highlighter is shown
if(option[3] === 'Portal highlighter') {
$('.leaflet-top.leaflet-left').css('padding-top', '20px');
$('.leaflet-control-scale-line').css('margin-top','25px');
};

};
}
}
}
};



// switch screenshot mode on or off
window.plugin.hideUI.toggleScreenshotMode = function() {
if(window.plugin.hideUI.ScreenshotMode) {
$('#chatwrapper').show();
$('#sidebarwrapper').show();
$('#updatestatus').show();
$('#bookmarkswrapper').show();
$('#portal_highlight_select').show();
$('#leafletcontrols').show();

// show dialogs
for(var id in window.DIALOGS) {
if(window.DIALOGS.hasOwnProperty(id)) {
$('#' + id).parent().show();
}
}

window.plugin.hideUI.applySettings();

window.plugin.hideUI.ScreenshotMode = false;
} else {
$('#chatwrapper').hide();
$('#sidebarwrapper').hide();
$('#updatestatus').hide();
$('#bookmarkswrapper').hide();
$('#portal_highlight_select').hide();
$('#leafletcontrols').hide();

// hide dialogs
for(var id in window.DIALOGS) {
if(window.DIALOGS.hasOwnProperty(id)) {
$('#' + id).parent().hide();
}
}

window.plugin.hideUI.ScreenshotMode = true;
}
};



window.plugin.hideUI.showOptions = function() {
var html = '<button type="button" onclick="window.plugin.hideUI.resetSettings(); return false;">Reset Settings</button>' +
'<hr>' +
'<div class="bold">Always hide:</div>';

for(var id in window.plugin.hideUI.options) {
if(window.plugin.hideUI.options.hasOwnProperty(id)) {
// only show option if element/plugin is loaded
if($('#' + id).length) {
var option = window.plugin.hideUI.options[id];

if(option.hasOwnProperty('0')) {
html += '<label for="hideUI-'+id+'"';

// nested
if(option[2] === true) {
html += ' class="nested"';
};

html += '>' +
'<input type="checkbox" id="hideUI-'+id+'" ' +
'onclick="window.plugin.hideUI.options.'+id+'[0]=this.checked; ' +
'window.plugin.hideUI.saveSettings(); ' +
'window.plugin.hideUI.applySettings();"';

// hidden
if(option[0] === true) {
html += ' checked';
};

// changeable
if(option[1] === false) {
html += ' disabled';
};

html += '> '+option[3]+'</label>';
}
}
}
};

html += '<hr>' +
'<div class="bold">Screenshot mode:</div>' +
'<div>Screenshot mode hides the user interface and the mouse pointer. You can toggle it by pressing Alt + H</div>';

dialog({
html: html,
id: 'plugin-hideUI-options',
dialogClass: 'ui-dialog',
title: 'Hide UI Options'
});
};



var setup = function() {
$('head').append('<style>' +
'#dialog-plugin-hideUI-options button { display: block; margin: 10px auto; width: 80%; }' +
'#dialog-plugin-hideUI-options button:hover { cursor: pointer; text-decoration: underline; }' +
'#dialog-plugin-hideUI-options label { display: block; }' +
'#dialog-plugin-hideUI-options input { vertical-align: middle; height: initial; }' +
'.bold { font-weight: bold; }' +
'.nested { margin-left: 20px; }' +
'.noinput > #chatcontrols, .noinput > #privacycontrols { bottom: 59px !important; }' +
'.noinput > #chat, .privacy_active .noinput > #privacycontrols { bottom: 0px !important; }' +
'</style>');

// wrap multiple divs that belong together in one div
$('#sidebartoggle, #scrollwrapper').wrapAll('<div id="sidebarwrapper"></div>');
$('#chatcontrols, #chat, #chatinput').wrapAll('<div id="chatwrapper"></div>');
$('#bkmrksTrigger, #bookmarksBox').wrapAll('<div id="bookmarkswrapper"></div>');

// add an id to make it easier to hide
$('.leaflet-control-container').attr('id', 'leafletcontrols');
$('.leaflet-control-zoom.leaflet-bar.leaflet-control').attr('id', 'zoom');
$('.leaflet-draw.leaflet-control').attr('id', 'drawtools');
$('.leaflet-control-layers.leaflet-control').attr('id', 'layer');

window.plugin.hideUI.loadSettings();
window.plugin.hideUI.applySettings();

document.addEventListener('keydown', function(e) {
// pressed alt+h
if(e.keyCode === 72 && !e.shiftKey && !e.ctrlKey && e.altKey && !e.metaKey) {
window.plugin.hideUI.toggleScreenshotMode();
}
}, false);

$('#toolbox').append(' <a onclick="window.plugin.hideUI.showOptions()" title="Show hide UI settings">Hide UI Opt</a>');
};

// PLUGIN END //////////////////////////////////////////////////////////

@@PLUGINEND@@