WordPress/wp-includes/js/list-manipulation-js.php
2007-01-19 00:49:01 +00:00

272 lines
8.7 KiB
PHP

<?php @require_once('../../wp-config.php'); cache_javascript_headers(); ?>
addLoadEvent(function(){theList=new listMan();});
function deleteSomething(what,id,message,obj){if(!obj)obj=theList;if(!message)message="<?php printf(js_escape(__('Are you sure you want to delete this %s?')),"'+what+'"); ?>";if(confirm(message))return obj.ajaxDelete(what,id);else return false;}
function dimSomething(what,id,dimClass,obj){if(!obj)obj=theList;return obj.ajaxDimmer(what,id,dimClass);}
var listMan = Class.create();
Object.extend(listMan.prototype, {
ajaxRespEl: 'ajax-response',
ajaxHandler: false,
inputData: '',
clearInputs: [],
showLink: true,
topAdder: false,
alt: 'alternate',
altOffset: 0,
addComplete: null,
delComplete: null,
dimComplete: null,
dataStore: null,
formStore: null,
initialize: function(theListId) {
this.theList = $(theListId ? theListId : 'the-list');
if ( !this.theList )
return false;
Element.cleanWhitespace(this.theList);
},
// sends add-what and fields contained in where
// recieves html with top element having an id like what-#
ajaxAdder: function( what, where, update ) { // Do NOT wrap TR in TABLE TBODY
var ajaxAdd = new WPAjax( this.ajaxHandler, this.ajaxRespEl );
if ( ajaxAdd.notInitialized() )
return true;
ajaxAdd.options.parameters += '&action=' + ( update ? 'update-' : 'add-' ) + what + '&' + this.grabInputs( where, ajaxAdd ) + this.inputData;
var tempObj=this;
ajaxAdd.addOnComplete( function(transport) {
var newItems = $A(transport.responseXML.getElementsByTagName(what));
if ( newItems ) {
var showLinkMessage = '';
var m = '';
newItems.each( function(i) {
var id = i.getAttribute('id');
var exists = $(what+'-'+id);
if ( exists )
tempObj.replaceListItem( exists, getNodeValue(i,'response_data'), update );
else
tempObj.addListItem( getNodeValue(i, 'response_data') );
m = getNodeValue(i, 'show-link');
showLinkMessage += showLinkMessage ? "<br />\n" : '';
if ( m )
showLinkMessage += m;
else
showLinkMessage += "<a href='#" + what + '-' + id + "'><?php echo js_escape(__('Jump to new item')); ?>";
});
if ( tempObj.showLink && showLinkMessage )
Element.update(ajaxAdd.myResponseElement,"<div id='jumplink' class='updated fade'><p>" + showLinkMessage + "</p></div>");
}
if ( tempObj.addComplete && typeof tempObj.addComplete == 'function' )
tempObj.addComplete( what, where, update, transport );
tempObj.recolorList();
ajaxAdd.restoreInputs = null;
});
if ( !update )
ajaxAdd.addOnWPError( function(transport) { tempObj.restoreForm(ajaxAdd.restoreInputs); });
ajaxAdd.request(ajaxAdd.url);
if ( !update )
this.clear();
return false;
},
// sends update-what and fields contained in where
// recieves html with top element having an id like what-#
ajaxUpdater: function( what, where ) { return this.ajaxAdder( what, where, true ); },
// sends delete-what and id#
ajaxDelete: function( what, id ) {
var ajaxDel = new WPAjax( this.ajaxHandler, this.ajaxRespEl );
if( ajaxDel.notInitialized() )
return true;
var tempObj = this;
var action = 'delete-' + what + '&id=' + id;
var idName = what.replace('-as-spam','') + '-' + id;
ajaxDel.addOnComplete( function(transport) {
Element.update(ajaxDel.myResponseElement,'');
tempObj.destore(action);
if( tempObj.delComplete && typeof tempObj.delComplete == 'function' )
tempObj.delComplete( what, id, transport );
});
ajaxDel.addOnWPError( function(transport) { tempObj.restore(action, true); });
ajaxDel.options.parameters += '&action=' + action + this.inputData;
ajaxDel.request(ajaxDel.url);
this.store(action, idName);
tempObj.removeListItem( idName );
return false;
},
// Toggles class nomes
// sends dim-what and id#
ajaxDimmer: function( what, id, dimClass ) {
ajaxDim = new WPAjax( this.ajaxHandler, this.ajaxRespEl );
if ( ajaxDim.notInitialized() )
return true;
var tempObj = this;
var action = 'dim-' + what + '&id=' + id;
var idName = what + '-' + id;
ajaxDim.addOnComplete( function(transport) {
Element.update(ajaxDim.myResponseElement,'');
tempObj.destore(action);
if ( tempObj.dimComplete && typeof tempObj.dimComplete == 'function' )
tempObj.dimComplete( what, id, dimClass, transport );
});
ajaxDim.addOnWPError( function(transport) { tempObj.restore(action, true); });
ajaxDim.options.parameters += '&action=' + action + this.inputData;
ajaxDim.request(ajaxDim.url);
this.store(action, idName);
this.dimItem( idName, dimClass );
return false;
},
addListItem: function( h ) {
new Insertion[this.topAdder ? 'Top' : 'Bottom'](this.theList,h);
Element.cleanWhitespace(this.theList);
var id = this.topAdder ? this.theList.firstChild.id : this.theList.lastChild.id;
if ( this.alt )
if ( this.theList.childNodes.length % 2 )
Element.addClassName($(id),this.alt);
Fat.fade_element(id);
},
// only hides the element sa it can be put back again if necessary
removeListItem: function( id, noFade ) {
id = $(id);
if ( !noFade ) {
Fat.fade_element(id.id,null,700,'#FF3333');
var tempObj = this;
var func = function() { id.hide(); tempObj.recolorList(); }
setTimeout(func, 705);
} else {
id.hide();
this.recolorList();
}
},
replaceListItem: function( id, h, update ) {
id = $(id);
if ( !update ) {
Element.remove(id);
this.addListItem( h );
return;
}
id.replace(h);
Fat.fade_element(id.id);
},
// toggles class
dimItem: function( id, dimClass, noFade ) {
id = $(id);
if ( Element.hasClassName(id,dimClass) ) {
if ( !noFade )
Fat.fade_element(id.id,null,700,null);
Element.removeClassName(id,dimClass);
} else {
if ( !noFade )
Fat.fade_element(id.id,null,700,'#FF3333');
Element.addClassName(id,dimClass);
}
},
// store an element in case we need it later
store: function(action, id) {
if ( !this.dataStore )
this.dataStore = $H();
this.dataStore[action] = $(id).cloneNode(true);
},
// delete from store
destore: function(action) { delete(this.dataStore[action]); },
// restore element from store into existing (possibly hidden) element of same id
restore: function(action, error) {
var id = this.dataStore[action].id;
this.theList.replaceChild(this.dataStore[action], $(id));
delete(this.dataStore[action]);
if ( error ) {
func = function() { Element.setStyle($(id),{backgroundColor:'#FF3333'}); }
func(); setTimeout(func, 705); // Hit it twice in case it's still fading.
}
},
// Like Form.serialize, but excludes action and sets up clearInputs
grabInputs: function( where, ajaxObj ) {
if ( ajaxObj )
ajaxObj.restoreInputs = [];
var elements = Form.getElements($(where));
var queryComponents = new Array();
for (var i = 0; i < elements.length; i++) {
if ( 'action' == elements[i].name )
continue;
if ( 'hidden' != elements[i].type && 'submit' != elements[i].type && 'button' != elements[i].type ) {
this.clearInputs.push(elements[i]);
if ( ajaxObj )
ajaxObj.restoreInputs.push([elements[i], elements[i].value]);
}
var queryComponent = Form.Element.serialize(elements[i]);
if (queryComponent) {
queryComponents.push(queryComponent);
}
}
return queryComponents.join('&');
},
// form.reset() can only do whole forms. This can do subsections.
clear: function() {
this.clearInputs.each( function(i) {
i = $(i);
if ( 'textarea' == i.tagName.toLowerCase() )
i.value = '';
else
switch ( i.type.toLowerCase() ) {
case 'password': case 'text':
i.value = '';
break;
case 'checkbox': case 'radio':
i.checked = false;
break;
case 'select': case 'select-one':
i.selectedIndex = null;
break;
case 'select-multiple':
for (var o = 0; o < i.length; o++) i.options[o].selected = false;
break;
}
});
this.clearInputs = [];
},
restoreForm: function(elements) {
elements.each( function(i) {
i[0].value = i[1];
});
},
recolorList: function() {
if ( !this.alt )
return;
var alt = this.alt;
var offset = this.altOffset;
var listItems = $A(this.theList.childNodes).findAll( function(i) { return Element.visible(i) } );
listItems.each( function(i,n) {
if ( ( n + offset ) % 2 )
Element.removeClassName(i,alt);
else
Element.addClassName(i,alt);
});
}
});
//No submit unless code returns true.
function killSubmit ( code, e ) {
e = e ? e : window.event;
if ( !e ) return;
var t = e.target ? e.target : e.srcElement;
if ( ( 'text' == t.type && e.keyCode == 13 ) || ( 'submit' == t.type && 'click' == e.type ) ) {
if ( ( 'string' == typeof code && !eval(code) ) || ( 'function' == typeof code && !code() ) ) {
e.returnValue = false; e.cancelBubble = true; return false;
}
}
}
//Generic but lame JS closure
function encloseFunc(f){var a=arguments[1];return function(){return f(a);}}