MediaWiki:Gadget-Twinkle.js: Perbedaan antara revisi

Konten dihapus Konten ditambahkan
Kenrick95 (bicara | kontrib)
Repo at d9666d4: Update Twinkle from upstream
k ~ perbarui kode
Baris 216:
*
* 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:
* "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.
* 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:
* "mw_contentwrapper" (top nav), outer div class "portlet", inner div class "pBody". Existing portlets or elements: "p-cactions", "mw_content"
Baris 236 ⟶ 237:
* @return Node -- the DOM node of the new item (a DIV element) or null
*/
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;
}
 
var item = document.getElementById( id );
if ( item ) {
if ( item.parentNode && item.parentNode === root ) {
return item;
}
Baris 253:
 
var nextnode;
if ( nextnodeid ) {
nextnode = document.getElementById(nextnodeid);
}
 
// verify/normalize input
var skin = mw.config.get("'skin"');
type =if ( skin =!== "'vector"' && type === "menu" &&|| ( navigation =!== "'left-navigation"' ||&& navigation =!== "'right-navigation" ')) ? "menu" : "";{
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"':
// XXX: portal doesn't work
if ( navigation !== "'portal"' && navigation !== "'left-navigation"' && navigation !== "'right-navigation" ') {
navigation = "'mw-panel"';
}
outerDivClass = ('vector-menu vector-menu-' + (navigation === "'mw-panel" )' ? "'portal"' : ( type === "'menu"' ? "vectorMenu"'dropdown' : "vectorTabs" 'tabs');
innerDivClass = ( navigation === "mw'vector-panel" ) ? "body" : ( type === "menu" ? "menu" : "" )-content';
break;
case "'modern"':
if ( navigation !== "'mw_portlets"' && navigation !== "'mw_contentwrapper" ') {
navigation = "'mw_portlets"';
}
outerDivClass = "'portlet"';
break;
innerDivClass = "pBody";
case 'timeless':
outerDivClass = 'mw-portlet';
innerDivClass = 'mw-portlet-body';
break;
default:
navigation = "'column-one"';
outerDivClass = "'portlet"';
innerDivClass = "pBody";
break;
}
 
// Build the DOM elements.
var outerDiv = document.createElement( "div" '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;
if ( nextnode && nextnode.parentNode === root ) {
root.insertBefore( outerDiv, nextnode );
} else {
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
if (outerDivClass.indexOf('vector-menu-dropdown') !== -1) {
var chkbox = document.createElement( "input" );
var chkbox.className = "vectorMenuCheckbox"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"'type', "p-twinkle-label" '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 aspan = document.createElement( "a" 'span');
span.appendChild(document.createTextNode(text));
a.href = "#";
h3.appendChild(span);
 
var a = document.createElement('a');
$( a ).click(function ( e ) {
ea.preventDefault()href = '#';
 
if $( !Twinklea).userAuthorized click(function(e) {
e.preventDefault();
alert("Maaf, akun Anda terlalu baru untuk menggunakan Twinkle.");
});
});
 
h5 h3.appendChild( a );
}
 
outerDiv.appendChild(h3);
ul.className = 'menu vector-menu-content-list'; // remove menu after 1.35-wmf.37 goes live
} else {
h5h3.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.appendChild(ul);
outerDiv.appendChild(innerDiv);
} else {
outerDiv.appendChild(ul);
}
 
var ul = document.createElement( "ul" );
(innerDiv || outerDiv).appendChild( ul );
 
return outerDiv;
 
};
 
Baris 349 ⟶ 355:
* @param task: Either a URL for the portlet link or a function to execute.
*/
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 );
$('.client-js .skin-vector #p-cactions').css('margin-right', 'initial');
if ( typeof task === "'function" ') {
$( link ).click(function ( ev ) {
task();
ev.preventDefault();
});
}
if ( $.collapsibleTabs ) {
$.collapsibleTabs.handleResize();
}
Baris 373 ⟶ 378:
*/
 
var scriptpathbefore = mw.util.wikiScript( "'index" ') + "'?title="',
scriptpathafter = "'&action=raw&ctype=text/javascript&happy=yes"';
 
// Retrieve the user's Twinkle preferences
$.ajax({
url: scriptpathbefore + "'User:"' + encodeURIComponent( mw.config.get("'wgUserName"')) + "'/twinkleoptions.js"' + scriptpathafter,
dataType: "'text"'
})
.fail(function () { mw.notify( "Could not load twinkleoptions.js" ); })
mw.notify('Could not load your Twinkle preferences', {type: 'error'});
.done(function ( optionsText ) {
})
.done(function (optionsText) {
 
// Quick pass if user has no options
if ( optionsText === "" '') {
return;
}
 
// Twinkle options are basically a JSON object with some comments. Strip those:
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.
if ( optionsText.lastIndexOf( "'window.Twinkle.prefs = "', 0 ) === 0 ) {
optionsText = optionsText.replace( /(?:^window.Twinkle.prefs = |;\n*$)/g, "" '');
}
 
try {
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 Twinkle.optionsVersionprefs = 1options;
// }
// 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 () {
$( Twinkle.load );
});
 
Baris 429:
// Don't activate on special pages other than those on the whitelist so that
// they load faster, especially the watchlist.
var specialPageWhitelist = [ 'Block', 'Contributions', 'DeletedContributionsRecentchanges', 'PrefixindexRecentchangeslinked' ]; // wgRelevantUserName defined for non-sysops on Special:Block
if (Morebits.userIsSysop) {
var isSpecialPage = ( mw.config.get('wgNamespaceNumber') === -1 &&
specialPageWhitelist = specialPageWhitelist.indexOfconcat([ mw.config.get('wgCanonicalSpecialPageNameDeletedContributions'), ) === -1'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;
}
 
// Prevent clickjacking
if ( window.top !== window.self ) {
return;
}
 
// Set custom Api-User-Agent header, for server-side logging purposes
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
Twinkle.initCallbacks.forEach(function ( func ) {
func();
});
Twinkle.addInitCallback = function ( func ) {
func();
};
 
// Increases text size in Twinkle dialogs, if so configured
if ( Twinkle.getPref( "'dialogLargeFont" ') ) {
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; }" ');
}
 
// 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
 
// </nowiki>