User:Polygnotus/Scripts/WikiTypoInterface.js: Difference between revisions

Revision as of 12:42, 25 August 2024

Latest revision as of 00:19, 9 September 2024

(9 intermediate revisions by the same user not shown)

Line 1:

// Hide menu bar, header, and adjust layout

(function() {

function removeElements() {

const elementsToRemove = [

'#mw-head', '#mw-page-base', /* Top header */'#mw-panel',

'#editpage-specialchars', '#mw-userconfigdangerous', '.editpage-head-copywarn'

];

elementsToRemove.forEach(selector => {

const element = document.querySelector(selector);

if (element) element.remove();

{});

}

function addCustomCSS() {

varconst style = document.createElement('style');

style.textContent = `

#mw-page-base, /* Top header */

#mw-panel /* Left sidebar menu */

{

display: none !important;

}

/* Adjust the content area to take full width and height */

body {

padding-top: 0 !important;

Line 20 ⟶ 23:

}

/* Ensure the content starts from the top of the page */

#content {

margin-top: 0 !important;

}

/* Adjust the position of the content */

#bodyContent {

margin-top: 1em;

}

#custom-top-buttons {

margin-bottom: 15px;

}

#custom-top-buttons .oo-ui-buttonElement {

displaymargin-right: none !important8px;

}

`;

document.head.appendChild(style);

}

function addCustomButtons() {

const buttonContainer = document.createElement('div');

buttonContainer.id = 'custom-top-buttons';

buttonContainer.className = 'editButtons';

const buttons = [

{ text: 'Publish changes', id: 'wpSave', className: 'oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-buttonElement oo-ui-buttonElement-framed oo-ui-labelElement oo-ui-flaggedElement-progressive oo-ui-flaggedElement-primary oo-ui-buttonInputWidget' },

{ text: 'Show preview', id: 'wpPreview', className: 'oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-buttonElement oo-ui-buttonElement-framed oo-ui-labelElement oo-ui-buttonInputWidget' },

{ text: 'Show changes', id: 'wpDiff', className: 'oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-buttonElement oo-ui-buttonElement-framed oo-ui-labelElement oo-ui-buttonInputWidget' }

];

buttons.forEach(btn => {

const buttonSpan = document.createElement('span');

buttonSpan.className = btn.className;

const button = document.createElement('input');

button.type = 'button';

button.value = btn.text;

button.className = 'oo-ui-inputWidget-input oo-ui-buttonElement-button';

button.addEventListener('click', () => {

document.getElementById(btn.id).click();

});

buttonSpan.appendChild(button);

buttonContainer.appendChild(buttonSpan);

});

const bodyContent = document.getElementById('bodyContent');

const currentAction = mw.config.get('wgAction');

if (['edit', 'submit', 'diff'].includes(currentAction) && bodyContent) {

bodyContent.insertBefore(buttonContainer, bodyContent.firstChild);

}

}

function init() {

removeElements();

addCustomCSS();

addCustomButtons();

}

if (document.readyState === 'loading') {

document.addEventListener('DOMContentLoaded', addCustomCSSinit);

} else {

addCustomCSSinit();

}

})();