Lompat ke isi

MediaWiki:Gadget-Twinkle.js: Perbedaan antara revisi

Jelajahi riwayat secara interaktif
← Revisi sebelumnyaRevisi selanjutnya →
Konten dihapus Konten ditambahkan
k Reverted to revision 15043336 by Kenrick95 (talk)
Tag: Pembatalan
k Dikembalikan ke revisi 17086128 oleh Rachmat04 (bicara)
Tag: Pembatalan
Baris 216: Baris 216:
*
*
* Available navigation areas depend on the skin used.
* Available navigation areas depend on the skin used.
* Vector:
* For each option, the outer div class contains "vector-menu", the inner div class is "vector-menu-content", and the ul is "vector-menu-content-list"
* "mw-panel", outer div class contains "vector-menu-portal". Existing portlets/elements: "p-logo", "p-navigation", "p-interaction", "p-tb", "p-coll-print_export"
* "left-navigation", outer div class contains "vector-menu-tabs" or "vector-menu-dropdown". Existing portlets: "p-namespaces", "p-variants" (menu)
* "right-navigation", outer div class contains "vector-menu-tabs" or "vector-menu-dropdown". Existing portlets: "p-views", "p-cactions" (menu), "p-search"
* Special layout of p-personal portlet (part of "head") through specialized styles.
* Monobook:
* Monobook:
* "column-one", outer div class "portlet", inner div class "pBody". Existing portlets: "p-cactions", "p-personal", "p-logo", "p-navigation", "p-search", "p-interaction", "p-tb", "p-coll-print_export"
* "column-one", outer div class "portlet", inner div class "pBody". Existing portlets: "p-cactions", "p-personal", "p-logo", "p-navigation", "p-search", "p-interaction", "p-tb", "p-coll-print_export"
* Special layout of p-cactions and p-personal through specialized styles.
* Special layout of p-cactions and p-personal through specialized styles.
* Vector:
* "mw-panel", outer div class "portal", inner div class "body". Existing portlets/elements: "p-logo", "p-navigation", "p-interaction", "p-tb", "p-coll-print_export"
* "left-navigation", outer div class "vectorTabs" or "vectorMenu", inner div class "" or "menu". Existing portlets: "p-namespaces", "p-variants" (menu)
* "right-navigation", outer div class "vectorTabs" or "vectorMenu", inner div class "" or "menu". Existing portlets: "p-views", "p-cactions" (menu), "p-search"
* Special layout of p-personal portlet (part of "head") through specialized styles.
* Modern:
* Modern:
* "mw_contentwrapper" (top nav), outer div class "portlet", inner div class "pBody". Existing portlets or elements: "p-cactions", "mw_content"
* "mw_contentwrapper" (top nav), outer div class "portlet", inner div class "pBody". Existing portlets or elements: "p-cactions", "mw_content"
Baris 236: Baris 237:
* @return Node -- the DOM node of the new item (a DIV element) or null
* @return Node -- the DOM node of the new item (a DIV element) or null
*/
*/
Twinkle.addPortlet = function( navigation, id, text, type, nextnodeid )
Twinkle.addPortlet = function(navigation, id, text, type, nextnodeid) {
// sanity checks, and get required DOM nodes
{
var root = document.getElementById(navigation) || document.querySelector(navigation);
//sanity checks, and get required DOM nodes
if (!root) {
var root = document.getElementById( navigation );
if ( !root ) {
return null;
return null;
}
}


var item = document.getElementById( id );
var item = document.getElementById(id);
if ( item ) {
if (item) {
if ( item.parentNode && item.parentNode === root ) {
if (item.parentNode && item.parentNode === root) {
return item;
return item;
}
}
Baris 253: Baris 253:


var nextnode;
var nextnode;
if ( nextnodeid ) {
if (nextnodeid) {
nextnode = document.getElementById(nextnodeid);
nextnode = document.getElementById(nextnodeid);
}
}


//verify/normalize input
// verify/normalize input
var skin = mw.config.get("skin");
var skin = mw.config.get('skin');
type = ( skin === "vector" && type === "menu" && ( navigation === "left-navigation" || navigation === "right-navigation" )) ? "menu" : "";
if (skin !== 'vector' || (navigation !== 'left-navigation' && navigation !== 'right-navigation')) {
type = null; // menu supported only in vector's #left-navigation & #right-navigation
var outerDivClass;
}
var innerDivClass;
var outerDivClass, innerDivClass;
switch ( skin )
switch (skin) {
{
case "vector":
case 'vector':
if ( navigation !== "portal" && navigation !== "left-navigation" && navigation !== "right-navigation" ) {
// XXX: portal doesn't work
if (navigation !== 'portal' && navigation !== 'left-navigation' && navigation !== 'right-navigation') {
navigation = "mw-panel";
navigation = 'mw-panel';
}
}
outerDivClass = ( navigation === "mw-panel" ) ? "portal" : ( type === "menu" ? "vectorMenu" : "vectorTabs" );
outerDivClass = 'vector-menu vector-menu-' + (navigation === 'mw-panel' ? 'portal' : type === 'menu' ? 'dropdown' : 'tabs');
innerDivClass = ( navigation === "mw-panel" ) ? "body" : ( type === "menu" ? "menu" : "" );
innerDivClass = 'vector-menu-content';
break;
break;
case "modern":
case 'modern':
if ( navigation !== "mw_portlets" && navigation !== "mw_contentwrapper" ) {
if (navigation !== 'mw_portlets' && navigation !== 'mw_contentwrapper') {
navigation = "mw_portlets";
navigation = 'mw_portlets';
}
}
outerDivClass = "portlet";
outerDivClass = 'portlet';
break;
innerDivClass = "pBody";
case 'timeless':
outerDivClass = 'mw-portlet';
innerDivClass = 'mw-portlet-body';
break;
break;
default:
default:
navigation = "column-one";
navigation = 'column-one';
outerDivClass = "portlet";
outerDivClass = 'portlet';
innerDivClass = "pBody";
break;
break;
}
}


// Build the DOM elements.
// Build the DOM elements.
var outerDiv = document.createElement( "div" );
var outerDiv = document.createElement('nav');
outerDiv.setAttribute('aria-labelledby', id + '-label');
outerDiv.className = outerDivClass + " emptyPortlet";
// Vector getting vector-menu-empty FIXME TODO
outerDiv.className = outerDivClass + ' emptyPortlet';
outerDiv.id = id;
outerDiv.id = id;
if ( nextnode && nextnode.parentNode === root ) {
if (nextnode && nextnode.parentNode === root) {
root.insertBefore( outerDiv, nextnode );
root.insertBefore(outerDiv, nextnode);
} else {
} else {
root.appendChild( outerDiv );
root.appendChild(outerDiv);
}
}


var h3 = document.createElement('h3');
if( outerDivClass === "vectorMenu" ) {
h3.id = id + '-label';
// add invisible checkbox to make menu keyboard accessible
var ul = document.createElement('ul');

if (skin === 'vector') {
// add invisible checkbox to keep menu open when clicked
// similar to the p-cactions ("More") menu
// similar to the p-cactions ("More") menu
if (outerDivClass.indexOf('vector-menu-dropdown') !== -1) {
var chkbox = document.createElement( "input" );
chkbox.className = "vectorMenuCheckbox";
var chkbox = document.createElement('input');
chkbox.className = 'vectorMenuCheckbox vector-menu-checkbox'; // remove vectorMenuCheckbox after 1.35-wmf.37 goes live
chkbox.setAttribute( "type","checkbox" );
chkbox.setAttribute( "aria-labelledby", "p-twinkle-label" );
chkbox.setAttribute('type', 'checkbox');
chkbox.setAttribute('aria-labelledby', id + '-label');
outerDiv.appendChild( chkbox );
outerDiv.appendChild(chkbox);
}
var h5 = document.createElement( "h3" );
if(outerDivClass === "vectorMenu") {
h5.id = "p-twinkle-label";
}
if ( type === "menu" ) {
var span = document.createElement( "span" );
span.appendChild( document.createTextNode( text ) );
h5.appendChild( span );


var a = document.createElement( "a" );
var span = document.createElement('span');
span.appendChild(document.createTextNode(text));
a.href = "#";
h3.appendChild(span);


var a = document.createElement('a');
$( a ).click(function ( e ) {
e.preventDefault();
a.href = '#';


if ( !Twinkle.userAuthorized ) {
$(a).click(function(e) {
e.preventDefault();
alert("Maaf, akun Anda terlalu baru untuk menggunakan Twinkle.");
}
});
});


h5.appendChild( a );
h3.appendChild(a);
}

outerDiv.appendChild(h3);
ul.className = 'menu vector-menu-content-list'; // remove menu after 1.35-wmf.37 goes live
} else {
} else {
h5.appendChild( document.createTextNode( text ) );
h3.appendChild(document.createTextNode(text));
outerDiv.appendChild(h3);
}
}
outerDiv.appendChild( h5 );


if (innerDivClass) {
var innerDiv = null;
var innerDiv = document.createElement('div');
if ( type === "menu" ) {
innerDiv = document.createElement( "div" );
innerDiv.className = innerDivClass;
innerDiv.className = innerDivClass;
innerDiv.appendChild(ul);
outerDiv.appendChild(innerDiv);
outerDiv.appendChild(innerDiv);
} else {
outerDiv.appendChild(ul);
}
}


var ul = document.createElement( "ul" );
(innerDiv || outerDiv).appendChild( ul );


return outerDiv;
return outerDiv;

};
};


Baris 349: Baris 355:
* @param task: Either a URL for the portlet link or a function to execute.
* @param task: Either a URL for the portlet link or a function to execute.
*/
*/
Twinkle.addPortletLink = function( task, text, id, tooltip )
Twinkle.addPortletLink = function(task, text, id, tooltip) {
if (Twinkle.getPref('portletArea') !== null) {
{
Twinkle.addPortlet(Twinkle.getPref('portletArea'), Twinkle.getPref('portletId'), Twinkle.getPref('portletName'), Twinkle.getPref('portletType'), Twinkle.getPref('portletNext'));
if ( Twinkle.getPref("portletArea") !== null ) {
Twinkle.addPortlet( Twinkle.getPref( "portletArea" ), Twinkle.getPref( "portletId" ), Twinkle.getPref( "portletName" ), Twinkle.getPref( "portletType" ), Twinkle.getPref( "portletNext" ));
}
}
var link = mw.util.addPortletLink( Twinkle.getPref( "portletId" ), typeof task === "string" ? task : "#", text, id, tooltip );
var link = mw.util.addPortletLink(Twinkle.getPref('portletId'), typeof task === 'string' ? task : '#', text, id, tooltip);
$('.client-js .skin-vector #p-cactions').css('margin-right', 'initial');
$('.client-js .skin-vector #p-cactions').css('margin-right', 'initial');
if ( typeof task === "function" ) {
if (typeof task === 'function') {
$( link ).click(function ( ev ) {
$(link).click(function (ev) {
task();
task();
ev.preventDefault();
ev.preventDefault();
});
});
}
}
if ( $.collapsibleTabs ) {
if ($.collapsibleTabs) {
$.collapsibleTabs.handleResize();
$.collapsibleTabs.handleResize();
}
}
Baris 373: Baris 378:
*/
*/


var scriptpathbefore = mw.util.wikiScript( "index" ) + "?title=",
var scriptpathbefore = mw.util.wikiScript('index') + '?title=',
scriptpathafter = "&action=raw&ctype=text/javascript&happy=yes";
scriptpathafter = '&action=raw&ctype=text/javascript&happy=yes';


// Retrieve the user's Twinkle preferences
// Retrieve the user's Twinkle preferences
$.ajax({
$.ajax({
url: scriptpathbefore + "User:" + encodeURIComponent( mw.config.get("wgUserName")) + "/twinkleoptions.js" + scriptpathafter,
url: scriptpathbefore + 'User:' + encodeURIComponent(mw.config.get('wgUserName')) + '/twinkleoptions.js' + scriptpathafter,
dataType: "text"
dataType: 'text'
})
})
.fail(function () { mw.notify( "Could not load twinkleoptions.js" ); })
.fail(function () {
mw.notify('Could not load your Twinkle preferences', {type: 'error'});
.done(function ( optionsText ) {
})
.done(function (optionsText) {


// Quick pass if user has no options
// Quick pass if user has no options
if ( optionsText === "" ) {
if (optionsText === '') {
return;
return;
}
}


// Twinkle options are basically a JSON object with some comments. Strip those:
// Twinkle options are basically a JSON object with some comments. Strip those:
optionsText = optionsText.replace( /(?:^(?:\/\/[^\n]*\n)*\n*|(?:\/\/[^\n]*(?:\n|$))*$)/g, "" );
optionsText = optionsText.replace(/(?:^(?:\/\/[^\n]*\n)*\n*|(?:\/\/[^\n]*(?:\n|$))*$)/g, '');


// First version of options had some boilerplate code to make it eval-able -- strip that too. This part may become obsolete down the line.
// First version of options had some boilerplate code to make it eval-able -- strip that too. This part may become obsolete down the line.
if ( optionsText.lastIndexOf( "window.Twinkle.prefs = ", 0 ) === 0 ) {
if (optionsText.lastIndexOf('window.Twinkle.prefs = ', 0) === 0) {
optionsText = optionsText.replace( /(?:^window.Twinkle.prefs = |;\n*$)/g, "" );
optionsText = optionsText.replace(/(?:^window.Twinkle.prefs = |;\n*$)/g, '');
}
}


try {
try {
var options = JSON.parse( optionsText );
var options = JSON.parse(optionsText);
if (options) {

if (options.twinkle || options.friendly) { // Old preferences format
// Assuming that our options evolve, we will want to transform older versions:
Twinkle.prefs = $.extend(options.twinkle, options.friendly);
//if ( options.optionsVersion === undefined ) {
// ...
} else {
// options.optionsVersion = 1;
Twinkle.prefs = options;
//}
}
// v2 established after unification of Twinkle/Friendly objects
//if ( options.optionsVersion === 1 ) {
Twinkle.prefs.optionsVersion = Twinkle.prefs.optionsVersion || 1;
// ...
// options.optionsVersion = 2;
//}
// At the same time, twinkleconfig.js needs to be adapted to write a higher version number into the options.

if ( options ) {
Twinkle.prefs = options;
}
}
} catch (e) {
}
mw.notify('Could not parse your Twinkle preferences', {type: 'error'});
catch ( e ) {
mw.notify("Could not parse twinkleoptions.js");
}
}
})
})
.always(function () {
.always(function () {
$( Twinkle.load );
$(Twinkle.load);
});
});


Baris 429: Baris 429:
// Don't activate on special pages other than those on the whitelist so that
// Don't activate on special pages other than those on the whitelist so that
// they load faster, especially the watchlist.
// they load faster, especially the watchlist.
var specialPageWhitelist = [ 'Contributions', 'DeletedContributions', 'Prefixindex' ];
var specialPageWhitelist = [ 'Block', 'Contributions', 'Recentchanges', 'Recentchangeslinked' ]; // wgRelevantUserName defined for non-sysops on Special:Block
if (Morebits.userIsSysop) {
var isSpecialPage = ( mw.config.get('wgNamespaceNumber') === -1 &&
specialPageWhitelist.indexOf( mw.config.get('wgCanonicalSpecialPageName') ) === -1 );
specialPageWhitelist = specialPageWhitelist.concat([ 'DeletedContributions', 'Prefixindex' ]);
}

if (mw.config.get('wgNamespaceNumber') === -1 &&
// Also, Twinkle is incompatible with Internet Explorer versions 8 or lower,
specialPageWhitelist.indexOf(mw.config.get('wgCanonicalSpecialPageName')) === -1) {
// so don't load there either.
var isOldIE = ( $.client.profile().name === 'msie' &&
$.client.profile().versionNumber < 9 );

// Prevent users that are not autoconfirmed from loading Twinkle as well.
if ( isSpecialPage || isOldIE || !Twinkle.userAuthorized ) {
return;
return;
}
}


// Prevent clickjacking
// Prevent clickjacking
if ( window.top !== window.self ) {
if (window.top !== window.self) {
return;
return;
}
}


// Set custom Api-User-Agent header, for server-side logging purposes
// Set custom Api-User-Agent header, for server-side logging purposes
Morebits.wiki.api.setApiUserAgent( 'Twinkle/2.0 (' + mw.config.get( 'wgDBname' ) + ')' );
Morebits.wiki.api.setApiUserAgent('Twinkle/2.0 (' + mw.config.get('wgDBname') + ')');

// Load all the modules in the order that the tabs should appear
var twinkleModules = [
// User/user talk-related
'arv', 'warn', 'block', 'welcome', 'shared', 'talkback',
// Deletion
'speedy', 'prod', 'xfd', 'image',
// Maintenance
'protect', 'tag',
// Misc. ones last
'diff', 'unlink', 'fluff', 'deprod', 'batchdelete', 'batchprotect', 'batchundelete'
];
// Don't load modules users have disabled
var disabledModules = Twinkle.getPref('disabledModules').concat(Twinkle.getPref('disabledSysopModules'));
twinkleModules.filter(function(mod) {
return disabledModules.indexOf(mod) === -1;
}).forEach(function(module) {
Twinkle[module]();
});
Twinkle.config.init(); // Can't turn off


// Load the modules in the order that the tabs should appear
// User/user talk-related
Twinkle.arv();
Twinkle.warn();
if ( Morebits.userIsInGroup('sysop') ) {
Twinkle.block();
}
Twinkle.welcome();
Twinkle.shared();
Twinkle.talkback();
// Deletion
Twinkle.speedy();
Twinkle.prod();
//Twinkle.xfd();
Twinkle.image();
// Maintenance
Twinkle.protect();
Twinkle.tag();
// Misc. ones last
Twinkle.diff();
Twinkle.unlink();
Twinkle.config.init();
Twinkle.fluff.init();
if ( Morebits.userIsInGroup('sysop') ) {
Twinkle.deprod();
Twinkle.batchdelete();
Twinkle.batchprotect();
Twinkle.batchundelete();
}
// Run the initialization callbacks for any custom modules
// Run the initialization callbacks for any custom modules
Twinkle.initCallbacks.forEach(function ( func ) { func(); });
Twinkle.initCallbacks.forEach(function (func) {
func();
});
Twinkle.addInitCallback = function ( func ) { func(); };
Twinkle.addInitCallback = function (func) {
func();
};


// Increases text size in Twinkle dialogs, if so configured
// Increases text size in Twinkle dialogs, if so configured
if ( Twinkle.getPref( "dialogLargeFont" ) ) {
if (Twinkle.getPref('dialogLargeFont')) {
mw.util.addCSS( ".morebits-dialog-content, .morebits-dialog-footerlinks { font-size: 100% !important; } " +
mw.util.addCSS('.morebits-dialog-content, .morebits-dialog-footerlinks { font-size: 100% !important; } ' +
".morebits-dialog input, .morebits-dialog select, .morebits-dialog-content button { font-size: inherit !important; }" );
'.morebits-dialog input, .morebits-dialog select, .morebits-dialog-content button { font-size: inherit !important; }');
}

// Hide the lingering space if the TW menu is empty
if (mw.config.get('skin') === 'vector' && Twinkle.getPref('portletType') === 'menu' && $('#p-twinkle').length === 0) {
$('#p-cactions').css('margin-right', 'initial');
}
}
};
};


} ( window, document, jQuery )); // End wrap with anonymous function
}(window, document, jQuery)); // End wrap with anonymous function


//</nowiki>
// </nowiki>
Diperoleh dari "https://wiki-indonesia.club/wiki/MediaWiki:Gadget-Twinkle.js"