skins/common/upload.js

   1 function licenseSelectorCheck() {
   2         var selector = document.getElementById( "wpLicense" );
   3         var selection = selector.options[selector.selectedIndex].value;
   4         if( selector.selectedIndex > 0 ) {
   5                 if( selection == "" ) {
   6                         // Option disabled, but browser is broken and doesn't respect this
   7                         selector.selectedIndex = 0;
   8                 }
   9         }
  10         // We might show a preview
  11         wgUploadLicenseObj.fetchPreview( selection );
  12 }
  13
  14 function wgUploadSetup() {
  15         // Disable URL box if the URL copy upload source type is not selected
  16         var e = document.getElementById( 'wpSourceTypeURL' );
  17         if( e ) {
  18                 if( !e.checked ) {
  19                         var ein = document.getElementById( 'wpUploadFileURL' );
  20                         if(ein)
  21                                 ein.setAttribute( 'disabled', 'disabled' );
  22                 }
  23         }
  24
  25         // For MSIE/Mac: non-breaking spaces cause the <option> not to render.
  26         // But for some reason, setting the text to itself works
  27         var selector = document.getElementById("wpLicense");
  28         if (selector) {
  29                 var ua = navigator.userAgent;
  30                 var isMacIe = (ua.indexOf("MSIE") != -1) && (ua.indexOf("Mac") != -1);
  31                 if (isMacIe) {
  32                         for (var i = 0; i < selector.options.length; i++) {
  33                                 selector.options[i].text = selector.options[i].text;
  34                         }
  35                 }
  36         }
  37
  38         // Toggle source type
  39         var sourceTypeCheckboxes = document.getElementsByName( 'wpSourceType' );
  40         for ( var i = 0; i < sourceTypeCheckboxes.length; i++ ) {
  41                 sourceTypeCheckboxes[i].onchange = toggleUploadInputs;
  42         }
  43
  44         // AJAX wpDestFile warnings
  45         if ( wgAjaxUploadDestCheck ) {
  46                 document.getElementById( 'wpDestFile' ).onchange = function ( e ) {
  47                         wgUploadWarningObj.checkNow(this.value);
  48                 };
  49                 var optionsTable = document.getElementById( 'mw-htmlform-options' ).tBodies[0];
  50                 var row = document.createElement( 'tr' );
  51                 var td = document.createElement( 'td' );
  52                 td.id = 'wpDestFile-warning';
  53                 td.colSpan = 2;
  54                 row.appendChild( td );
  55                 optionsTable.appendChild( row );
  56         }
  57
  58         // License selector check
  59         document.getElementById( 'wpLicense' ).onchange = licenseSelectorCheck;
  60
  61         // fillDestFile setup
  62         for ( var i = 0; i < wgUploadSourceIds.length; i++ )
  63                 document.getElementById( wgUploadSourceIds[i] ).onchange = function (e) {
  64                         fillDestFilename( this.id );
  65                 };
  66 }
  67
  68 /**
  69  * Iterate over all upload source fields and disable all except the selected one.
  70  *
  71  * @param enabledId The id of the selected radio button
  72  * @return emptiness
  73  */
  74 function toggleUploadInputs() {
  75         // Iterate over all rows with UploadSourceField
  76         var rows;
  77         if ( document.getElementsByClassName ) {
  78                 rows = document.getElementsByClassName( 'mw-htmlform-field-UploadSourceField' );
  79         } else {
  80                 // Older browsers don't support getElementsByClassName
  81                 rows = new Array();
  82
  83                 var allRows = document.getElementsByTagName( 'tr' );
  84                 for ( var i = 0; i < allRows.length; i++ ) {
  85                         if ( allRows[i].className == 'mw-htmlform-field-UploadSourceField' )
  86                                 rows.push( allRows[i] );
  87                 }
  88         }
  89
  90         for ( var i = 0; i < rows.length; i++ ) {
  91                 var inputs = rows[i].getElementsByTagName( 'input' );
  92
  93                 // Check if this row is selected
  94                 var isChecked = true; // Default true in case wpSourceType is not found
  95                 for ( var j = 0; j < inputs.length; j++ ) {
  96                         if ( inputs[j].name == 'wpSourceType' )
  97                                 isChecked = inputs[j].checked;
  98                 }
  99
 100                 // Disable all unselected rows
 101                 for ( var j = 0; j < inputs.length; j++ ) {
 102                         if ( inputs[j].type != 'radio')
 103                                 inputs[j].disabled = !isChecked;
 104                 }
 105         }
 106 }
 107
 108 var wgUploadWarningObj = {
 109         'responseCache' : { '' : '&nbsp;' },
 110         'nameToCheck' : '',
 111         'typing': false,
 112         'delay': 500, // ms
 113         'timeoutID': false,
 114
 115         'keypress': function () {
 116                 if ( !wgAjaxUploadDestCheck || !sajax_init_object() ) return;
 117
 118                 // Find file to upload
 119                 var destFile = document.getElementById('wpDestFile');
 120                 var warningElt = document.getElementById( 'wpDestFile-warning' );
 121                 if ( !destFile || !warningElt ) return ;
 122
 123                 this.nameToCheck = destFile.value ;
 124
 125                 // Clear timer
 126                 if ( this.timeoutID ) {
 127                         window.clearTimeout( this.timeoutID );
 128                 }
 129                 // Check response cache
 130                 for (cached in this.responseCache) {
 131                         if (this.nameToCheck == cached) {
 132                                 this.setWarning(this.responseCache[this.nameToCheck]);
 133                                 return;
 134                         }
 135                 }
 136
 137                 this.timeoutID = window.setTimeout( 'wgUploadWarningObj.timeout()', this.delay );
 138         },
 139
 140         'checkNow': function (fname) {
 141                 if ( !wgAjaxUploadDestCheck || !sajax_init_object() ) return;
 142                 if ( this.timeoutID ) {
 143                         window.clearTimeout( this.timeoutID );
 144                 }
 145                 this.nameToCheck = fname;
 146                 this.timeout();
 147         },
 148
 149         'timeout' : function() {
 150                 if ( !wgAjaxUploadDestCheck || !sajax_init_object() ) return;
 151                 injectSpinner( document.getElementById( 'wpDestFile' ), 'destcheck' );
 152
 153                 // Get variables into local scope so that they will be preserved for the
 154                 // anonymous callback. fileName is copied so that multiple overlapping
 155                 // ajax requests can be supported.
 156                 var obj = this;
 157                 var fileName = this.nameToCheck;
 158                 sajax_do_call( 'SpecialUpload::ajaxGetExistsWarning', [this.nameToCheck],
 159                         function (result) {
 160                                 obj.processResult(result, fileName)
 161                         }
 162                 );
 163         },
 164
 165         'processResult' : function (result, fileName) {
 166                 removeSpinner( 'destcheck' );
 167                 this.setWarning(result.responseText);
 168                 this.responseCache[fileName] = result.responseText;
 169         },
 170
 171         'setWarning' : function (warning) {
 172                 var warningElt = document.getElementById( 'wpDestFile-warning' );
 173                 this.setInnerHTML(warningElt, warning);
 174         },
 175         'setInnerHTML' : function (element, text) {
 176                 // Check for no change to avoid flicker in IE 7
 177                 if (element.innerHTML != text) {
 178                         element.innerHTML = text;
 179                 }
 180         }
 181 }
 182
 183 function fillDestFilename(id) {
 184         if (!wgUploadAutoFill) {
 185                 return;
 186         }
 187         if (!document.getElementById) {
 188                 return;
 189         }
 190         // Remove any previously flagged errors
 191         var e = document.getElementById( 'mw-upload-permitted' );
 192         if( e ) e.className = '';
 193
 194         var e = document.getElementById( 'mw-upload-prohibited' );
 195         if( e ) e.className = '';
 196
 197         var path = document.getElementById(id).value;
 198         // Find trailing part
 199         var slash = path.lastIndexOf('/');
 200         var backslash = path.lastIndexOf('\\');
 201         var fname;
 202         if (slash == -1 && backslash == -1) {
 203                 fname = path;
 204         } else if (slash > backslash) {
 205                 fname = path.substring(slash+1, 10000);
 206         } else {
 207                 fname = path.substring(backslash+1, 10000);
 208         }
 209
 210         // Clear the filename if it does not have a valid extension.
 211         // URLs are less likely to have a useful extension, so don't include them in the
 212         // extension check.
 213         if( wgFileExtensions && id != 'wpUploadFileURL' ) {
 214                 var found = false;
 215                 if( fname.lastIndexOf( '.' ) != -1 ) {
 216                         var ext = fname.substr( fname.lastIndexOf( '.' ) + 1 );
 217                         for( var i = 0; i < wgFileExtensions.length; i++ ) {
 218                                 if( wgFileExtensions[i].toLowerCase() == ext.toLowerCase() ) {
 219                                         found = true;
 220                                         break;
 221                                 }
 222                         }
 223                 }
 224                 if( !found ) {
 225                         // Not a valid extension
 226                         // Clear the upload and set mw-upload-permitted to error
 227                         document.getElementById(id).value = '';
 228                         var e = document.getElementById( 'mw-upload-permitted' );
 229                         if( e ) e.className = 'error';
 230
 231                         var e = document.getElementById( 'mw-upload-prohibited' );
 232                         if( e ) e.className = 'error';
 233
 234                         // Clear wpDestFile as well
 235                         var e = document.getElementById( 'wpDestFile' )
 236                         if( e ) e.value = '';
 237
 238                         return false;
 239                 }
 240         }
 241
 242         // Capitalise first letter and replace spaces by underscores
 243         // FIXME: $wgCapitalizedNamespaces
 244         fname = fname.charAt(0).toUpperCase().concat(fname.substring(1,10000)).replace(/ /g, '_');
 245
 246         // Output result
 247         var destFile = document.getElementById('wpDestFile');
 248         if (destFile) {
 249                 destFile.value = fname;
 250                 wgUploadWarningObj.checkNow(fname) ;
 251         }
 252 }
 253
 254 function toggleFilenameFiller() {
 255         if(!document.getElementById) return;
 256         var upfield = document.getElementById('wpUploadFile');
 257         var destName = document.getElementById('wpDestFile').value;
 258         if (destName=='' || destName==' ') {
 259                 wgUploadAutoFill = true;
 260         } else {
 261                 wgUploadAutoFill = false;
 262         }
 263 }
 264
 265 var wgUploadLicenseObj = {
 266
 267         'responseCache' : { '' : '' },
 268
 269         'fetchPreview': function( license ) {
 270                 if( !wgAjaxLicensePreview || !sajax_init_object() ) return;
 271                 for (cached in this.responseCache) {
 272                         if (cached == license) {
 273                                 this.showPreview( this.responseCache[license] );
 274                                 return;
 275                         }
 276                 }
 277                 injectSpinner( document.getElementById( 'wpLicense' ), 'license' );
 278                 sajax_do_call( 'SpecialUpload::ajaxGetLicensePreview', [license],
 279                         function( result ) {
 280                                 wgUploadLicenseObj.processResult( result, license );
 281                         }
 282                 );
 283         },
 284
 285         'processResult' : function( result, license ) {
 286                 removeSpinner( 'license' );
 287                 this.showPreview( result.responseText );
 288                 this.responseCache[license] = result.responseText;
 289         },
 290
 291         'showPreview' : function( preview ) {
 292                 var previewPanel = document.getElementById( 'mw-license-preview' );
 293                 if( previewPanel.innerHTML != preview )
 294                         previewPanel.innerHTML = preview;
 295         }
 296
 297 }
 298
 299 addOnloadHook( wgUploadSetup );