Dotclear

source: admin/js/common.js @ 3182:adf3c934173f

Revision 3182:adf3c934173f, 16.4 KB checked in by franck <carnet.franck.paul@…>, 10 years ago (diff)

Disable submit button unless at least one item selected whenever is possible, closes #1600
Line 
1/* ChainHandler, py Peter van der Beken
2-------------------------------------------------------- */
3function chainHandler(obj, handlerName, handler) {
4     obj[handlerName] = (function(existingFunction) {
5          return function() {
6               handler.apply(this, arguments);
7               if (existingFunction)
8                    existingFunction.apply(this, arguments);
9          };
10     })(handlerName in obj ? obj[handlerName] : null);
11};
12
13/* jQuery extensions
14-------------------------------------------------------- */
15jQuery.fn.check = function() {
16     return this.each(function() {
17          if (this.checked != undefined) { this.checked = true; }
18     });
19};
20jQuery.fn.unCheck = function() {
21     return this.each(function() {
22          if (this.checked != undefined) { this.checked = false; }
23     });
24};
25jQuery.fn.setChecked = function(status) {
26     return this.each(function() {
27          if (this.checked != undefined) { this.checked = status; }
28     });
29};
30jQuery.fn.toggleCheck = function() {
31     return this.each(function() {
32          if (this.checked != undefined) { this.checked = !this.checked; }
33     });
34};
35
36jQuery.fn.enableShiftClick = function() {
37     this.click(
38     function (event) {
39          if (event.shiftKey) {
40               if (dotclear.lastclicked != '') {
41                    var range;
42                    var trparent = $(this).parents('tr');
43                    if (trparent.nextAll('#'+dotclear.lastclicked).length != 0)
44                         range = trparent.nextUntil('#'+dotclear.lastclicked);
45                    else
46                         range = trparent.prevUntil('#'+dotclear.lastclicked);
47
48                    range.find('input[type=checkbox]').setChecked(dotclear.lastclickedstatus);
49                    this.checked = dotclear.lastclickedstatus;
50               }
51          } else {
52               dotclear.lastclicked = $(this).parents('tr')[0].id;
53               dotclear.lastclickedstatus = this.checked;
54          }
55          return true;
56     });
57}
58
59jQuery.fn.toggleWithLegend = function(target,s) {
60     var defaults = {
61          img_on_src: dotclear.img_plus_src,
62          img_on_alt: dotclear.img_plus_alt,
63          img_off_src: dotclear.img_minus_src,
64          img_off_alt: dotclear.img_minus_alt,
65          unfolded_sections: dotclear.unfolded_sections,
66          hide: true,
67          speed: 0,
68          legend_click: false,
69          fn: false, // A function called on first display,
70          user_pref: false,
71          reverse_user_pref: false // Reverse cookie behavior
72     };
73     var p = jQuery.extend(defaults,s);
74
75     if (!target) { return this; }
76
77     var set_cookie = p.hide ^ p.reverse_cookie;
78     if (p.cookie && jQuery.cookie(p.cookie)) {
79          p.hide = p.reverse_cookie;
80     }
81
82     var set_user_pref = p.hide ^ p.reverse_user_pref;
83     if (p.user_pref && p.unfolded_sections !== undefined && (p.user_pref in p.unfolded_sections)) {
84          p.hide = p.reverse_user_pref;
85     }
86     var toggle = function(i,speed) {
87          speed = speed || 0;
88          if (p.hide) {
89               $(i).get(0).src = p.img_on_src;
90               $(i).get(0).alt = p.img_on_alt;
91               target.addClass('hide');
92          } else {
93               $(i).get(0).src = p.img_off_src;
94               $(i).get(0).alt = p.img_off_alt;
95               target.removeClass('hide');
96               if (p.fn) {
97                    p.fn.apply(target);
98                    p.fn = false;
99               }
100          }
101
102          if (p.cookie && set_cookie) {
103               if (p.hide ^ p.reverse_cookie) {
104                    jQuery.cookie(p.cookie,'',{expires: -1});
105               } else {
106                    jQuery.cookie(p.cookie,1,{expires: 30});
107               }
108          }
109          p.hide = !p.hide;
110     };
111
112     return this.each(function() {
113          var i = document.createElement('img');
114          i.src = p.img_off_src;
115          i.alt = p.img_off_alt;
116          var a = document.createElement('a');
117          a.href= '#';
118          $(a).append(i);
119          $(a).css({
120               border: 'none',
121               outline: 'none'
122          });
123
124          var ctarget = p.legend_click ? this : a;
125
126          $(ctarget).css('cursor','pointer');
127          if (p.legend_click) {
128               $(ctarget).find('label').css('cursor','pointer');
129          }
130          $(ctarget).click(function() {
131               if (p.user_pref && set_user_pref) {
132                    if (p.hide ^ p.reverse_user_pref) {
133                         jQuery.post('services.php',
134                              {'f':'setSectionFold','section':p.user_pref,'value':1,xd_check: dotclear.nonce},
135                              function(data) {});
136                    } else {
137                         jQuery.post('services.php',
138                              {'f':'setSectionFold','section':p.user_pref,'value':0,xd_check: dotclear.nonce},
139                              function(data) {});
140                    }
141                    jQuery.cookie(p.user_pref,'',{expires: -1});
142               }
143               toggle(i,p.speed);
144               return false;
145          });
146
147
148          toggle($(i).get(0));
149          $(this).prepend(' ').prepend(a);
150     });
151};
152
153(function($) {
154     'use strict';
155
156     $.expandContent = function(opts) {
157          var defaults = {};
158          $.expandContent.options = $.extend({},defaults,opts);
159
160          if (opts==undefined || opts.callback==undefined || !$.isFunction(opts.callback)) {
161               return;
162          }
163          if (opts.line!=undefined) {
164               multipleExpander(opts.line,opts.lines);
165          }
166          opts.lines.each(function() {
167               singleExpander(this);
168          });
169     }
170
171     var singleExpander = function singleExpander(line) {
172          $('<input type="image" src="'+dotclear.img_plus_src+'" alt="'+dotclear.img_plus_alt+'"/>')
173               .click(function(e) {
174                    toggleArrow(this);
175                    $.expandContent.options.callback.call(this,line);
176                    e.preventDefault();
177               })
178               .prependTo($(line).children().get(0)); // first td
179     };
180
181     var multipleExpander = function multipleExpander(line,lines) {
182          $('<input type="image" src="'+dotclear.img_plus_src+'" alt="'+dotclear.img_plus_alt+'"/>')
183               .click(function(e) {
184                    var that = this;
185                    var action = toggleArrow(this);
186                    lines.each(function() {
187                         toggleArrow(this.firstChild.firstChild,action);
188                         $.expandContent.options.callback.call(that,this,action);
189
190                    });
191                    e.preventDefault();
192               })
193               .prependTo($(line).children().get(0)); // first td
194     };
195
196     var toggleArrow = function toggleArrow(button,action) {
197          action = action || '';
198          if (action=='') {
199               if (button.alt==dotclear.img_plus_alt) {
200                    action = 'open';
201               } else {
202                    action = 'close';
203               }
204          }
205
206          if (action=='open') {
207               button.src = dotclear.img_minus_src;
208               button.alt = dotclear.img_minus_alt;
209          } else {
210               button.src = dotclear.img_plus_src;
211               button.alt = dotclear.img_plus_alt;
212          }
213
214          return action;
215     }
216})(jQuery);
217
218jQuery.fn.helpViewer = function() {
219     if (this.length < 1) {
220          return this;
221     }
222
223     var p = {
224          img_on_src: dotclear.img_plus_src,
225          img_on_alt: dotclear.img_plus_alt,
226          img_off_src: dotclear.img_minus_src,
227          img_off_alt: dotclear.img_minus_alt
228     };
229     var This = this;
230     var toggle = function() {
231          $('#content').toggleClass('with-help');
232          if (document.all) {
233               if ($('#content').hasClass('with-help')) {
234                    select = $('#content select:visible').hide();
235               } else {
236                    select.show();
237               }
238          }
239          $('p#help-button span a').text($('#content').hasClass('with-help') ? dotclear.msg.help_hide : dotclear.msg.help);
240          sizeBox();
241          return false;
242     };
243
244     var sizeBox = function() {
245          This.css('height','auto');
246          if ($('#wrapper').height() > This.height()) {
247               This.css('height',$('#wrapper').height() + 'px');
248          }
249     };
250
251     var textToggler = function(o) {
252          var i = $('<img src="'+p.img_on_src+'" alt="'+p.img_on_alt+'" />');
253          o.css('cursor','pointer');
254          var hide = true;
255
256          o.prepend(' ').prepend(i);
257          o.click(function() {
258               $(this).nextAll().each(function() {
259                    if ($(this).is('h4')) {
260                         return false;
261                    }
262                    $(this).toggle();
263                    sizeBox();
264                    return true;
265               });
266               hide = !hide;
267               var img = $(this).find('img');
268               if (!hide) {
269                    img.attr('src',p.img_off_src);
270               } else {
271                    img.attr('src',p.img_on_src);
272               }
273          });
274     };
275
276     this.addClass('help-box');
277     this.find('>hr').remove();
278
279     this.find('h4').each(function() { textToggler($(this)); });
280     this.find('h4:first').nextAll('*:not(h4)').hide();
281     sizeBox();
282
283     var img = $('<p id="help-button"><span><a href="">'+dotclear.msg.help+'</a></span></p>');
284     var select = $();
285     img.click(function() { return toggle(); });
286
287     $('#content').append(img);
288
289     // listen for scroll
290     var peInPage = $('#help-button').offset().top;
291     $('#help-button').addClass("floatable");
292     var peInFloat = $('#help-button').offset().top - $(window).scrollTop();
293     $('#help-button').removeClass("floatable");
294     $(window).scroll(
295          function() {
296               if ($(window).scrollTop() >= peInPage - peInFloat ) {
297                    $('#help-button').addClass("floatable");
298               } else {
299                    $('#help-button').removeClass("floatable");
300               }
301          }
302     );
303
304     return this;
305};
306
307
308/* Dotclear common object
309-------------------------------------------------------- */
310var dotclear = {
311     msg: {},
312
313     condSubmit: function(chkboxes,target) {
314          var checkboxes = $(chkboxes),
315              submitButt = $(target);
316
317          if (checkboxes === undefined || submitButt === undefined) {
318               return;
319          }
320
321          // Set initial state
322         submitButt.attr("disabled", !checkboxes.is(":checked"));
323         if (!checkboxes.is(":checked")) {
324          submitButt.addClass('disabled');
325         } else {
326          submitButt.removeClass('disabled');
327         }
328
329          checkboxes.click(function() {
330               // Update target state
331              submitButt.attr("disabled", !checkboxes.is(":checked"));
332              if (!checkboxes.is(":checked")) {
333               submitButt.addClass('disabled');
334              } else {
335               submitButt.removeClass('disabled');
336              }
337          });
338     },
339
340     hideLockable: function() {
341          $('div.lockable').each(function() {
342               var current_lockable_div = this;
343               $(this).find('p.form-note').hide();
344               $(this).find('input').each(function() {
345                    this.disabled = true;
346                    $(this).width(($(this).width()-14) + 'px');
347
348                    var imgE = document.createElement('img');
349                    imgE.src = 'images/locker.png';
350                    imgE.style.position = 'absolute';
351                    imgE.style.top = '1.7em';
352                    imgE.style.left = ($(this).width()+12)+'px';
353                    imgE.alt=dotclear.msg.click_to_unlock;
354                    $(imgE).css('cursor','pointer');
355
356                    $(imgE).click(function() {
357                         $(this).hide();
358                         $(this).prev('input').each(function() {
359                              this.disabled = false;
360                              $(this).width(($(this).width()+14) + 'px');
361                         });
362                         $(current_lockable_div).find('p.form-note').show();
363                    });
364
365                    $(this).parent().css('position','relative');
366                    $(this).after(imgE);
367               });
368          });
369     },
370
371     checkboxesHelpers: function(e, target, c, s) {
372          $(e).append(document.createTextNode(dotclear.msg.to_select));
373          $(e).append(document.createTextNode(' '));
374
375          $('<a href="#">'+dotclear.msg.select_all+'</a>').click(function() {
376               if (target !== undefined) {
377                    target.check();
378               } else {
379                    $(e).parents('form').find('input[type="checkbox"]').check();
380               }
381               if (c !== undefined && s !== undefined) {
382                    dotclear.condSubmit(c,s);
383               }
384               return false;
385          }).appendTo($(e));
386          $(e).append(document.createTextNode(' | '));
387
388          $('<a href="#">'+dotclear.msg.no_selection+'</a>').click(function() {
389               if (target !== undefined) {
390                    target.unCheck();
391               } else {
392                    $(e).parents('form').find('input[type="checkbox"]').unCheck();
393               }
394               if (c !== undefined && s !== undefined) {
395                    dotclear.condSubmit(c,s);
396               }
397               return false;
398          }).appendTo($(e));
399          $(e).append(document.createTextNode(' - '));
400
401          $('<a href="#">'+dotclear.msg.invert_sel+'</a>').click(function() {
402               if (target !== undefined) {
403                    target.toggleCheck();
404               } else {
405                    $(e).parents('form').find('input[type="checkbox"]').toggleCheck();
406               }
407               if (c !== undefined && s !== undefined) {
408                    dotclear.condSubmit(c,s);
409               }
410               return false;
411          }).appendTo($(e));
412     },
413
414     postsActionsHelper: function() {
415          $('#form-entries').submit(function() {
416               var action = $(this).find('select[name="action"]').val();
417               if (action===undefined) {
418                    return;
419               }
420               var checked = false;
421
422               $(this).find('input[name="entries[]"]').each(function() {
423                    if (this.checked) {
424                         checked = true;
425                    }
426               });
427
428               if (!checked) { return false; }
429
430               if (action == 'delete') {
431                    return window.confirm(dotclear.msg.confirm_delete_posts.replace('%s',$('input[name="entries[]"]:checked').size()));
432               }
433
434               return true;
435          });
436     },
437
438     commentsActionsHelper: function() {
439          $('#form-comments').submit(function() {
440               var action = $(this).find('select[name="action"]').val();
441               var checked = false;
442
443               $(this).find('input[name="comments[]"]').each(function() {
444                    if (this.checked) {
445                         checked = true;
446                    }
447               });
448
449               if (!checked) { return false; }
450
451               if (action == 'delete') {
452                    return window.confirm(dotclear.msg.confirm_delete_comments.replace('%s',$('input[name="comments[]"]:checked').size()));
453               }
454
455               return true;
456          });
457     },
458     getCSSColor : function ( clazz) {
459          $('<div class="'+clazz+'" id="dotclear-obj-test-color" style="display:none"></div>').appendTo(document.body);
460          var tag2 = $('#dotclear-obj-test-color');
461          var color = $.trim(tag2.css("color").toLowerCase());
462          tag2.remove();
463          if ( color.charAt(0) === '#') {
464               return color;
465          }
466          var result = /^rgb\((\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\)$/.exec(color);
467          if ( result === null) {
468               return '';
469          }
470          var ret = '#';
471          for ( var i = 1; i < 4; i++) {
472               var val = parseInt(result[i],10);
473               ret += (val < 16 ? '0'+val.toString(16) : val.toString(16));
474          }
475          return ret;
476     },
477     initFadeColor : function() {
478          dotclear.fadeColor = {
479               beginPassword : dotclear.getCSSColor('colorBeginPassword'),
480               endPassword : dotclear.getCSSColor('colorEndPassword'),
481               beginMessage : dotclear.getCSSColor('colorBeginMessage'),
482               endMessage : dotclear.getCSSColor('colorEndMessage'),
483               beginError : dotclear.getCSSColor('colorBeginError'),
484               endError : dotclear.getCSSColor('colorEndError'),
485               beginSuccess : dotclear.getCSSColor('colorBeginSuccess'),
486               endSuccess : dotclear.getCSSColor('colorEndSuccess'),
487               beginValidatorMsg : dotclear.getCSSColor('colorBeginValidatorMsg'),
488               endValidatorMsg : dotclear.getCSSColor('colorEndValidatorMsg'),
489               beginValidatorErr : dotclear.getCSSColor('colorBeginValidatorErr'),
490               endValidatorErr : dotclear.getCSSColor('colorEndValidatorErr'),
491               beginUserMail : dotclear.getCSSColor('colorBeginUserMail'),
492               endUserMail : dotclear.getCSSColor('colorEndUserMail')
493          };
494     }};
495
496/* On document ready
497-------------------------------------------------------- */
498$(function() {
499     dotclear.initFadeColor();
500     // remove class no-js from html tag; cf style/default.css for examples
501     $('body').removeClass('no-js').addClass('with-js');
502
503     $('body').contents().each(function() {
504          if (this.nodeType==8) {
505               var data = this.data;
506               data = data.replace(/ /g,'&nbsp;').replace(/\n/g,'<br/>');
507               $('<span class="tooltip">'+$('#footer a').prop('title')+data+'</span>').appendTo('#footer a');
508          }
509     });
510
511     // manage outgoing links
512     $('a').filter(function() {
513          return ((this.hostname && this.hostname!=location.hostname && !$(this).hasClass('modal'))
514               || $(this).hasClass('outgoing'));
515     }).each(function() {
516          $(this).prop('title',$(this).prop('title')+' ('+dotclear.msg.new_window+')');
517          if (!$(this).hasClass('outgoing')) {
518               $(this).append('&nbsp;<img src="images/outgoing-blue.png" alt=""/>');
519          }
520     }).click(function(e) {
521          e.preventDefault();
522          window.open($(this).attr('href'));
523     });
524
525     // Blog switcher
526     $('#switchblog').change(function() {
527          this.form.submit();
528     });
529
530     var menu_settings = {
531          img_on_src: dotclear.img_menu_off,
532          img_off_src: dotclear.img_menu_on,
533          legend_click: true,
534          speed: 100
535     }
536     $('#blog-menu h3:first').toggleWithLegend($('#blog-menu ul:first'),
537          $.extend({user_pref:'dc_blog_menu'},menu_settings)
538     );
539     $('#system-menu h3:first').toggleWithLegend($('#system-menu ul:first'),
540          $.extend({user_pref:'dc_system_menu'},menu_settings)
541     );
542     $('#plugins-menu h3:first').toggleWithLegend($('#plugins-menu ul:first'),
543          $.extend({user_pref:'dc_plugins_menu'},menu_settings)
544     );
545     $('#favorites-menu h3:first').toggleWithLegend($('#favorites-menu ul:first'),
546          $.extend({user_pref:'dc_favorites_menu',hide:false,reverse_user_pref:true},menu_settings)
547     );
548
549     $('#help').helpViewer();
550
551     $('.message').backgroundFade({sColor: dotclear.fadeColor.beginMessage, eColor: dotclear.fadeColor.endMessage, steps:20});
552     $('.error').backgroundFade({sColor: dotclear.fadeColor.beginError, eColor: dotclear.fadeColor.endError, steps:20});
553     $('.success').backgroundFade({sColor: dotclear.fadeColor.beginSuccess, eColor: dotclear.fadeColor.endSuccess, steps:20});
554
555     $('form:has(input[type=password][name=your_pwd])').submit(function() {
556          var e = this.elements['your_pwd'];
557          if (e.value == '') {
558               e.focus();
559               $(e).backgroundFade({sColor: dotclear.fadeColor.beginPassword,eColor: dotclear.fadeColor.endPassword,steps:50},function() {
560                    $(this).backgroundFade({sColor: dotclear.fadeColor.endPassword,eColor: dotclear.fadeColor.beginPassword});
561               });
562               return false;
563          }
564          return true;
565     });
566
567     // Main menu collapser
568    var objMain = $('#wrapper');
569    function showSidebar(){
570         // Show sidebar
571        objMain.removeClass('hide-mm');
572        $.cookie('sidebar-pref',null,{expires:30});
573    }
574    function hideSidebar(){
575         // Hide sidebar
576        objMain.addClass('hide-mm');
577        $.cookie('sidebar-pref','hide-mm',{expires:30});
578    }
579    // Sidebar separator
580    var objSeparator = $('#collapser');
581    objSeparator.click(function(e){
582        e.preventDefault();
583        if ( objMain.hasClass('hide-mm') ){
584            showSidebar();
585             $('#main-menu input#qx').focus();
586        }
587        else {
588            hideSidebar();
589            $('#content a.go_home').focus();
590        }
591    });
592     if ( $.cookie('sidebar-pref') == 'hide-mm' ){
593          objMain.addClass('hide-mm');
594     } else {
595          objMain.removeClass('hide-mm');
596     }
597});
Note: See TracBrowser for help on using the repository browser.

Sites map