User:Justarandomamerican/globalUserLock.js: Difference between revisions

// ── Entry point ────────────────────────────────────────────────────────────

 

mw.loader.using( [ 'mediawiki.util', 'oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows' ] ),

// Add "Global user lock" to the "More" (p-cactions) dropdown

} );

function GULDialog( config ) {

GULDialog.super.call( this, config );

OO.inheritClass( GULDialog, OO.ui.ProcessDialog );

GULDialog.static.name    = 'gulDialog';

GULDialog.static.title  = TOOL_TITLE;

GULDialog.static.size    = 'large';

GULDialog.static.actions = [

{ action: 'close', label: 'Close', flags: [ 'safe', 'close' ] }

];

GULDialog.prototype.initialize = function () {

GULDialog.super.prototype.initialize.call( this );

injectCSS();

this.$body.append( buildPanelContent() );

bindEvents();

};

GULDialog.prototype.getActionProcess = function ( action ) {

if ( action === 'close' ) {

return new OO.ui.Process( function () {

this.close();

}, this );

return GULDialog.super.prototype.getActionProcess.call( this, action );

};

// Allow the dialog body to grow with results

GULDialog.prototype.getBodyHeight = function () {

return Math.min( Math.round( window.innerHeight * 0.82 ), 680 );

};

let windowManager = null;

$( document.body ).append( windowManager.$element );

windowManager.addWindows( [ new GULDialog() ] );

// ── CSS (injected once) ────────────────────────────────────────────────────

let cssInjected = false;

function injectCSS() {

if ( cssInjected ) { return; }

cssInjected = true;

/* ── GUL colour tokens (light defaults) ─────────────────────────────── */

--gul-text-muted:  #555;

 

 

 

 

 

 

 

@media ( prefers-color-scheme: dark ) {

.gul-body,

.gul-results-wrap,

.gul-select-all-row,

 

 

 

 

 

 

 

--gul-track-bg:  #2e3136;

--gul-track-fill: #3a6ea8;

.skin-theme-clientpref-night .gul-checkbox-row {

--gul-bg:           #1e2124;

--gul-bg-subtle:    #27292d;

--gul-bg-muted:     #2e3136;

--gul-border:       #3d4146;

--gul-border-input: #54595d;

--gul-text:        #eaecf0;

--gul-text-muted:  #a2a9b1;

--gul-info-bg:      #162032;

--gul-info-border:  #3a6ea8;

--gul-info-text:    #8ab4f8;

--gul-ok-bg:        #0d2b24;

--gul-ok-text:      #4dd0a8;

--gul-err-text:    #f08080;

--gul-warn-border:  #a87f00;

--gul-warn-text:    #f0c040;

 

--gul-badge-neutral-bg:  #2e3136;

--gul-badge-neutral-text: #a2a9b1;

--gul-badge-failed-text:  #f08080;

 

--gul-primary-bg:       #3a6ea8;

 

--gul-track-fill: #3a6ea8;

/* ── Layout & structure ─────────────────────────────────────────────── */

background: var( --gul-bg );

color: var( --gul-text );

}

.gul-body input[type="text"]:focus,

outline: 2px solid var( --gul-track-fill );

}

.gul-checkbox-row {

display: flex;

align-items: center;

gap: 6px;

margin-top: 8px;

font-size: 0.92em;

color: var( --gul-text );

}

margin: 0;

/* ── Buttons ────────────────────────────────────────────────────────── */

border: 1px solid var( --gul-btn-border );

.gul-actions button.gul-primary {

background: var( --gul-primary-bg );

.gul-actions button.gul-danger {

font-weight: bold;

}

.gul-actions button.gul-danger:hover { background: var( --gul-danger-bg-hover ); }

.gul-actions button:disabled {

opacity: 0.5;

cursor: not-allowed;

/* ── Status banners ─────────────────────────────────────────────────── */

.gul-status {

background: var( --gul-info-bg );

}

/* ── Progress bar ───────────────────────────────────────────────────── */

.gul-progress {

background: var( --gul-track-bg );

.gul-progress.visible { display: block; }

background: var( --gul-track-fill );

/* ── Results table ──────────────────────────────────────────────────── */

.gul-results-wrap {

display: none;

margin-top: 14px;

/* ── Badges ─────────────────────────────────────────────────────────── */

.gul-badge {

display: inline-block;

.gul-badge-active  {

background: var( --gul-badge-neutral-bg );

color: var( --gul-badge-neutral-text );

.gul-badge-locked  {

background: var( --gul-badge-locked-bg );

color: var( --gul-badge-locked-text );

.gul-badge-failed  {

background: var( --gul-badge-failed-bg );

color: var( --gul-badge-failed-text );

.gul-badge-skipped {

background: var( --gul-badge-skipped-bg );

color: var( --gul-badge-skipped-text );

}

/* ── Summary footer ─────────────────────────────────────────────────── */

.gul-summary {

font-size: 0.9em;

padding: 8px 12px;

background: var( --gul-bg );

border: 1px solid var( --gul-border );

 

const $body = $( '<div>' ).addClass( 'gul-body' );

 

const $searchFs = $( '<fieldset>' ).append( '<legend>Search Parameters</legend>' );

$searchFs.append( `

<input type="text" id="gul-query" placeholder="e.g. spambot, vandal2024" autocomplete="off" />

 

const $lockFs = $( '<fieldset>' ).append( '<legend>Lock Options</legend>' );

<input type="checkbox" id="gul-hide" />

<label for="gul-hide" style="margin:0;">

<div class="gul-checkbox-row">

<div class="gul-checkbox-row">

<label for="gul-skip-locked" style="margin:0;">

 

$( '<div>' ).addClass( 'gul-actions' ).append(

$( '<button>' ).addClass( 'gul-primary' ).attr( 'id', 'gul-btn-search' ).text( '🔍 Search Accounts' ),

$( '<button>' ).addClass( 'gul-danger' ).attr( 'id', 'gul-btn-lock'  ).text( '🔒 Lock Selected' ).prop( 'disabled', true ),

$( '<button>' )                          .attr( 'id', 'gul-btn-clear' ).text( 'Clear' )

)

 

$body.append( $( '<div>' ).addClass( 'gul-status' ).attr( 'id', 'gul-status' ) );

$body.append(

$( '<div>' ).addClass( 'gul-progress' ).attr( 'id', 'gul-progress' ).append(

$( '<div>' ).addClass( 'gul-progress-bar' ).attr( 'id', 'gul-progress-bar' )

 

$body.append( $( '<div>' ).addClass( 'gul-results-wrap' ).attr( 'id', 'gul-results-wrap' ) );

 

 

 

.on( 'click.gul',  '#gul-btn-search', onSearch )

if ( e.key === 'Enter' ) { onSearch(); }

$( '.gul-user-cb' ).prop( 'checked', this.checked );

 

function setStatus( msg, type ) {

$( '#gul-status' )

.removeClass( 'info success error warning' )

.addClass( type )

.html( msg );

 

function clearStatus() {

$( '#gul-status' )

.removeClass( 'info success error warning' )

.html( '' )

.hide();

 

function setBadge( username, type, text ) {

$( 'tr[data-user="' + $.escapeSelector( username ) + '"] .gul-status-cell' )

.html( '<span class="gul-badge gul-badge-' + type + '">' + text + '</span>' );

}

function setProgress( done, total ) {

const pct = total > 0 ? Math.round( done / total * 100 ) : 0;

$( '#gul-progress-bar' ).css( 'width', pct + '%' );

 

 

function getCSRFToken() {

return $.ajax( {

} ).then( function ( data ) {

return data.query.tokens.csrftoken;

 

function fetchMatchingUsers( query, fromUser ) {

 

setStatus( 'Searching CentralAuth for matching usernames…', 'info' );

 

deferred.resolve( results.slice( 0, MAX_ACCOUNTS ) );

const params = {

action:  'query',

list:    'globalallusers',

agulimit: '500',

if ( continueFrom ) {

params.agufrom = continueFrom;

 

$.ajax( { url: API_ENDPOINT, data: params } )

 

users.forEach( function ( u ) {

if ( u.name.toLowerCase().includes( queryLc ) ) {

 

'Searched ~' + ( page * 500 ) + ' usernames, found ' +

results.length + ' match(es) so far…',

);

if ( !users.length || !( data.continue && data.continue.agufrom ) ) {

exhausted = true;

deferred.resolve( results.slice( 0, MAX_ACCOUNTS ) );

continueFrom = data.continue.agufrom;

fetchPage();

.fail( function ( xhr ) {

deferred.reject( 'API request failed: ' + xhr.statusText );

} );

fetchPage();

return deferred.promise();

function lockAccount( username, token, reason, hide, suppress ) {

action: 'setglobalaccountstatus',

locked: 'lock',

reason: reason,

format: 'json'

};

// Only include the hidden parameter if we intend to actively hide/suppress.  

// Sending an empty string would accidentally UNHIDE previously hidden accounts.

if ( suppress ) {

payload.hidden = 'suppressed';

} else if ( hide ) {

payload.hidden = 'lists';

}

return $.ajax( {

url:    API_ENDPOINT,

method: 'POST',

} );

}

function renderResultsTable( users ) {

const $wrap = $( '#gul-results-wrap' ).empty().removeClass( 'visible' );

$wrap.append( '<p><em>No matching accounts found.</em></p>' ).addClass( 'visible' );

// Select-all header row

$wrap.append(

$( '<div>' ).addClass( 'gul-select-all-row' ).append(

$( '<input>' ).attr( { type: 'checkbox', id: 'gul-select-all' } ).prop( 'checked', true ),

$( '<label>' ).attr( 'for', 'gul-select-all' ).css( 'margin', '0' )

.text( 'Select / deselect all' ),

$( '<span>' ).addClass( 'gul-count' ).text( users.length + ' account(s) found' )

)

// Table

const $tbody = $( '<tbody>' );

users.forEach( function ( u ) {

// MW API boolean flags return an empty string ("") if true. Must check for property existence.

const isLocked = u.locked !== undefined;

// Use data-user safely instead of building an ID to avoid regex collision bugs

const $row = $( '<tr>' ).attr( 'data-user', u.name );

$row.append(

$( '<td>' ).append(

$( '<input>' ).attr( { type: 'checkbox', class: 'gul-user-cb' } )

),

$( '<td>' ).append(

$( '<a>' )

.attr( {

href:  mw.util.getUrl( 'Special:CentralAuth/' + u.name ),

target: '_blank',

rel:   'noopener'

} )

$( '<td>' ).css( 'text-align', 'center' ).html(

isLocked

? '<span class="gul-badge gul-badge-locked">Locked</span>'

: '<span class="gul-badge gul-badge-active">Active</span>'

$( '<td>' ).addClass( 'gul-status-cell' )

.html( '<span class="gul-badge gul-badge-pending">Pending</span>' )

);

$tbody.append( $row );

} );

$( '<thead>' ).append(

$( '<tr>' ).append(

$( '<th>' ).css( 'width', '28px' ),

$( '<th>' ).text( 'Username' ),

$( '<th>' ).text( 'Currently locked?' ),

$( '<th>' ).css( 'width', '110px' ).text( 'Action status' )

)

).addClass( 'visible' );

 

if ( !query ) {

setStatus( 'Please enter a search string.', 'error' );

return;

 

$( '#gul-btn-search' ).prop( 'disabled', true );

$( '#gul-btn-lock'  ).prop( 'disabled', true );

$( '#gul-progress'  ).removeClass( 'visible' );

clearStatus();

 

fetchMatchingUsers( query, $( '#gul-from' ).val().trim() )

if ( users.length > 0 ) {

$( '#gul-btn-lock' ).prop( 'disabled', false );

setStatus(

( users.length >= MAX_ACCOUNTS

? ' (Results capped at ' + MAX_ACCOUNTS + '.)' : '' ),

);

setStatus( 'No accounts found matching "' + mw.html.escape( query ) + '".', 'warning' );

const hide      = $( '#gul-hide'       ).prop( 'checked' );

const skipLocked = $( '#gul-skip-locked' ).prop( 'checked' );

if ( !reason ) {

setStatus( 'A lock reason is required.', 'error' );

return;