|
|
|
|
|
|
|
MediaWiki:Mpfunctions.js
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
function MPSSC() {
let li = document.querySelectorAll('.MPSSC-list-header')
for (var i=0;i<li.length;i++) {
li[i].addEventListener('click', function(){this.classList.toggle('active')}, false)
}
}
function keybindsPage() {
document.addEventListener('click',function(e){
var a = document.querySelector('.SB-keybind-active')
if (a) {
a.classList.remove('SB-keybind-active')
}
if(e.target && e.target.classList.contains('SB-keybind-key') && e.target != a){
e.target.classList.toggle('SB-keybind-active')
}
});
var styles = `
.SB-keybind-key:hover {
filter:brightness(1.5);
}
.SB-keybind-active {
z-index: 2;
border-color: #ffffff40;
filter: brightness(1.5);
}
`
var styleSheet = document.createElement("style")
styleSheet.type = "text/css"
styleSheet.innerText = styles
document.head.appendChild(styleSheet)
var a = `<input type="radio" class="hidden" id="gp" name="keybind layers" value="gp" checked>
<input type="radio" class="hidden" id="inf" name="keybind layers" value="inf">
<input type="radio" class="hidden" id="ship" name="keybind layers" value="ship">
<input type="radio" class="hidden" id="shipEditor" name="keybind layers" value="shipEditor">
<input type="radio" class="hidden" id="capitalShipEditor" name="keybind layers" value="capitalShipEditor">
<input type="radio" class="hidden" id="stationEditor" name="keybind layers" value="stationEditor">
<div class="SB-keybind-layer-row">
<label class="SB-keybind-layer-label label-gp" for="gp">General</label>
<label class="SB-keybind-layer-label label-inf"for="inf">Infantry</label>
<label class="SB-keybind-layer-label label-ship"for="ship">Ship</label>
<label class="SB-keybind-layer-label label-shipEditor"for="shipEditor">Ship Editor</label>
<label class="SB-keybind-layer-label label-capitalShipEditor"for="capitalShipEditor">Capital Ship Editor</label>
<label class="SB-keybind-layer-label label-stationEditor"for="stationEditor">Station Editor</label>
</div>`
document.querySelector('.SB-keybind-wrap').insertAdjacentHTML('beforebegin', a)
}
switch(mw.config.get('wgPageName')) {
case 'Keybinds':
keybindsPage();
break;
case 'User:DustyFB/Sandbox/Main_Page':
MPSSC();
break;
case 'Keybinds/test':
keybindsPage();
break;
}