296 lines
9.1 KiB
JavaScript
296 lines
9.1 KiB
JavaScript
addLoadEvent( function() {
|
|
if ( 'undefined' != typeof listManL10n )
|
|
Object.extend(listMan.prototype, listManL10n);
|
|
theList = new listMan();
|
|
} );
|
|
|
|
function deleteSomething( what, id, message, obj ) {
|
|
if ( !obj )
|
|
obj=theList;
|
|
if ( !message )
|
|
message = obj.delText.replace(/%thing%/g, 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,
|
|
|
|
jumpText: '', // We get these from listManL10n
|
|
delText: '',
|
|
|
|
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;
|
|
var action = ( update ? 'update-' : 'add-' ) + what;
|
|
ajaxAdd.options.parameters = $H(ajaxAdd.options.parameters).merge({action: action}).merge(this.inputData.toQueryParams()).merge(this.grabInputs( where, ajaxAdd ).toQueryParams());
|
|
|
|
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 + "'>" + tempObj.jumpText + "</a>";
|
|
});
|
|
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;
|
|
var actionId = action + '&id=' + id;
|
|
var idName = what.replace('-as-spam','') + '-' + id;
|
|
ajaxDel.addOnComplete( function(transport) {
|
|
Element.update(ajaxDel.myResponseElement,'');
|
|
tempObj.destore(actionId);
|
|
if( tempObj.delComplete && typeof tempObj.delComplete == 'function' )
|
|
tempObj.delComplete( what, id, transport );
|
|
});
|
|
ajaxDel.addOnWPError( function(transport) { tempObj.restore(actionId, true); });
|
|
ajaxDel.options.parameters = $H(ajaxDel.options.parameters).merge({action: action, id: id}).merge(this.inputData.toQueryParams());
|
|
ajaxDel.request(ajaxDel.url);
|
|
this.store(actionId, 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;
|
|
var actionId = action + '&id=' + id;
|
|
var idName = what + '-' + id;
|
|
ajaxDim.addOnComplete( function(transport) {
|
|
Element.update(ajaxDim.myResponseElement,'');
|
|
tempObj.destore(actionId);
|
|
if ( tempObj.dimComplete && typeof tempObj.dimComplete == 'function' )
|
|
tempObj.dimComplete( what, id, dimClass, transport );
|
|
});
|
|
ajaxDim.addOnWPError( function(transport) { tempObj.restore(actionId, true); });
|
|
ajaxDim.options.parameters = $H(ajaxDim.options.parameters).merge({action: action, id: id}).merge(this.inputData.toQueryParams());
|
|
ajaxDim.request(ajaxDim.url);
|
|
this.store(actionId, 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 + this.altOffset ) % 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);}}
|