* De-crappified JS upload dest check feature. Converted to sajax framework. Comprehen...

[lhc/web/wiklou.git] / skins / common / upload.js

diff --git a/skins/common/upload.js b/skins/common/upload.js
index 160fbf2..7c66e6d 100644 (file)
--- a/skins/common/upload.js
+++ b/skins/common/upload.js
@@ -11,11 +11,123 @@ function licenseSelectorFixup() {
        // for MSIE/Mac; non-breaking spaces cause the <option> not to render
        // but, for some reason, setting the text to itself works
        var selector = document.getElementById("wpLicense");
-       var ua = navigator.userAgent;
-       var isMacIe = (ua.indexOf("MSIE") != -1) && (ua.indexOf("Mac") != -1);
-       if (isMacIe) {
-               for (var i = 0; i < selector.options.length; i++) {
-                       selector.options[i].text = selector.options[i].text;
+       if (selector) {
+               var ua = navigator.userAgent;
+               var isMacIe = (ua.indexOf("MSIE") != -1) && (ua.indexOf("Mac") != -1);
+               if (isMacIe) {
+                       for (var i = 0; i < selector.options.length; i++) {
+                               selector.options[i].text = selector.options[i].text;
+                       }
+               }
+       }
+}
+
+var wgUploadWarningObj = {
+       'responseCache' : { '' : '&nbsp;' },
+       'nameToCheck' : '',
+       'typing': false,
+       'delay': 500, // ms
+       'timeoutID': false,
+
+       'keypress': function () {
+               // Find file to upload
+               var destFile = document.getElementById('wpDestFile');
+               var warningElt = document.getElementById( 'wpDestFile-warning' );
+               if ( !destFile || !warningElt ) return ;
+
+               this.nameToCheck = destFile.value ;
+
+               // Clear timer 
+               if ( this.timeoutID ) {
+                       window.clearTimeout( this.timeoutID );
+               }
+               // Check response cache
+               if ( this.nameToCheck in this.responseCache ) {
+                       this.setWarning(this.responseCache[this.nameToCheck]);
+                       return;
+               }
+
+               this.setInnerHTML(warningElt, '..'); // TODO: pretty animated GIF
+               this.timeoutID = window.setTimeout( 'wgUploadWarningObj.timeout()', this.delay );
+       },
+
+       'checkNow': function (fname) {
+               if ( this.timeoutID ) {
+                       window.clearTimeout( this.timeoutID );
+               }
+               this.nameToCheck = fname;
+               this.timeout();
+       },
+       
+       'timeout' : function() {
+               var warningElt = document.getElementById( 'wpDestFile-warning' );
+               this.setInnerHTML(warningElt, '....'); // TODO: pretty animated GIF
+
+               // Get variables into local scope so that they will be preserved for the 
+               // anonymous callback. fileName is copied so that multiple overlapping 
+               // ajax requests can be supported.
+               var obj = this;
+               var fileName = this.nameToCheck;
+               sajax_do_call( 'UploadForm::ajaxGetExistsWarning', [this.nameToCheck], 
+                       function (result) {
+                               obj.processResult(result, fileName)
+                       }
+               );
+       },
+
+       'processResult' : function (result, fileName) {
+               this.setWarning(result.responseText);
+               this.responseCache[fileName] = result.responseText;
+       },
+
+       'setWarning' : function (warning) {
+               var warningElt = document.getElementById( 'wpDestFile-warning' );
+               var ackElt = document.getElementById( 'wpDestFileWarningAck' );
+               this.setInnerHTML(warningElt, warning);
+
+               // Set a value in the form indicating that the warning is acknowledged and 
+               // doesn't need to be redisplayed post-upload
+               if ( warning == '' || warning == '&nbsp' ) {
+                       ackElt.value = '';
+               } else {
+                       ackElt.value = '1';
+               }
+       },
+
+       'setInnerHTML' : function (element, text) {
+               // Check for no change to avoid flicker in IE 7
+               if (element.innerHTML != text) {
+                       element.innerHTML = text;
+               }
+       }
+}
+
+function fillDestFilename(id) {
+       if (!document.getElementById) {
+               return;
+       }
+       var path = document.getElementById(id).value;
+       // Find trailing part
+       var slash = path.lastIndexOf('/');
+       var backslash = path.lastIndexOf('\\');
+       var fname;
+       if (slash == -1 && backslash == -1) {
+               fname = path;
+       } else if (slash > backslash) {
+               fname = path.substring(slash+1, 10000);
+       } else {
+               fname = path.substring(backslash+1, 10000);
+       }
+
+       // Capitalise first letter and replace spaces by underscores
+       fname = fname.charAt(0).toUpperCase().concat(fname.substring(1,10000)).replace(/ /g, '_');
+
+       // Output result
+       var destFile = document.getElementById('wpDestFile');
+       if (destFile) {
+               destFile.value = fname;
+               if ( wgAjaxUploadDestCheck ) {
+                       wgUploadWarningObj.checkNow(fname) ;
                }
        }
 }