User:Euphoria/common.js: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
fix |
fix |
||
| Line 11: | Line 11: | ||
const container = document.createElement('span'); |
const container = document.createElement('span'); |
||
container.style.marginLeft = ' |
container.style.marginLeft = '6px'; |
||
const actions = [ |
const actions = [ |
||
| Line 21: | Line 21: | ||
actions.forEach(function(actionObj) { |
actions.forEach(function(actionObj) { |
||
const btn = document.createElement('button'); |
const btn = document.createElement('button'); |
||
btn.textContent = actionObj.name.charAt(0).toUpperCase() |
btn.textContent = actionObj.name.charAt(0).toUpperCase(); // only first letter for extra small |
||
// |
// Very small compact styling |
||
| ⚫ | |||
| ⚫ | |||
btn.style.fontSize = '65%'; |
|||
btn.style.padding = '0'; |
|||
btn.style.marginRight = '3px'; |
btn.style.marginRight = '3px'; |
||
| ⚫ | |||
| ⚫ | |||
btn.style.border = 'none'; |
btn.style.border = 'none'; |
||
btn.style.borderRadius = ' |
btn.style.borderRadius = '2px'; |
||
btn.style.backgroundColor = actionObj.color; |
btn.style.backgroundColor = actionObj.color; |
||
btn.style.color = '#fff'; |
btn.style.color = '#fff'; |
||
btn.style.cursor = 'pointer'; |
btn.style.cursor = 'pointer'; |
||
btn.style.verticalAlign = 'middle'; |
btn.style.verticalAlign = 'middle'; |
||
btn.style.transition = '0. |
btn.style.transition = '0.15s'; |
||
// Hover effect |
// Hover effect |
||
btn.addEventListener('mouseenter', function() { |
btn.addEventListener('mouseenter', function() { |
||
btn.style.filter = 'brightness(1. |
btn.style.filter = 'brightness(1.3)'; |
||
}); |
}); |
||
btn.addEventListener('mouseleave', function() { |
btn.addEventListener('mouseleave', function() { |
||
Revision as of 08:44, 25 September 2025
//<nowiki>
mw.loader.using(['mediawiki.util', 'mediawiki.api'], function () {
const pagePrefix = 'User:Euphoria/TestVfD/';
if (!mw.config.get('wgPageName').startsWith(pagePrefix) || mw.config.get('wgAction') !== 'view') return;
$(function() {
$('#mw-content-text').find('h2, h3').each(function() {
const heading = this;
if ($(heading).closest('.vfd').length) return;
const container = document.createElement('span');
container.style.marginLeft = '6px';
const actions = [
{name: 'delete', color: '#e74c3c'}, // red
{name: 'keep', color: '#27ae60'}, // green
{name: 'no consensus', color: '#f1c40f'} // yellow
];
actions.forEach(function(actionObj) {
const btn = document.createElement('button');
btn.textContent = actionObj.name.charAt(0).toUpperCase(); // only first letter for extra small
// Very small compact styling
btn.style.width = '16px'; // fixed tiny width
btn.style.height = '16px';
btn.style.fontSize = '65%';
btn.style.padding = '0';
btn.style.marginRight = '3px';
btn.style.border = 'none';
btn.style.borderRadius = '2px';
btn.style.backgroundColor = actionObj.color;
btn.style.color = '#fff';
btn.style.cursor = 'pointer';
btn.style.verticalAlign = 'middle';
btn.style.transition = '0.15s';
// Hover effect
btn.addEventListener('mouseenter', function() {
btn.style.filter = 'brightness(1.3)';
});
btn.addEventListener('mouseleave', function() {
btn.style.filter = 'brightness(1)';
});
btn.addEventListener('click', function(e) {
e.preventDefault();
if (!confirm('Are you sure you want to close as ' + actionObj.name + '?')) return;
const topText = '{{subst:vt|' + actionObj.name + '. --~~~~}}\n';
const bottomText = '\n{{subst:vb}}';
const summary = 'Closed as ' + actionObj.name;
const api = new mw.Api();
api.get({
action: 'query',
prop: 'revisions',
titles: mw.config.get('wgPageName'),
rvprop: 'content',
format: 'json'
}).done(function(data) {
const pages = data.query.pages;
const pageId = Object.keys(pages)[0];
let content = pages[pageId].revisions[0]['*'];
content = content.replace(/^\s+/, '').replace(/\s+$/, '');
const newContent = topText + content + bottomText;
api.postWithToken('csrf', {
action: 'edit',
title: mw.config.get('wgPageName'),
text: newContent,
summary: summary,
minor: true,
bot: true
}).done(function() {
alert('Closed as ' + actionObj.name + '. Page updated!');
location.reload();
}).fail(function(err) {
alert('Error closing section: ' + err);
});
});
});
container.appendChild(btn);
});
heading.appendChild(container);
});
});
});
//</nowiki>