Projects : mp-wp : mp-wp_genesis
1 | (function($) { |
2 | var currentFormEl = false; |
3 | var fs = {add:'ajaxAdd',del:'ajaxDel',dim:'ajaxDim',process:'process',recolor:'recolor'}; |
4 | |
5 | var wpList = { |
6 | settings: { |
7 | url: wpListL10n.url, 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 | parseClass: function(e,t) { |
26 | var c = [], cl; |
27 | try { |
28 | cl = $(e).attr('class') || ''; |
29 | cl = cl.match(new RegExp(t+':[\\S]+')); |
30 | if ( cl ) { c = cl[0].split(':'); } |
31 | } catch(r) {} |
32 | return c; |
33 | }, |
34 | |
35 | pre: function(e,s,a) { |
36 | var bg; var r; |
37 | s = $.extend( {}, this.wpList.settings, { |
38 | element: null, |
39 | nonce: 0, |
40 | target: e.get(0) |
41 | }, s || {} ); |
42 | if ( $.isFunction( s.confirm ) ) { |
43 | if ( 'add' != a ) { |
44 | bg = $('#' + s.element).css('backgroundColor'); |
45 | $('#' + s.element).css('backgroundColor', '#FF9966'); |
46 | } |
47 | r = s.confirm.call(this,e,s,a,bg); |
48 | if ( 'add' != a ) { $('#' + s.element).css('backgroundColor', bg ); } |
49 | if ( !r ) { return false; } |
50 | } |
51 | return s; |
52 | }, |
53 | |
54 | ajaxAdd: function( e, s ) { |
55 | var list = this; e = $(e); s = s || {}; |
56 | var cls = wpList.parseClass(e,'add'); |
57 | s = wpList.pre.call( list, e, s, 'add' ); |
58 | |
59 | s.element = cls[2] || e.attr( 'id' ) || s.element || null; |
60 | if ( cls[3] ) { s.addColor = '#' + cls[3]; } |
61 | else { s.addColor = s.addColor || '#FFFF33'; } |
62 | |
63 | if ( !s ) { return false; } |
64 | |
65 | if ( !e.is("[class^=add:" + list.id + ":]") ) { return !wpList.add.call( list, e, s ); } |
66 | |
67 | if ( !s.element ) { return true; } |
68 | |
69 | s.action = 'add-' + s.what; |
70 | |
71 | s.nonce = wpList.nonce(e,s); |
72 | |
73 | var es = $('#' + s.element + ' :input').not('[name=_ajax_nonce], [name=_wpnonce], [name=action]'); |
74 | var valid = wpAjax.validateForm( '#' + s.element ); |
75 | if ( !valid ) { return false; } |
76 | |
77 | s.data = $.param( $.extend( { _ajax_nonce: s.nonce, action: s.action }, wpAjax.unserialize( cls[4] || '' ) ) ); |
78 | var formData = $.isFunction(es.fieldSerialize) ? es.fieldSerialize() : es.serialize(); |
79 | if ( formData ) { s.data += '&' + formData; } |
80 | |
81 | if ( $.isFunction(s.addBefore) ) { |
82 | s = s.addBefore( s ); |
83 | if ( !s ) { return true; } |
84 | } |
85 | if ( !s.data.match(/_ajax_nonce=[a-f0-9]+/) ) { return true; } |
86 | |
87 | s.success = function(r) { |
88 | var res = wpAjax.parseAjaxResponse(r, s.response, s.element); |
89 | if ( !res || res.errors ) { return false; } |
90 | |
91 | if ( true === res ) { return true; } |
92 | |
93 | jQuery.each( res.responses, function() { |
94 | wpList.add.call( list, this.data, $.extend( {}, s, { // this.firstChild.nodevalue |
95 | pos: this.position || 0, |
96 | id: this.id || 0, |
97 | oldId: this.oldId || null |
98 | } ) ); |
99 | } ); |
100 | |
101 | if ( $.isFunction(s.addAfter) ) { |
102 | var o = this.complete; |
103 | this.complete = function(x,st) { |
104 | var _s = $.extend( { xml: x, status: st, parsed: res }, s ); |
105 | s.addAfter( r, _s ); |
106 | if ( $.isFunction(o) ) { o(x,st); } |
107 | }; |
108 | } |
109 | list.wpList.recolor(); |
110 | wpList.clear.call(list,'#' + s.element); |
111 | }; |
112 | |
113 | $.ajax( s ); |
114 | return false; |
115 | }, |
116 | |
117 | ajaxDel: function( e, s ) { |
118 | var list = this; e = $(e); s = s || {}; |
119 | var cls = wpList.parseClass(e,'delete'); |
120 | s = wpList.pre.call( list, e, s, 'delete' ); |
121 | |
122 | s.element = cls[2] || s.element || null; |
123 | if ( cls[3] ) { s.delColor = '#' + cls[3]; } |
124 | else { s.delColor = s.delColor || '#FF3333'; } |
125 | |
126 | if ( !s || !s.element ) { return false; } |
127 | |
128 | s.action = 'delete-' + s.what; |
129 | |
130 | s.nonce = wpList.nonce(e,s); |
131 | |
132 | s.data = $.extend( |
133 | { action: s.action, id: s.element.split('-').pop(), _ajax_nonce: s.nonce }, |
134 | wpAjax.unserialize( cls[4] || '' ) |
135 | ); |
136 | |
137 | if ( $.isFunction(s.delBefore) ) { |
138 | s = s.delBefore( s ); |
139 | if ( !s ) { return true; } |
140 | } |
141 | if ( !s.data._ajax_nonce ) { return true; } |
142 | |
143 | var element = $('#' + s.element); |
144 | |
145 | if ( 'none' != s.delColor ) { |
146 | var anim = 'slideUp'; |
147 | if ( element.css( 'display' ).match(/table/) ) |
148 | anim = 'fadeOut'; // Can't slideup table rows and other table elements. Known jQuery bug |
149 | element |
150 | .animate( { backgroundColor: s.delColor }, 'fast' )[anim]( 'fast' ) |
151 | .queue( function() { list.wpList.recolor(); $(this).dequeue(); } ); |
152 | } else { |
153 | list.wpList.recolor(); |
154 | } |
155 | |
156 | s.success = function(r) { |
157 | var res = wpAjax.parseAjaxResponse(r, s.response, s.element); |
158 | if ( !res || res.errors ) { |
159 | element.stop().stop().css( 'backgroundColor', '#FF3333' ).show().queue( function() { list.wpList.recolor(); $(this).dequeue(); } ); |
160 | return false; |
161 | } |
162 | if ( $.isFunction(s.delAfter) ) { |
163 | var o = this.complete; |
164 | this.complete = function(x,st) { |
165 | element.queue( function() { |
166 | var _s = $.extend( { xml: x, status: st, parsed: res }, s ); |
167 | s.delAfter( r, _s ); |
168 | if ( $.isFunction(o) ) { o(x,st); } |
169 | } ).dequeue(); |
170 | }; |
171 | } |
172 | }; |
173 | $.ajax( s ); |
174 | return false; |
175 | }, |
176 | |
177 | ajaxDim: function( e, s ) { |
178 | if ( $(e).parent().css('display') == 'none' ) // Prevent hidden links from being clicked by hotkeys |
179 | return false; |
180 | var list = this; e = $(e); s = s || {}; |
181 | var cls = wpList.parseClass(e,'dim'); |
182 | s = wpList.pre.call( list, e, s, 'dim' ); |
183 | |
184 | s.element = cls[2] || s.element || null; |
185 | s.dimClass = cls[3] || s.dimClass || null; |
186 | if ( cls[4] ) { s.dimAddColor = '#' + cls[4]; } |
187 | else { s.dimAddColor = s.dimAddColor || '#FFFF33'; } |
188 | if ( cls[5] ) { s.dimDelColor = '#' + cls[5]; } |
189 | else { s.dimDelColor = s.dimDelColor || '#FF3333'; } |
190 | |
191 | if ( !s || !s.element || !s.dimClass ) { return true; } |
192 | |
193 | s.action = 'dim-' + s.what; |
194 | |
195 | s.nonce = wpList.nonce(e,s); |
196 | |
197 | s.data = $.extend( |
198 | { action: s.action, id: s.element.split('-').pop(), dimClass: s.dimClass, _ajax_nonce : s.nonce }, |
199 | wpAjax.unserialize( cls[6] || '' ) |
200 | ); |
201 | |
202 | if ( $.isFunction(s.dimBefore) ) { |
203 | s = s.dimBefore( s ); |
204 | if ( !s ) { return true; } |
205 | } |
206 | |
207 | var element = $('#' + s.element); |
208 | var isClass = element.toggleClass(s.dimClass).is('.' + s.dimClass); |
209 | var color = wpList.getColor( element ); |
210 | element.toggleClass( s.dimClass ) |
211 | var dimColor = isClass ? s.dimAddColor : s.dimDelColor; |
212 | if ( 'none' != dimColor ) { |
213 | element |
214 | .animate( { backgroundColor: dimColor }, 'fast' ) |
215 | .queue( function() { element.toggleClass(s.dimClass); $(this).dequeue(); } ) |
216 | .animate( { backgroundColor: color }, { complete: function() { $(this).css( 'backgroundColor', '' ); } } ); |
217 | } |
218 | |
219 | if ( !s.data._ajax_nonce ) { return true; } |
220 | |
221 | s.success = function(r) { |
222 | var res = wpAjax.parseAjaxResponse(r, s.response, s.element); |
223 | if ( !res || res.errors ) { |
224 | element.stop().stop().css( 'backgroundColor', '#FF3333' )[isClass?'removeClass':'addClass'](s.dimClass).show().queue( function() { list.wpList.recolor(); $(this).dequeue(); } ); |
225 | return false; |
226 | } |
227 | if ( $.isFunction(s.dimAfter) ) { |
228 | var o = this.complete; |
229 | this.complete = function(x,st) { |
230 | element.queue( function() { |
231 | var _s = $.extend( { xml: x, status: st, parsed: res }, s ); |
232 | s.dimAfter( r, _s ); |
233 | if ( $.isFunction(o) ) { o(x,st); } |
234 | } ).dequeue(); |
235 | }; |
236 | } |
237 | }; |
238 | |
239 | $.ajax( s ); |
240 | return false; |
241 | }, |
242 | |
243 | // From jquery.color.js: jQuery Color Animation by John Resig |
244 | getColor: function( el ) { |
245 | if ( el.constructor == Object ) |
246 | el = el.get(0); |
247 | var elem = el, color, rgbaTrans = new RegExp( "rgba\\(\\s*0,\\s*0,\\s*0,\\s*0\\s*\\)", "i" ); |
248 | do { |
249 | color = jQuery.curCSS(elem, 'backgroundColor'); |
250 | if ( color != '' && color != 'transparent' && !color.match(rgbaTrans) || jQuery.nodeName(elem, "body") ) |
251 | break; |
252 | } while ( elem = elem.parentNode ); |
253 | return color || '#ffffff'; |
254 | }, |
255 | |
256 | add: function( e, s ) { |
257 | var list = $(this); |
258 | e = $(e); |
259 | |
260 | var old = false; |
261 | var _s = { pos: 0, id: 0, oldId: null }; |
262 | if ( 'string' == typeof s ) { s = { what: s }; } |
263 | s = $.extend(_s, this.wpList.settings, s); |
264 | if ( !e.size() || !s.what ) { return false; } |
265 | if ( s.oldId ) { old = $('#' + s.what + '-' + s.oldId); } |
266 | if ( s.id && ( s.id != s.oldId || !old || !old.size() ) ) { $('#' + s.what + '-' + s.id).remove(); } |
267 | |
268 | if ( old && old.size() ) { |
269 | old.replaceWith(e); |
270 | } else if ( isNaN(s.pos) ) { |
271 | var ba = 'after'; |
272 | if ( '-' == s.pos.substr(0,1) ) { |
273 | s.pos = s.pos.substr(1); |
274 | ba = 'before'; |
275 | } |
276 | var ref = list.find( '#' + s.pos ); |
277 | if ( 1 === ref.size() ) { ref[ba](e); } |
278 | else { list.append(e); } |
279 | } else if ( s.pos < 0 ) { |
280 | list.prepend(e); |
281 | } else { |
282 | list.append(e); |
283 | } |
284 | |
285 | if ( s.alt ) { |
286 | if ( ( list.children(':visible').index( e[0] ) + s.altOffset ) % 2 ) { e.removeClass( s.alt ); } |
287 | else { e.addClass( s.alt ); } |
288 | } |
289 | |
290 | if ( 'none' != s.addColor ) { |
291 | var color = wpList.getColor( e ); |
292 | e.css( 'backgroundColor', s.addColor ).animate( { backgroundColor: color }, { complete: function() { $(this).css( 'backgroundColor', '' ); } } ); |
293 | } |
294 | list.each( function() { this.wpList.process( e ); } ); |
295 | return e; |
296 | }, |
297 | |
298 | clear: function(e) { |
299 | var list = this; |
300 | e = $(e); |
301 | if ( list.wpList && e.parents( '#' + list.id ).size() ) { return; } |
302 | e.find(':input').each( function() { |
303 | if ( $(this).parents('.form-no-clear').size() ) |
304 | return; |
305 | var t = this.type.toLowerCase(); var tag = this.tagName.toLowerCase(); |
306 | if ( 'text' == t || 'password' == t || 'textarea' == tag ) { this.value = ''; } |
307 | else if ( 'checkbox' == t || 'radio' == t ) { this.checked = false; } |
308 | else if ( 'select' == tag ) { this.selectedIndex = null; } |
309 | }); |
310 | }, |
311 | |
312 | process: function(el) { |
313 | var list = this; |
314 | $("[class^=add:" + list.id + ":]", el || null) |
315 | .filter('form').submit( function() { return list.wpList.add(this); } ).end() |
316 | .not('form').click( function() { return list.wpList.add(this); } ).each( function() { |
317 | var addEl = this; |
318 | var c = wpList.parseClass(this,'add')[2] || addEl.id; |
319 | if ( !c ) { return; } |
320 | var forms = []; var ins = []; // this is all really inefficient |
321 | $('#' + c + ' :input').focus( function() { currentFormEl = this; } ).blur( function() { currentFormEl = false; } ).each( function() { |
322 | ins.push(this); |
323 | var f = $(this).parents('form:first').get(0); |
324 | if ( $.inArray(f,forms) < 0 ) { forms.push(f); } |
325 | } ); |
326 | $(forms).submit( function() { |
327 | if ( 0 <= $.inArray(currentFormEl,ins) ) { |
328 | $(addEl).trigger( 'click' ); |
329 | $(currentFormEl).focus(); |
330 | return false; |
331 | } |
332 | } ); |
333 | } ); |
334 | $("[class^=delete:" + list.id + ":]", el || null).click( function() { return list.wpList.del(this); } ); |
335 | $("[class^=dim:" + list.id + ":]", el || null).click( function() { return list.wpList.dim(this); } ); |
336 | }, |
337 | |
338 | recolor: function() { |
339 | var list = this; |
340 | if ( !list.wpList.settings.alt ) { return; } |
341 | var items = $('.list-item:visible', list); |
342 | if ( !items.size() ) { items = $(list).children(':visible'); } |
343 | var eo = [':even',':odd']; |
344 | if ( list.wpList.settings.altOffset % 2 ) { eo.reverse(); } |
345 | items.filter(eo[0]).addClass(list.wpList.settings.alt).end().filter(eo[1]).removeClass(list.wpList.settings.alt); |
346 | }, |
347 | |
348 | init: function() { |
349 | var lists = this; |
350 | lists.wpList.process = function(a) { |
351 | lists.each( function() { |
352 | this.wpList.process(a); |
353 | } ); |
354 | }; |
355 | lists.wpList.recolor = function() { |
356 | lists.each( function() { |
357 | this.wpList.recolor(); |
358 | } ); |
359 | }; |
360 | } |
361 | }; |
362 | |
363 | $.fn.wpList = function( settings ) { |
364 | this.each( function() { |
365 | var _this = this; |
366 | this.wpList = { settings: $.extend( {}, wpList.settings, { what: wpList.parseClass(this,'list')[1] || '' }, settings ) }; |
367 | $.each( fs, function(i,f) { _this.wpList[i] = function( e, s ) { return wpList[f].call( _this, e, s ); }; } ); |
368 | } ); |
369 | wpList.init.call(this); |
370 | this.wpList.process(); |
371 | return this; |
372 | }; |
373 | |
374 | })(jQuery); |