diff options
Diffstat (limited to 'wp-admin/js/upload.js')
-rw-r--r-- | wp-admin/js/upload.js | 295 |
1 files changed, 295 insertions, 0 deletions
diff --git a/wp-admin/js/upload.js b/wp-admin/js/upload.js new file mode 100644 index 0000000..d38cdcb --- /dev/null +++ b/wp-admin/js/upload.js @@ -0,0 +1,295 @@ +addLoadEvent( function() { + theFileList = { + currentImage: {ID: 0}, + nonce: '', + tab: '', + postID: 0, + + toQueryParams: function(qryStrOrig) { + var params = new Object(); + var qryStr = qryStrOrig; + var i = 0; + do { + params[qryStr.split("=")[0].replace(/&/, "")] = ( qryStr.split("=")[1] ) ? qryStr.split("=")[1].split(/&|$/)[0] : ''; + qryStr = ( qryStr.split("=")[1] ) ? qryStr.split(qryStr.split("=")[1].split(/&|$/)[0])[1] : ''; + i++; + } + while(i < (qryStrOrig.split("=").length - 1)); + return params; + }, + + toQueryString: function(params) { + var qryStr = ''; + for ( var key in params ) + qryStr += key + '=' + params[key] + '&'; + return qryStr; + }, + + initializeVars: function() { + this.urlData = document.location.href.split('?'); + this.params = this.toQueryParams(this.urlData[1]); + this.postID = this.params['post_id']; + this.tab = this.params['tab']; + this.style = this.params['style']; + this.ID = this.params['ID']; + if ( !this.style ) + this.style = 'default'; + var nonceEl = jQuery('#nonce-value'); + if ( nonceEl ) + this.nonce = jQuery(nonceEl).val(); + if ( this.ID ) { + this.grabImageData( this.ID ); + this.imageView( this.ID ); + } + }, + + initializeLinks: function() { + if ( this.ID ) + return; + jQuery('a.file-link').each(function() { + var id = jQuery(this).attr('id').split('-').pop(); + jQuery(this).attr('href','javascript:void(0)').click(function(e) { + theFileList[ 'inline' == theFileList.style ? 'imageView' : 'editView' ](id, e); + }); + }); + }, + + grabImageData: function(id) { + if ( id == this.currentImage.ID ) + return; + var thumbEl = jQuery('#attachment-thumb-url-' + id); + if ( thumbEl ) { + this.currentImage.thumb = ( 0 == id ? '' : jQuery(thumbEl).val() ); + this.currentImage.thumbBase = ( 0 == id ? '' : jQuery('#attachment-thumb-url-base-' + id).val() ); + } else { + this.currentImage.thumb = false; + } + this.currentImage.src = ( 0 == id ? '' : jQuery('#attachment-url-' + id).val() ); + this.currentImage.srcBase = ( 0 == id ? '' : jQuery('#attachment-url-base-' + id).val() ); + this.currentImage.page = ( 0 == id ? '' : jQuery('#attachment-page-url-' + id).val() ); + this.currentImage.title = ( 0 == id ? '' : jQuery('#attachment-title-' + id).val() ); + this.currentImage.description = ( 0 == id ? '' : jQuery('#attachment-description-' + id).val() ); + var widthEl = jQuery('#attachment-width-' + id); + if ( widthEl ) { + this.currentImage.width = ( 0 == id ? '' : jQuery(widthEl).val() ); + this.currentImage.height = ( 0 == id ? '' : jQuery('#attachment-height-' + id).val() ); + } else { + this.currentImage.width = false; + this.currentImage.height = false; + } + this.currentImage.isImage = ( 0 == id ? 0 : jQuery('#attachment-is-image-' + id).val() ); + this.currentImage.ID = id; + }, + + imageView: function(id, e) { + this.prepView(id); + var h = ''; + + h += "<div id='upload-file'>" + if ( this.ID ) { + var params = this.params; + params.ID = ''; + params.action = ''; + h += "<a href='" + this.urlData[0] + '?' + this.toQueryString(params) + "'"; + } else { + h += "<a href='#' onclick='return theFileList.cancelView();'"; + } + h += " title='" + this.browseTitle + "' class='back'>" + this.back + "</a>"; + h += "<div id='file-title'>" + if ( 0 == this.currentImage.isImage ) + h += "<h2><a href='" + this.currentImage.srcBase + this.currentImage.src + "' onclick='return false;' title='" + this.directTitle + "'>" + this.currentImage.title + "</a></h2>"; + else + h += "<h2>" + this.currentImage.title + "</h2>"; + h += " — <span>"; + h += "<a href='#' onclick='return theFileList.editView(" + id + ");'>" + this.edit + "</a>" + h += "</span>"; + h += '</div>' + h += "<div id='upload-file-view' class='alignleft'>"; + if ( 1 == this.currentImage.isImage ) { + h += "<a href='" + this.currentImage.srcBase + this.currentImage.src + "' onclick='return false;' title='" + this.directTitle + "'>"; + h += "<img src='" + ( this.currentImage.thumb ? this.currentImage.thumb : this.currentImage.src ) + "' alt='" + this.currentImage.title + "' width='" + this.currentImage.width + "' height='" + this.currentImage.height + "' />"; + h += "</a>"; + } else + h += ' '; + h += "</div>"; + + h += "<form name='uploadoptions' id='uploadoptions' class='alignleft'>"; + h += "<table>"; + var display = []; + var checked = 'display-title'; + if ( 1 == this.currentImage.isImage ) { + checked = 'display-full'; + if ( this.currentImage.thumb ) { + display.push("<label for='display-thumb'><input type='radio' name='display' id='display-thumb' value='thumb' /> " + this.thumb + "</label><br />"); + checked = 'display-thumb'; + } + display.push("<label for='display-full'><input type='radio' name='display' id='display-full' value='full' /> " + this.full + "</label>"); + } else if ( this.currentImage.thumb ) { + display.push("<label for='display-thumb'><input type='radio' name='display' id='display-thumb' value='thumb' /> " + this.icon + "</label>"); + } + if ( display.length ) { + display.push("<br /><label for='display-title'><input type='radio' name='display' id='display-title' value='title' /> " + this.title + "</label>"); + h += "<tr><th style='padding-bottom:.5em'>" + this.show + "</th><td style='padding-bottom:.5em'>"; + jQuery(display).each( function() { h += this; } ); + h += "</td></tr>"; + } + + h += "<tr><th>" + this.link + "</th><td>"; + h += "<label for='link-file'><input type='radio' name='link' id='link-file' value='file' checked='checked'/> " + this.file + "</label><br />"; + h += "<label for='link-page'><input type='radio' name='link' id='link-page' value='page' /> " + this.page + "</label><br />"; + h += "<label for='link-none'><input type='radio' name='link' id='link-none' value='none' /> " + this.none + "</label>"; + h += "</td></tr>"; + + h += "<tr><td colspan='2'><p class='submit'>"; + h += "<input type='button' class='button' name='send' onclick='theFileList.sendToEditor(" + id + ")' value='" + this.editorText + "' />"; + h += "</p></td></tr></table>"; + h += "</form>"; + + h += "</div>"; + + jQuery(h).prependTo('#upload-content'); + jQuery('#' + checked).attr('checked','checked'); + if (e) return e.stopPropagation(); + return false; + }, + + editView: function(id, e) { + this.prepView(id); + var h = ''; + + var action = 'upload.php?style=' + this.style + '&tab=upload'; + if ( this.postID ) + action += '&post_id=' + this.postID; + + h += "<form id='upload-file' method='post' action='" + action + "'>"; + if ( this.ID ) { + var params = this.params; + params.ID = ''; + params.action = ''; + h += "<a href='" + this.urlData[0] + '?' + this.toQueryString(params) + "'"; + } else { + h += "<a href='#' onclick='return theFileList.cancelView();'"; + } + h += " title='" + this.browseTitle + "' class='back'>" + this.back + "</a>"; + h += "<div id='file-title'>" + if ( 0 == this.currentImage.isImage ) + h += "<h2><a href='" + this.currentImage.srcBase + this.currentImage.src + "' onclick='return false;' title='" + this.directTitle + "'>" + this.currentImage.title + "</a></h2>"; + else + h += "<h2>" + this.currentImage.title + "</h2>"; + h += " — <span>"; + h += "<a href='#' onclick='return theFileList.imageView(" + id + ");'>" + this.insert + "</a>"; + h += "</span>"; + h += '</div>' + h += "<div id='upload-file-view' class='alignleft'>"; + if ( 1 == this.currentImage.isImage ) { + h += "<a href='" + this.currentImage.srcBase + this.currentImage.src + "' onclick='return false;' title='" + this.directTitle + "'>"; + h += "<img src='" + ( this.currentImage.thumb ? this.currentImage.thumb : this.currentImage.src ) + "' alt='" + this.currentImage.title + "' width='" + this.currentImage.width + "' height='" + this.currentImage.height + "' />"; + h += "</a>"; + } else + h += ' '; + h += "</div>"; + + + h += "<table><col /><col class='widefat' /><tr>"; + h += "<th scope='row'><label for='url'>" + this.urlText + "</label></th>"; + h += "<td><input type='text' id='url' class='readonly' value='" + this.currentImage.srcBase + this.currentImage.src + "' readonly='readonly' /></td>"; + h += "</tr><tr>"; + h += "<th scope='row'><label for='post_title'>" + this.title + "</label></th>"; + h += "<td><input type='text' id='post_title' name='post_title' value='" + this.currentImage.title + "' /></td>"; + h += "</tr><tr>"; + h += "<th scope='row'><label for='post_content'>" + this.desc + "</label></th>"; + h += "<td><textarea name='post_content' id='post_content'>" + this.currentImage.description + "</textarea></td>"; + h += "</tr><tr id='buttons' class='submit'><td colspan='2'><input type='button' id='delete' name='delete' class='delete alignleft' value='" + this.deleteText + "' onclick='theFileList.deleteFile(" + id + ");' />"; + h += "<input type='hidden' name='from_tab' value='" + this.tab + "' />"; + h += "<input type='hidden' name='post_parent' value='" + parseInt(this.postID,10) + "' />"; + h += "<input type='hidden' name='action' id='action-value' value='save' />"; + h += "<input type='hidden' name='ID' value='" + id + "' />"; + h += "<input type='hidden' name='_wpnonce' value='" + this.nonce + "' />"; + h += "<div class='submit'><input type='submit' value='" + this.saveText + "' /></div>"; + h += "</td></tr></table></form>"; + + jQuery(h).prependTo('#upload-content'); + if (e) e.stopPropagation(); + return false; + }, + + prepView: function(id) { + this.cancelView( true ); + var filesEl = jQuery('#upload-files'); + if ( filesEl ) + filesEl.hide(); + var navEl = jQuery('#current-tab-nav'); + if ( navEl ) + navEl.hide(); + this.grabImageData(id); + }, + + cancelView: function( prep ) { + if ( !prep ) { + var filesEl = jQuery('#upload-files'); + if ( filesEl ) + jQuery(filesEl).show(); + var navEl = jQuery('#current-tab-nav'); + if ( navEl ) + jQuery(navEl).show(); + } + if ( !this.ID ) + this.grabImageData(0); + var div = jQuery('#upload-file'); + if ( div ) + jQuery(div).remove(); + return false; + }, + + sendToEditor: function(id) { + this.grabImageData(id); + var link = ''; + var display = ''; + var h = ''; + + link = jQuery('input[@type=radio][@name="link"][@checked]','#uploadoptions').val(); + displayEl = jQuery('input[@type=radio][@name="display"][@checked]','#uploadoptions'); + if ( displayEl ) + display = jQuery(displayEl).val(); + else if ( 1 == this.currentImage.isImage ) + display = 'full'; + + if ( 'none' != link ) + h += "<a href='" + ( 'file' == link ? ( this.currentImage.srcBase + this.currentImage.src ) : ( this.currentImage.page + "' rel='attachment wp-att-" + this.currentImage.ID ) ) + "' title='" + this.currentImage.title + "'>"; + if ( display && 'title' != display ) + h += "<img src='" + ( 'thumb' == display ? ( this.currentImage.thumbBase + this.currentImage.thumb ) : ( this.currentImage.srcBase + this.currentImage.src ) ) + "' alt='" + this.currentImage.title + "' />"; + else + h += this.currentImage.title; + if ( 'none' != link ) + h += "</a>"; + + var win = window.opener ? window.opener : window.dialogArguments; + if ( !win ) + win = top; + tinyMCE = win.tinyMCE; + if ( typeof tinyMCE != 'undefined' && tinyMCE.getInstanceById('content') ) { + tinyMCE.selectedInstance.getWin().focus(); + tinyMCE.execCommand('mceInsertContent', false, h); + } else + win.edInsertContent(win.edCanvas, h); + if ( !this.ID ) + this.cancelView(); + return false; + }, + + deleteFile: function(id) { + if ( confirm( this.confirmText.replace(/%title%/g, this.currentImage.title) ) ) { + jQuery('#action-value').attr('value','delete'); + jQuery('#upload-file').submit(); + return true; + } + return false; + } + + }; + + for ( var property in uploadL10n ) + theFileList[property] = uploadL10n[property]; + theFileList.initializeVars(); + theFileList.initializeLinks(); +} ); |