MediaWiki:Gadget-Twinkle.js: Perbedaan antara revisi

Konten dihapus Konten ditambahkan
k ~ perbarui kode
k Reverted to revision 15043336 by Kenrick95 (talk)
Tag: Pembatalan
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 237 ⟶ 236:
* @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
//sanity checks, and get required DOM nodes
var root = document.getElementById(navigation) || document.querySelector(navigation);
var root = document.getElementById( navigation );
if (!root) {
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'");
iftype = ( skin !=== '"vector'" ||&& type === "menu" && ( navigation !=== '"left-navigation'" &&|| navigation !=== '"right-navigation'" )) {? "menu" : "";
var outerDivClass;
type = null; // menu supported only in vector's #left-navigation & #right-navigation
var innerDivClass;
}
switch ( skin )
var outerDivClass, innerDivClass;
{
switch (skin) {
case '"vector'":
if ( navigation !== "portal" && navigation !== "left-navigation" && navigation !== "right-navigation" ) {
// XXX: portal doesn't work
navigation = "mw-panel";
if (navigation !== 'portal' && navigation !== 'left-navigation' && navigation !== 'right-navigation') {
navigation = 'mw-panel';
}
outerDivClass = 'vector-menu( vector-menu-' + (navigation === '"mw-panel'" ) ? '"portal'" : ( type === '"menu'" ? 'dropdown'"vectorMenu" : 'tabs'"vectorTabs" );
innerDivClass = 'vector( navigation === "mw-panel" ) ? "body" : ( type === "menu-content'" ? "menu" : "" );
break;
case '"modern'":
if ( navigation !== '"mw_portlets'" && navigation !== '"mw_contentwrapper'" ) {
navigation = '"mw_portlets'";
}
outerDivClass = '"portlet'";
innerDivClass = "pBody";
break;
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('nav' "div" );
outerDiv.className = outerDivClass + " emptyPortlet";
outerDiv.setAttribute('aria-labelledby', id + '-label');
// 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 );
}
 
if( outerDivClass === "vectorMenu" ) {
var h3 = document.createElement('h3');
// add invisible checkbox to make menu keyboard accessible
h3.id = id + '-label';
var ul = document.createElement('ul');
 
if (skin === 'vector') {
// add invisible checkbox to keep menu open when clicked
// similar to the p-cactions ("More") menu
var chkbox = document.createElement( "input" );
if (outerDivClass.indexOf('vector-menu-dropdown') !== -1) {
var chkbox.className = document.createElement('input')"vectorMenuCheckbox";
chkbox.setAttribute( "type","checkbox" );
chkbox.className = 'vectorMenuCheckbox vector-menu-checkbox'; // remove vectorMenuCheckbox after 1.35-wmf.37 goes live
chkbox.setAttribute('type' "aria-labelledby", 'checkbox'"p-twinkle-label" );
outerDiv.appendChild( chkbox );
chkbox.setAttribute('aria-labelledby', id + '-label');
}
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 spana = document.createElement('span' "a" );
a.href = "#";
span.appendChild(document.createTextNode(text));
h3.appendChild(span);
 
$( a ).click(function ( e ) {
var a = document.createElement('a');
ae.href = '#'preventDefault();
 
$if (a) !Twinkle.click(function(euserAuthorized ) {
alert("Maaf, akun Anda terlalu baru untuk menggunakan Twinkle.");
e.preventDefault();
});
});
 
h3h5.appendChild( a );
}
 
outerDiv.appendChild(h3);
ul.className = 'menu vector-menu-content-list'; // remove menu after 1.35-wmf.37 goes live
} else {
h3h5.appendChild( document.createTextNode( text ) );
outerDiv.appendChild(h3);
}
outerDiv.appendChild( h5 );
 
var innerDiv = null;
if (innerDivClass) {
if ( type === "menu" ) {
var innerDiv = document.createElement('div');
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 355 ⟶ 349:
* @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) {
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 378 ⟶ 373:
*/
 
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" ); })
.done(function ( optionsText ) {
mw.notify('Could not load your Twinkle preferences', {type: 'error'});
})
.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) {
// Assuming that our options evolve, we will want to transform older versions:
if (options.twinkle || options.friendly) { // Old preferences format
//if ( options.optionsVersion === undefined ) {
Twinkle.prefs = $.extend(options.twinkle, options.friendly);
}// else {...
Twinkle// options.prefsoptionsVersion = options1;
//}
//if ( options.optionsVersion === 1 ) {
// v2 established after unification of Twinkle/Friendly objects
// ...
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'}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', 'RecentchangesDeletedContributions', 'RecentchangeslinkedPrefixindex' ]; // wgRelevantUserName defined for non-sysops on Special:Block
var isSpecialPage = ( mw.config.get('wgNamespaceNumber') === -1 &&
if (Morebits.userIsSysop) {
specialPageWhitelist = specialPageWhitelist.concatindexOf([ mw.config.get('DeletedContributionswgCanonicalSpecialPageName',) 'Prefixindex') === -1 ]);
 
}
// Also, Twinkle is incompatible with Internet Explorer versions 8 or lower,
if (mw.config.get('wgNamespaceNumber') === -1 &&
// so don't load there either.
specialPageWhitelist.indexOf(mw.config.get('wgCanonicalSpecialPageName')) === -1) {
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(); };
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>