Skip to content

Commit

Permalink
new plugin: hide-ui (by insane210)
Browse files Browse the repository at this point in the history 
iitc-project/ingress-intel-total-conversion#1000

Squashed commit of the following:

commit a4ec9ba
Merge: fce1561 495a635
Author: insane210 <[email protected]>
Date:   Wed May 27 23:56:11 2015 +0200

    Merge pull request IITC-CE#2 from jonatkins/master

    update

commit fce1561
Merge: d076335 3aa0838
Author: insane210 <[email protected]>
Date:   Wed May 27 22:28:55 2015 +0200

    Merge pull request #1 from insane210/plugin

    New Plugin: Hide UI

commit 3aa0838
Author: insane210 <[email protected]>
Date:   Wed May 27 22:25:03 2015 +0200

    Update hide-ui.user.js

commit 7af7665
Author: insane210 <[email protected]>
Date:   Wed May 27 19:30:21 2015 +0200

    Update hide-ui.user.js

commit a48a1aa
Author: insane210 <[email protected]>
Date:   Wed May 27 19:23:20 2015 +0200

    Update hide-ui.user.js

commit afc2391
Author: insane210 <[email protected]>
Date:   Tue May 26 01:54:05 2015 +0200

    Update hide-ui.user.js

commit 81443b2
Author: insane210 <[email protected]>
Date:   Sun May 24 02:11:20 2015 +0200

    Update hide-ui.user.js

commit 1bbc41d
Author: insane210 <[email protected]>
Date:   Sun May 17 00:56:42 2015 +0200

    Update hide-ui.user.js

commit 4b5d343
Author: insane210 <[email protected]>
Date:   Sun May 17 00:54:08 2015 +0200

    Update and rename custom-ui.user.js to hide-ui.user.js

commit b423408
Author: insane210 <[email protected]>
Date:   Sat Apr 25 18:10:25 2015 +0200

    Update custom-ui.user.js

commit b0b4eec
Author: insane210 <[email protected]>
Date:   Mon Apr 6 00:11:15 2015 +0200

    Update and rename screenshot-mode.user.js to custom-ui.user.js

commit d076335
Author: insane210 <[email protected]>
Date:   Sat Mar 21 23:39:01 2015 +0100

    Create screenshot-mode.user.js
  • Loading branch information
johndoe committed Jul 2, 2019
1 parent 9eea03e commit aef3065
Showing 1 changed file with 265 additions and 0 deletions.
265 changes: 265 additions & 0 deletions plugins/hide-ui.user.js
View file
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/jonatkins/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@@

0 comments on commit aef3065

Please sign in to comment.