[Summary view] [Print] [Text view]

   1  addLoadEvent( function() {
   2      if ( 'undefined' != typeof listManL10n )
   3          Object.extend(listMan.prototype, listManL10n);
   4      theList = new listMan();
   5  } );
   6  
   7  function deleteSomething( what, id, message, obj ) {
   8      if ( !obj )
   9          obj=theList;
  10      if ( !message )
  11          message = obj.delText.replace(/%thing%/g, what);
  12      if( confirm(message) )
  13          return obj.ajaxDelete( what, id );
  14      else return false;
  15  }
  16  
  17  function dimSomething( what, id, dimClass, obj ) {
  18      if ( !obj )
  19          obj = theList;
  20      return obj.ajaxDimmer(what,id,dimClass);
  21  }
  22  
  23  var listMan = Class.create();
  24  Object.extend(listMan.prototype, {
  25      ajaxRespEl: 'ajax-response',
  26      ajaxHandler: false,
  27      inputData: '',
  28      clearInputs: [],
  29      showLink: true,
  30      topAdder: false,
  31      alt: 'alternate',
  32      altOffset: 0,
  33      addComplete: null,
  34      delComplete: null,
  35      dimComplete: null,
  36      dataStore: null,
  37      formStore: null,
  38  
  39      jumpText: '', // We get these from listManL10n
  40      delText: '',
  41  
  42      initialize: function(theListId) {
  43          this.theList = $(theListId ? theListId : 'the-list');
  44          if ( !this.theList )
  45              return false;
  46          Element.cleanWhitespace(this.theList);
  47      },
  48  
  49      // sends add-what and fields contained in where
  50      // recieves html with top element having an id like what-#
  51      ajaxAdder: function( what, where, update ) { // Do NOT wrap TR in TABLE TBODY
  52          var ajaxAdd = new WPAjax( this.ajaxHandler, this.ajaxRespEl );
  53          if ( ajaxAdd.notInitialized() )
  54              return true;
  55          var action = ( update ? 'update-' : 'add-' ) + what;
  56          ajaxAdd.options.parameters = $H(ajaxAdd.options.parameters).merge({action: action}).merge(this.inputData.toQueryParams()).merge(this.grabInputs( where, ajaxAdd ).toQueryParams());
  57  
  58          var tempObj=this;
  59          ajaxAdd.addOnComplete( function(transport) {
  60              var newItems = $A(transport.responseXML.getElementsByTagName(what));
  61              if ( newItems ) {
  62                  var showLinkMessage = '';
  63                  var m = '';
  64                  newItems.each( function(i) {
  65                      var id = i.getAttribute('id');
  66                      var exists = $(what+'-'+id);
  67                      if ( exists )
  68                          tempObj.replaceListItem( exists, getNodeValue(i,'response_data'), update );
  69                      else
  70                          tempObj.addListItem( getNodeValue(i, 'response_data') );
  71                      m = getNodeValue(i, 'show-link');
  72                      showLinkMessage += showLinkMessage ? "<br />\n" : '';
  73                      if ( m )
  74                          showLinkMessage += m;
  75                      else
  76                          showLinkMessage += "<a href='#" + what + '-' + id + "'>" + tempObj.jumpText + "</a>";
  77                  });
  78                  if ( tempObj.showLink && showLinkMessage )
  79                      Element.update(ajaxAdd.myResponseElement,"<div id='jumplink' class='updated fade'><p>" + showLinkMessage + "</p></div>");
  80              }
  81              if ( tempObj.addComplete && typeof tempObj.addComplete == 'function' )
  82                  tempObj.addComplete( what, where, update, transport );
  83              tempObj.recolorList();
  84              ajaxAdd.restoreInputs = null;
  85          });
  86          if ( !update )
  87              ajaxAdd.addOnWPError( function(transport) { tempObj.restoreForm(ajaxAdd.restoreInputs); });
  88          ajaxAdd.request(ajaxAdd.url);
  89          if ( !update )
  90              this.clear();
  91          return false;
  92      },
  93  
  94      // sends update-what and fields contained in where
  95      // recieves html with top element having an id like what-#
  96      ajaxUpdater: function( what, where ) { return this.ajaxAdder( what, where, true ); },
  97  
  98      // sends delete-what and id#
  99      ajaxDelete: function( what, id ) {
 100          var ajaxDel = new WPAjax( this.ajaxHandler, this.ajaxRespEl );
 101          if( ajaxDel.notInitialized() )
 102              return true;
 103          var tempObj = this;
 104          var action = 'delete-' + what;
 105          var actionId = action + '&id=' + id;
 106          var idName = what.replace('-as-spam','') + '-' + id;
 107          ajaxDel.addOnComplete( function(transport) {
 108              Element.update(ajaxDel.myResponseElement,'');
 109              tempObj.destore(actionId);
 110              if( tempObj.delComplete && typeof tempObj.delComplete == 'function' )
 111                  tempObj.delComplete( what, id, transport );
 112          });
 113          ajaxDel.addOnWPError( function(transport) { tempObj.restore(actionId, true); });
 114          ajaxDel.options.parameters = $H(ajaxDel.options.parameters).merge({action: action, id: id}).merge(this.inputData.toQueryParams());
 115          ajaxDel.request(ajaxDel.url);
 116          this.store(actionId, idName);
 117          tempObj.removeListItem( idName );
 118          return false;
 119      },
 120  
 121      // Toggles class nomes
 122      // sends dim-what and id#
 123      ajaxDimmer: function( what, id, dimClass ) {
 124          ajaxDim = new WPAjax( this.ajaxHandler, this.ajaxRespEl );
 125          if ( ajaxDim.notInitialized() )
 126              return true;
 127          var tempObj = this;
 128          var action = 'dim-' + what;
 129          var actionId = action + '&id=' + id;
 130          var idName = what + '-' + id;
 131          ajaxDim.addOnComplete( function(transport) {
 132              Element.update(ajaxDim.myResponseElement,'');
 133              tempObj.destore(actionId);
 134              if ( tempObj.dimComplete && typeof tempObj.dimComplete == 'function' )
 135                  tempObj.dimComplete( what, id, dimClass, transport );
 136          });
 137          ajaxDim.addOnWPError( function(transport) { tempObj.restore(actionId, true); });
 138          ajaxDim.options.parameters = $H(ajaxDim.options.parameters).merge({action: action, id: id}).merge(this.inputData.toQueryParams());
 139          ajaxDim.request(ajaxDim.url);
 140          this.store(actionId, idName);
 141          this.dimItem( idName, dimClass );
 142          return false;
 143      },
 144  
 145      addListItem: function( h ) {
 146          new Insertion[this.topAdder ? 'Top' : 'Bottom'](this.theList,h);
 147          Element.cleanWhitespace(this.theList);
 148          var id = this.topAdder ? this.theList.firstChild.id : this.theList.lastChild.id;
 149          if ( this.alt )
 150              if ( ( this.theList.childNodes.length + this.altOffset ) % 2 )
 151                  Element.addClassName($(id),this.alt);
 152          Fat.fade_element(id);
 153      },
 154  
 155      // only hides the element sa it can be put back again if necessary
 156      removeListItem: function( id, noFade ) {
 157          id = $(id);
 158          if ( !noFade ) {
 159              Fat.fade_element(id.id,null,700,'#FF3333');
 160              var tempObj = this;
 161              var func = function() { id.hide(); tempObj.recolorList(); }
 162              setTimeout(func, 705);
 163          } else {
 164              id.hide();
 165              this.recolorList();
 166          }
 167      },
 168  
 169      replaceListItem: function( id, h, update ) {
 170          id = $(id);
 171          if ( !update ) {
 172              Element.remove(id);
 173              this.addListItem( h );
 174              return;
 175          }
 176          id.replace(h);
 177          Fat.fade_element(id.id);
 178      },
 179  
 180      // toggles class
 181      dimItem: function( id, dimClass, noFade ) {
 182          id = $(id);
 183          if ( Element.hasClassName(id,dimClass) ) {
 184              if ( !noFade )
 185                  Fat.fade_element(id.id,null,700,null);
 186              Element.removeClassName(id,dimClass);
 187          } else {
 188              if ( !noFade )
 189                  Fat.fade_element(id.id,null,700,'#FF3333');
 190              Element.addClassName(id,dimClass);
 191          }
 192      },
 193  
 194      // store an element in case we need it later
 195      store: function(action, id) {
 196          if ( !this.dataStore )
 197              this.dataStore = $H();
 198          this.dataStore[action] = $(id).cloneNode(true);
 199      },
 200  
 201      // delete from store
 202      destore: function(action) { delete(this.dataStore[action]); },
 203  
 204      // restore element from store into existing (possibly hidden) element of same id
 205      restore: function(action, error) {
 206          var id = this.dataStore[action].id;
 207          this.theList.replaceChild(this.dataStore[action], $(id));
 208          delete(this.dataStore[action]);
 209          if ( error ) {
 210              func = function() { Element.setStyle($(id),{backgroundColor:'#FF3333'}); }
 211              func(); setTimeout(func, 705); // Hit it twice in case it's still fading.
 212          }
 213      },
 214  
 215      // Like Form.serialize, but excludes action and sets up clearInputs
 216      grabInputs: function( where, ajaxObj ) {
 217          if ( ajaxObj )
 218              ajaxObj.restoreInputs = [];
 219          var elements = Form.getElements($(where));
 220          var queryComponents = new Array();
 221          for (var i = 0; i < elements.length; i++) {
 222              if ( 'action' == elements[i].name )
 223                  continue;
 224              if ( 'hidden' != elements[i].type && 'submit' != elements[i].type && 'button' != elements[i].type ) {
 225                  this.clearInputs.push(elements[i]);
 226                  if ( ajaxObj )
 227                      ajaxObj.restoreInputs.push([elements[i], elements[i].value]);
 228              }
 229              var queryComponent = Form.Element.serialize(elements[i]);
 230              if (queryComponent) {
 231                  queryComponents.push(queryComponent);
 232              }
 233          }
 234          return queryComponents.join('&');
 235      },
 236  
 237      // form.reset() can only do whole forms.  This can do subsections.
 238      clear: function() {
 239          this.clearInputs.each( function(i) {
 240              i = $(i);
 241              if ( 'textarea' == i.tagName.toLowerCase() )
 242                  i.value = '';
 243              else
 244                  switch ( i.type.toLowerCase() ) {
 245                      case 'password': case 'text':
 246                          i.value = '';
 247                          break;
 248                      case 'checkbox': case 'radio':
 249                          i.checked = false;
 250                          break;
 251                      case 'select': case 'select-one':
 252                          i.selectedIndex = null;
 253                          break;
 254                      case 'select-multiple':
 255                          for (var o = 0; o < i.length; o++) i.options[o].selected = false;
 256                          break;
 257                  }
 258          });
 259          this.clearInputs = [];
 260      },
 261  
 262      restoreForm: function(elements) {
 263          elements.each( function(i) {
 264              i[0].value = i[1];
 265          });
 266      },
 267  
 268      recolorList: function() {
 269          if ( !this.alt )
 270              return;
 271          var alt = this.alt;
 272          var offset = this.altOffset;
 273          var listItems = $A(this.theList.childNodes).findAll( function(i) { return Element.visible(i) } );
 274          listItems.each( function(i,n) {
 275              if ( ( n + offset ) % 2 )
 276                  Element.removeClassName(i,alt);
 277              else
 278                  Element.addClassName(i,alt);
 279          });
 280      }
 281  });
 282  
 283  //No submit unless code returns true.
 284  function killSubmit ( code, e ) {
 285      e = e ? e : window.event;
 286      if ( !e ) return;
 287      var t = e.target ? e.target : e.srcElement;
 288      if ( ( 'text' == t.type && e.keyCode == 13 ) || ( 'submit' == t.type && 'click' == e.type ) ) {
 289          if ( ( 'string' == typeof code && !eval(code) ) || ( 'function' == typeof code && !code() ) ) {
 290              e.returnValue = false; e.cancelBubble = true; return false;
 291          }
 292      }
 293  }
 294  //Generic but lame JS closure
 295  function encloseFunc(f){var a=arguments[1];return function(){return f(a);}}