js2/ajaxcategories.js

   1 loadGM( {
   2         "ajax-add-category" : "[Add Category]",
   3         "ajax-add-category-submit" : "[Add]",
   4         "ajax-confirm-prompt" : "[Confirmation Text]",
   5         "ajax-confirm-title" : "[Confirmation Title]",
   6         "ajax-confirm-save" : "[Save]",
   7         "ajax-add-category-summary" : "[Add category $1]",
   8         "ajax-remove-category-summary" : "[Remove category $2]",
   9         "ajax-confirm-actionsummary" : "[Summary]",
  10         "ajax-error-title" : "Error",
  11         "ajax-error-dismiss" : "OK",
  12         "ajax-remove-category-error" : "[RemoveErr]"
  13 } );
  14
  15 var ajaxCategories = {
  16         handleAddLink : function( e ) {
  17                 e.preventDefault();
  18
  19                 // Make sure the suggestion plugin is loaded. Load everything else while we're at it
  20                 mvJsLoader.doLoad(
  21                         ['$j.ui', '$j.ui.dialog', '$j.fn.suggestions'],
  22                         function() {
  23                                 $j( '#mw-addcategory-prompt' ).toggle();
  24
  25                                 $j( '#mw-addcategory-input' ).suggestions( {
  26                                         'fetch':ajaxCategories.fetchSuggestions,
  27                                         'cancel': function() {
  28                                                 var req = ajaxCategories.request;
  29                                                 if ( req.abort )
  30                                                         req.abort();
  31                                         }
  32                                 } );
  33
  34                                 $j( '#mw-addcategory-input' ).suggestions();
  35                         }
  36                 );
  37         },
  38
  39         fetchSuggestions : function( query ) {
  40                 var that = this;
  41                 var request = $j.ajax( {
  42                         url: wgScriptPath + '/api.php',
  43                         data: {
  44                                 'action': 'query',
  45                                 'list': 'allpages',
  46                                 'apnamespace': 14,
  47                                 'apprefix': $j( this ).val(),
  48                                 'format': 'json'
  49                         },
  50                         dataType: 'json',
  51                         success: function( data ) {
  52                                 // Process data.query.allpages into an array of titles
  53                                 var pages = data.query.allpages;
  54                                 var titleArr = [];
  55
  56                                 $j.each( pages, function( i, page ) {
  57                                         var title = page.title.split( ':', 2 )[1];
  58                                         titleArr.push( title );
  59                                 } );
  60
  61                                 $j( that ).suggestions( 'suggestions', titleArr );
  62                         }
  63                 } );
  64
  65                 ajaxCategories.request = request;
  66         },
  67
  68         reloadCategoryList : function( response ) {
  69                 var holder = $j( '<div/>' );
  70
  71                 holder.load(
  72                         window.location.href + ' .catlinks',
  73                         function() {
  74                                 $j( '.catlinks' ).replaceWith( holder.find( '.catlinks' ) );
  75                                 ajaxCategories.setupAJAXCategories();
  76                                 ajaxCategories.removeProgressIndicator( $j( '.catlinks' ) );
  77                         }
  78                 );
  79         },
  80
  81         confirmEdit : function( page, fn, actionSummary, doneFn ) {
  82                 // Load jQuery UI
  83                 mvJsLoader.doLoad(
  84                         ['$j.ui', '$j.ui.dialog', '$j.fn.suggestions'],
  85                         function() {
  86                                 // Produce a confirmation dialog
  87
  88                                 var dialog = $j( '<div/>' );
  89
  90                                 dialog.addClass( 'mw-ajax-confirm-dialog' );
  91                                 dialog.attr( 'title', gM( 'ajax-confirm-title' ) );
  92
  93                                 // Intro text.
  94                                 var confirmIntro = $j( '<p/>' );
  95                                 confirmIntro.text( gM( 'ajax-confirm-prompt' ) );
  96                                 dialog.append( confirmIntro );
  97
  98                                 // Summary of the action to be taken
  99                                 var summaryHolder = $j( '<p/>' );
 100                                 var summaryLabel = $j( '<strong/>' );
 101                                 summaryLabel.text( gM( 'ajax-confirm-actionsummary' ) + " " );
 102                                 summaryHolder.text( actionSummary );
 103                                 summaryHolder.prepend( summaryLabel );
 104                                 dialog.append( summaryHolder );
 105
 106                                 // Reason textbox.
 107                                 var reasonBox = $j( '<input type="text" size="45" />' );
 108                                 reasonBox.addClass( 'mw-ajax-confirm-reason' );
 109                                 dialog.append( reasonBox );
 110
 111                                 // Submit button
 112                                 var submitButton = $j( '<input type="button"/>' );
 113                                 submitButton.val( gM( 'ajax-confirm-save' ) );
 114
 115                                 var submitFunction = function() {
 116                                         ajaxCategories.addProgressIndicator( dialog );
 117                                         ajaxCategories.doEdit(
 118                                                 page,
 119                                                 fn,
 120                                                 reasonBox.val(),
 121                                                 function() {
 122                                                         doneFn();
 123                                                         dialog.dialog( 'close' );
 124                                                         ajaxCategories.removeProgressIndicator( dialog );
 125                                                 }
 126                                         );
 127                                 };
 128
 129                                 var buttons = { };
 130                                 buttons[gM( 'ajax-confirm-save' )] = submitFunction;
 131                                 var dialogOptions = {
 132                                         'AutoOpen' : true,
 133                                         'buttons' : buttons,
 134                                         'width' : 450
 135                                 };
 136
 137                                 $j( '#catlinks' ).prepend( dialog );
 138                                 dialog.dialog( dialogOptions );
 139                         }
 140                 );
 141         },
 142
 143         doEdit : function( page, fn, summary, doneFn ) {
 144                 // Get an edit token for the page.
 145                 var getTokenVars = {
 146                         'action':'query',
 147                         'prop':'info|revisions',
 148                         'intoken':'edit',
 149                         'titles':page,
 150                         'rvprop':'content|timestamp',
 151                         'format':'json'
 152                 };
 153
 154                 $j.get( wgScriptPath + '/api.php', getTokenVars,
 155                         function( reply ) {
 156                                 var infos = reply.query.pages;
 157                                 $j.each(
 158                                         infos,
 159                                         function( pageid, data ) {
 160                                                 var token = data.edittoken;
 161                                                 var timestamp = data.revisions[0].timestamp;
 162                                                 var oldText = data.revisions[0]['*'];
 163
 164                                                 var newText = fn( oldText );
 165
 166                                                 if ( newText === false ) return;
 167
 168                                                 var postEditVars = {
 169                                                         'action':'edit',
 170                                                         'title':page,
 171                                                         'text':newText,
 172                                                         'summary':summary,
 173                                                         'token':token,
 174                                                         'basetimestamp':timestamp,
 175                                                         'format':'json'
 176                                                 };
 177
 178                                                 $j.post( wgScriptPath + '/api.php', postEditVars, doneFn,       'json' );
 179                                         }
 180                                 );
 181                         }
 182                 , 'json' );
 183         },
 184
 185         addProgressIndicator : function( elem ) {
 186                 var indicator = $j( '<div/>' );
 187
 188                 indicator.addClass( 'mw-ajax-loader' );
 189
 190                 elem.append( indicator );
 191         },
 192
 193         removeProgressIndicator : function( elem ) {
 194                 elem.find( '.mw-ajax-loader' ).remove();
 195         },
 196
 197         handleCategoryAdd : function( e ) {
 198                 // Grab category text
 199                 var category = $j( '#mw-addcategory-input' ).val();
 200                 var appendText = "\n[[" + wgFormattedNamespaces[14] + ":" + category + "]]\n";
 201                 var summary = gM( 'ajax-add-category-summary', category );
 202
 203                 ajaxCategories.confirmEdit(
 204                         wgPageName,
 205                         function( oldText ) { return oldText + appendText },
 206                         summary,
 207                         ajaxCategories.reloadCategoryList
 208                 );
 209         },
 210
 211         handleDeleteLink : function( e ) {
 212                 e.preventDefault();
 213
 214                 var category = $j( this ).parent().find( 'a' ).text();
 215
 216                 // Build a regex that matches legal invocations of that category.
 217
 218                 // In theory I should escape the aliases, but there's no JS function for it
 219                 //  Shouldn't have any real impact, can't be exploited or anything, so we'll
 220                 //  leave it for now.
 221                 var categoryNSFragment = '';
 222                 $j.each( wgNamespaceIds, function( name, id ) {
 223                         if ( id == 14 ) {
 224                                 // Allow the first character to be any case
 225                                 var firstChar = name.charAt( 0 );
 226                                 firstChar = '[' + firstChar.toUpperCase() + firstChar.toLowerCase() + ']';
 227                                 categoryNSFragment += '|' + firstChar + name.substr( 1 );
 228                         }
 229                 } );
 230                 categoryNSFragment = categoryNSFragment.substr( 1 ); // Remove leading |
 231
 232                 // Build the regex
 233                 var titleFragment = category;
 234
 235                 firstChar = category.charAt( 0 );
 236                 firstChar = '[' + firstChar.toUpperCase() + firstChar.toLowerCase() + ']';
 237                 titleFragment = firstChar + category.substr( 1 );
 238                 var categoryRegex = '\\[\\[' + categoryNSFragment + ':' + titleFragment + '(\\|[^\\]]*)?\\]\\]';
 239                 categoryRegex = new RegExp( categoryRegex, 'g' );
 240
 241                 var summary = gM( 'ajax-remove-category-summary', category );
 242
 243                 ajaxCategories.confirmEdit(
 244                         wgPageName,
 245                         function( oldText ) {
 246                                 var newText = oldText.replace( categoryRegex, '' );
 247
 248                                 if ( newText == oldText ) {
 249                                         var error = gM( 'ajax-remove-category-error' );
 250                                         ajaxCategories.showError( error );
 251                                         ajaxCategories.removeProgressIndicator( $j( '.mw-ajax-confirm-dialog' ) );
 252                                         $j( '.mw-ajax-confirm-dialog' ).dialog( 'close' );
 253                                         return false;
 254                                 }
 255
 256                                 return newText;
 257                         },
 258                         summary, ajaxCategories.reloadCategoryList
 259                 );
 260         },
 261
 262         showError : function( str ) {
 263                 var dialog = $j( '<div/>' );
 264                 dialog.text( str );
 265
 266                 $j( '#bodyContent' ).append( dialog );
 267
 268                 var buttons = { };
 269                 buttons[gM( 'ajax-error-dismiss' )] = function( e ) {
 270                         dialog.dialog( 'close' );
 271                 };
 272                 var dialogOptions = {
 273                         'buttons' : buttons,
 274                         'AutoOpen' : true,
 275                         'title' : gM( 'ajax-error-title' )
 276                 };
 277
 278                 dialog.dialog( dialogOptions );
 279         },
 280
 281         setupAJAXCategories : function() {
 282                 // Only do it for articles.
 283                 if ( !wgIsArticle ) return;
 284
 285                 var clElement = $j( '.catlinks' );
 286
 287                 // Unhide hidden category holders.
 288                 clElement.removeClass( 'catlinks-allhidden' );
 289
 290                 var addLink = $j( '<a/>' );
 291                 addLink.addClass( 'mw-ajax-addcategory' );
 292
 293                 // Create [Add Category] link
 294                 addLink.text( gM( 'ajax-add-category' ) );
 295                 addLink.attr( 'href', '#' );
 296                 addLink.click( ajaxCategories.handleAddLink );
 297                 clElement.append( addLink );
 298
 299                 // Create add category prompt
 300                 var promptContainer = $j( '<div id="mw-addcategory-prompt"/>' );
 301                 var promptTextbox = $j( '<input type="text" size="45" id="mw-addcategory-input"/>' );
 302                 var addButton = $j( '<input type="button" id="mw-addcategory-button"/>' );
 303                 addButton.val( gM( 'ajax-add-category-submit' ) );
 304
 305                 promptTextbox.keypress( ajaxCategories.handleCategoryInput );
 306                 addButton.click( ajaxCategories.handleCategoryAdd );
 307
 308                 promptContainer.append( promptTextbox );
 309                 promptContainer.append( addButton );
 310                 promptContainer.hide();
 311
 312                 // Create delete link for each category.
 313                 $j( '.catlinks div span a' ).each( function( e ) {
 314                         // Create a remove link
 315                         var deleteLink = $j( '<a class="mw-remove-category" href="#"/>' );
 316
 317                         deleteLink.click( ajaxCategories.handleDeleteLink );
 318
 319                         $j( this ).after( deleteLink );
 320                 } );
 321
 322                 clElement.append( promptContainer );
 323         }
 324 };
 325
 326 js2AddOnloadHook( ajaxCategories.setupAJAXCategories );