[Summary view] [Print] [Text view]

   1  /* global ajaxurl, wpAjax */
   2  (function($) {
   3  var fs = {add:'ajaxAdd',del:'ajaxDel',dim:'ajaxDim',process:'process',recolor:'recolor'}, wpList;
   4  
   5  wpList = {
   6      settings: {
   7          url: ajaxurl, type: 'POST',
   8          response: 'ajax-response',
   9  
  10          what: '',
  11          alt: 'alternate', altOffset: 0,
  12          addColor: null, delColor: null, dimAddColor: null, dimDelColor: null,
  13  
  14          confirm: null,
  15          addBefore: null, addAfter: null,
  16          delBefore: null, delAfter: null,
  17          dimBefore: null, dimAfter: null
  18      },
  19  
  20      nonce: function(e,s) {
  21          var url = wpAjax.unserialize(e.attr('href'));
  22          return s.nonce || url._ajax_nonce || $('#' + s.element + ' input[name="_ajax_nonce"]').val() || url._wpnonce || $('#' + s.element + ' input[name="_wpnonce"]').val() || 0;
  23      },
  24  
  25      parseData: function(e,t) {
  26          var d = [], wpListsData;
  27  
  28          try {
  29              wpListsData = $(e).attr('data-wp-lists') || '';
  30              wpListsData = wpListsData.match(new RegExp(t+':[\\S]+'));
  31  
  32              if ( wpListsData )
  33                  d = wpListsData[0].split(':');
  34          } catch(r) {}
  35  
  36          return d;
  37      },
  38  
  39      pre: function(e,s,a) {
  40          var bg, r;
  41  
  42          s = $.extend( {}, this.wpList.settings, {
  43              element: null,
  44              nonce: 0,
  45              target: e.get(0)
  46          }, s || {} );
  47  
  48          if ( $.isFunction( s.confirm ) ) {
  49              if ( 'add' != a ) {
  50                  bg = $('#' + s.element).css('backgroundColor');
  51                  $('#' + s.element).css('backgroundColor', '#FF9966');
  52              }
  53              r = s.confirm.call(this, e, s, a, bg);
  54  
  55              if ( 'add' != a )
  56                  $('#' + s.element).css('backgroundColor', bg );
  57  
  58              if ( !r )
  59                  return false;
  60          }
  61  
  62          return s;
  63      },
  64  
  65      ajaxAdd: function( e, s ) {
  66          e = $(e);
  67          s = s || {};
  68          var list = this, data = wpList.parseData(e,'add'), es, valid, formData, res, rres;
  69  
  70          s = wpList.pre.call( list, e, s, 'add' );
  71  
  72          s.element = data[2] || e.attr( 'id' ) || s.element || null;
  73  
  74          if ( data[3] )
  75              s.addColor = '#' + data[3];
  76          else
  77              s.addColor = s.addColor || '#FFFF33';
  78  
  79          if ( !s )
  80              return false;
  81  
  82          if ( !e.is('[id="' + s.element + '-submit"]') )
  83              return !wpList.add.call( list, e, s );
  84  
  85          if ( !s.element )
  86              return true;
  87  
  88          s.action = 'add-' + s.what;
  89  
  90          s.nonce = wpList.nonce(e,s);
  91  
  92          es = $('#' + s.element + ' :input').not('[name="_ajax_nonce"], [name="_wpnonce"], [name="action"]');
  93          valid = wpAjax.validateForm( '#' + s.element );
  94  
  95          if ( !valid )
  96              return false;
  97  
  98          s.data = $.param( $.extend( { _ajax_nonce: s.nonce, action: s.action }, wpAjax.unserialize( data[4] || '' ) ) );
  99          formData = $.isFunction(es.fieldSerialize) ? es.fieldSerialize() : es.serialize();
 100  
 101          if ( formData )
 102              s.data += '&' + formData;
 103  
 104          if ( $.isFunction(s.addBefore) ) {
 105              s = s.addBefore( s );
 106              if ( !s )
 107                  return true;
 108          }
 109  
 110          if ( !s.data.match(/_ajax_nonce=[a-f0-9]+/) )
 111              return true;
 112  
 113          s.success = function(r) {
 114              res = wpAjax.parseAjaxResponse(r, s.response, s.element);
 115  
 116              rres = r;
 117  
 118              if ( !res || res.errors )
 119                  return false;
 120  
 121              if ( true === res )
 122                  return true;
 123  
 124              jQuery.each( res.responses, function() {
 125                  wpList.add.call( list, this.data, $.extend( {}, s, { // this.firstChild.nodevalue
 126                      pos: this.position || 0,
 127                      id: this.id || 0,
 128                      oldId: this.oldId || null
 129                  } ) );
 130              } );
 131  
 132              list.wpList.recolor();
 133              $(list).trigger( 'wpListAddEnd', [ s, list.wpList ] );
 134              wpList.clear.call(list,'#' + s.element);
 135          };
 136  
 137          s.complete = function(x, st) {
 138              if ( $.isFunction(s.addAfter) ) {
 139                  var _s = $.extend( { xml: x, status: st, parsed: res }, s );
 140                  s.addAfter( rres, _s );
 141              }
 142          };
 143  
 144          $.ajax( s );
 145          return false;
 146      },
 147  
 148      ajaxDel: function( e, s ) {
 149          e = $(e);
 150          s = s || {};
 151          var list = this, data = wpList.parseData(e,'delete'), element, res, rres;
 152  
 153          s = wpList.pre.call( list, e, s, 'delete' );
 154  
 155          s.element = data[2] || s.element || null;
 156  
 157          if ( data[3] )
 158              s.delColor = '#' + data[3];
 159          else
 160              s.delColor = s.delColor || '#faa';
 161  
 162          if ( !s || !s.element )
 163              return false;
 164  
 165          s.action = 'delete-' + s.what;
 166  
 167          s.nonce = wpList.nonce(e,s);
 168  
 169          s.data = $.extend(
 170              { action: s.action, id: s.element.split('-').pop(), _ajax_nonce: s.nonce },
 171              wpAjax.unserialize( data[4] || '' )
 172          );
 173  
 174          if ( $.isFunction(s.delBefore) ) {
 175              s = s.delBefore( s, list );
 176              if ( !s )
 177                  return true;
 178          }
 179  
 180          if ( !s.data._ajax_nonce )
 181              return true;
 182  
 183          element = $('#' + s.element);
 184  
 185          if ( 'none' != s.delColor ) {
 186              element.css( 'backgroundColor', s.delColor ).fadeOut( 350, function(){
 187                  list.wpList.recolor();
 188                  $(list).trigger( 'wpListDelEnd', [ s, list.wpList ] );
 189              });
 190          } else {
 191              list.wpList.recolor();
 192              $(list).trigger( 'wpListDelEnd', [ s, list.wpList ] );
 193          }
 194  
 195          s.success = function(r) {
 196              res = wpAjax.parseAjaxResponse(r, s.response, s.element);
 197              rres = r;
 198  
 199              if ( !res || res.errors ) {
 200                  element.stop().stop().css( 'backgroundColor', '#faa' ).show().queue( function() { list.wpList.recolor(); $(this).dequeue(); } );
 201                  return false;
 202              }
 203          };
 204  
 205          s.complete = function(x, st) {
 206              if ( $.isFunction(s.delAfter) ) {
 207                  element.queue( function() {
 208                      var _s = $.extend( { xml: x, status: st, parsed: res }, s );
 209                      s.delAfter( rres, _s );
 210                  }).dequeue();
 211              }
 212          };
 213  
 214          $.ajax( s );
 215          return false;
 216      },
 217  
 218      ajaxDim: function( e, s ) {
 219          if ( $(e).parent().css('display') == 'none' ) // Prevent hidden links from being clicked by hotkeys
 220              return false;
 221  
 222          e = $(e);
 223          s = s || {};
 224  
 225          var list = this, data = wpList.parseData(e,'dim'), element, isClass, color, dimColor, res, rres;
 226  
 227          s = wpList.pre.call( list, e, s, 'dim' );
 228  
 229          s.element = data[2] || s.element || null;
 230          s.dimClass =  data[3] || s.dimClass || null;
 231  
 232          if ( data[4] )
 233              s.dimAddColor = '#' + data[4];
 234          else
 235              s.dimAddColor = s.dimAddColor || '#FFFF33';
 236  
 237          if ( data[5] )
 238              s.dimDelColor = '#' + data[5];
 239          else
 240              s.dimDelColor = s.dimDelColor || '#FF3333';
 241  
 242          if ( !s || !s.element || !s.dimClass )
 243              return true;
 244  
 245          s.action = 'dim-' + s.what;
 246  
 247          s.nonce = wpList.nonce(e,s);
 248  
 249          s.data = $.extend(
 250              { action: s.action, id: s.element.split('-').pop(), dimClass: s.dimClass, _ajax_nonce : s.nonce },
 251              wpAjax.unserialize( data[6] || '' )
 252          );
 253  
 254          if ( $.isFunction(s.dimBefore) ) {
 255              s = s.dimBefore( s );
 256              if ( !s )
 257                  return true;
 258          }
 259  
 260          element = $('#' + s.element);
 261          isClass = element.toggleClass(s.dimClass).is('.' + s.dimClass);
 262          color = wpList.getColor( element );
 263          element.toggleClass( s.dimClass );
 264          dimColor = isClass ? s.dimAddColor : s.dimDelColor;
 265  
 266          if ( 'none' != dimColor ) {
 267              element
 268                  .animate( { backgroundColor: dimColor }, 'fast' )
 269                  .queue( function() { element.toggleClass(s.dimClass); $(this).dequeue(); } )
 270                  .animate( { backgroundColor: color }, { complete: function() {
 271                          $(this).css( 'backgroundColor', '' );
 272                          $(list).trigger( 'wpListDimEnd', [ s, list.wpList ] );
 273                      }
 274                  });
 275          } else {
 276              $(list).trigger( 'wpListDimEnd', [ s, list.wpList ] );
 277          }
 278  
 279          if ( !s.data._ajax_nonce )
 280              return true;
 281  
 282          s.success = function(r) {
 283              res = wpAjax.parseAjaxResponse(r, s.response, s.element);
 284              rres = r;
 285  
 286              if ( !res || res.errors ) {
 287                  element.stop().stop().css( 'backgroundColor', '#FF3333' )[isClass?'removeClass':'addClass'](s.dimClass).show().queue( function() { list.wpList.recolor(); $(this).dequeue(); } );
 288                  return false;
 289              }
 290          };
 291  
 292          s.complete = function(x, st) {
 293              if ( $.isFunction(s.dimAfter) ) {
 294                  element.queue( function() {
 295                      var _s = $.extend( { xml: x, status: st, parsed: res }, s );
 296                      s.dimAfter( rres, _s );
 297                  }).dequeue();
 298              }
 299          };
 300  
 301          $.ajax( s );
 302          return false;
 303      },
 304  
 305      getColor: function( el ) {
 306          var color = jQuery(el).css('backgroundColor');
 307  
 308          return color || '#ffffff';
 309      },
 310  
 311      add: function( e, s ) {
 312          e = $( $.trim(e) ); // Trim leading whitespaces
 313  
 314          var list = $(this), old = false, _s = { pos: 0, id: 0, oldId: null }, ba, ref, color;
 315  
 316          if ( 'string' == typeof s )
 317              s = { what: s };
 318  
 319          s = $.extend(_s, this.wpList.settings, s);
 320  
 321          if ( !e.size() || !s.what )
 322              return false;
 323  
 324          if ( s.oldId )
 325              old = $('#' + s.what + '-' + s.oldId);
 326  
 327          if ( s.id && ( s.id != s.oldId || !old || !old.size() ) )
 328              $('#' + s.what + '-' + s.id).remove();
 329  
 330          if ( old && old.size() ) {
 331              old.before(e);
 332              old.remove();
 333          } else if ( isNaN(s.pos) ) {
 334              ba = 'after';
 335  
 336              if ( '-' == s.pos.substr(0,1) ) {
 337                  s.pos = s.pos.substr(1);
 338                  ba = 'before';
 339              }
 340  
 341              ref = list.find( '#' + s.pos );
 342  
 343              if ( 1 === ref.size() )
 344                  ref[ba](e);
 345              else
 346                  list.append(e);
 347  
 348          } else if ( 'comment' != s.what || 0 === $('#' + s.element).length ) {
 349              if ( s.pos < 0 ) {
 350                  list.prepend(e);
 351              } else {
 352                  list.append(e);
 353              }
 354          }
 355  
 356          if ( s.alt ) {
 357              if ( ( list.children(':visible').index( e[0] ) + s.altOffset ) % 2 ) { e.removeClass( s.alt ); }
 358              else { e.addClass( s.alt ); }
 359          }
 360  
 361          if ( 'none' != s.addColor ) {
 362              color = wpList.getColor( e );
 363              e.css( 'backgroundColor', s.addColor ).animate( { backgroundColor: color }, { complete: function() { $(this).css( 'backgroundColor', '' ); } } );
 364          }
 365          list.each( function() { this.wpList.process( e ); } );
 366          return e;
 367      },
 368  
 369      clear: function(e) {
 370          var list = this, t, tag;
 371  
 372          e = $(e);
 373  
 374          if ( list.wpList && e.parents( '#' + list.id ).size() )
 375              return;
 376  
 377          e.find(':input').each( function() {
 378              if ( $(this).parents('.form-no-clear').size() )
 379                  return;
 380  
 381              t = this.type.toLowerCase();
 382              tag = this.tagName.toLowerCase();
 383  
 384              if ( 'text' == t || 'password' == t || 'textarea' == tag )
 385                  this.value = '';
 386              else if ( 'checkbox' == t || 'radio' == t )
 387                  this.checked = false;
 388              else if ( 'select' == tag )
 389                  this.selectedIndex = null;
 390          });
 391      },
 392  
 393      process: function(el) {
 394          var list = this,
 395              $el = $(el || document);
 396  
 397          $el.delegate( 'form[data-wp-lists^="add:' + list.id + ':"]', 'submit', function(){
 398              return list.wpList.add(this);
 399          });
 400  
 401          $el.delegate( 'a[data-wp-lists^="add:' + list.id + ':"], input[data-wp-lists^="add:' + list.id + ':"]', 'click', function(){
 402              return list.wpList.add(this);
 403          });
 404  
 405          $el.delegate( '[data-wp-lists^="delete:' + list.id + ':"]', 'click', function(){
 406              return list.wpList.del(this);
 407          });
 408  
 409          $el.delegate( '[data-wp-lists^="dim:' + list.id + ':"]', 'click', function(){
 410              return list.wpList.dim(this);
 411          });
 412      },
 413  
 414      recolor: function() {
 415          var list = this, items, eo;
 416  
 417          if ( !list.wpList.settings.alt )
 418              return;
 419  
 420          items = $('.list-item:visible', list);
 421  
 422          if ( !items.size() )
 423              items = $(list).children(':visible');
 424  
 425          eo = [':even',':odd'];
 426  
 427          if ( list.wpList.settings.altOffset % 2 )
 428              eo.reverse();
 429  
 430          items.filter(eo[0]).addClass(list.wpList.settings.alt).end().filter(eo[1]).removeClass(list.wpList.settings.alt);
 431      },
 432  
 433      init: function() {
 434          var lists = this;
 435  
 436          lists.wpList.process = function(a) {
 437              lists.each( function() {
 438                  this.wpList.process(a);
 439              } );
 440          };
 441  
 442          lists.wpList.recolor = function() {
 443              lists.each( function() {
 444                  this.wpList.recolor();
 445              } );
 446          };
 447      }
 448  };
 449  
 450  $.fn.wpList = function( settings ) {
 451      this.each( function() {
 452          var _this = this;
 453  
 454          this.wpList = { settings: $.extend( {}, wpList.settings, { what: wpList.parseData(this,'list')[1] || '' }, settings ) };
 455          $.each( fs, function(i,f) { _this.wpList[i] = function( e, s ) { return wpList[f].call( _this, e, s ); }; } );
 456      } );
 457  
 458      wpList.init.call(this);
 459  
 460      this.wpList.process();
 461  
 462      return this;
 463  };
 464  
 465  })(jQuery);