source: plugins/widgets/widgets.js @ 1629:236bd21d1e72

var dragdrop = ToolMan.dragdrop();
$(function() {
     $('input[name="wreset"]').click(function() {
          return window.confirm(dotclear.msg.confirm_widgets_reset);
     });
});

$(function() {
     var widgets = document.getElementById('widgets');
     var w_nav = document.getElementById('dndnav');
     var w_ext = document.getElementById('dndextra');
     var w_custom = document.getElementById('dndcustom');
     
     w_nav.className = 'hideControls';
     w_ext.className = 'hideControls';
     w_custom.className = 'hideControls';
     
     removeElements(document.getElementById('listWidgets'),'input');
     removeElements(widgets,'p');
     removeElements(w_nav,'p');
     removeElements(w_ext,'p');
     removeElements(w_custom,'p');
     hideElements(w_nav,'input');
     hideElements(w_ext,'input');
     hideElements(w_custom,'input');
     
     configControls(w_nav);
     configControls(w_ext);
     configControls(w_custom);
     
     dragdrop.makeListContainer(widgets,'div',setHandle);
     if (!document.all) { widgets.factory = true; }
     dragdrop.makeListContainer(w_nav,'div',setHandle);
     w_nav.onDragEnd = navDragEnd;
     dragdrop.makeListContainer(w_ext,'div',setHandle);
     w_ext.onDragEnd = extraDragEnd;
     dragdrop.makeListContainer(w_custom,'div',setHandle);
     w_custom.onDragEnd = customDragEnd;
     
     // Helper to remove some elements
     function removeElements(p,name) {
          name = name || 'div';
          $(p).find(name+'.js-remove').each(function() {
               this.parentNode.removeChild(this);
          });
     }
     
     // Helper to hide elements (but keep them)
     function hideElements(p,name) {
          name = name || 'div';
          $(p).find(name+'.js-hide').each(function() {
               $(this).toggle();
          });
     }    
     
     function removeEmptyMsg(p) {
          $(p).find('p.empty-widgets').each(function() {
               this.parentNode.removeChild(this);
          });
     }
     
     // Events on dragEnd
     function navDragEnd() {
          formControls(this.parentNode,'nav');
          configControls(this.parentNode);
          removeEmptyMsg(this.parentNode);
     }
     function extraDragEnd() {
          formControls(this.parentNode,'extra');
          configControls(this.parentNode);
          removeEmptyMsg(this.parentNode);
     }
     function customDragEnd() {
          formControls(this.parentNode,'custom');
          configControls(this.parentNode);
          removeEmptyMsg(this.parentNode);
     }
     
     // dragEnd helper
     function formControls(e,pr) {
          var items = new Array();
          for (var i=0; i<e.childNodes.length; i++) {
               if (e.childNodes[i].nodeType == 1 && e.childNodes[i].nodeName.toLowerCase() == 'div') {
                    items.push(e.childNodes[i]);
               }
          }
          
          var fields, itype;
          var r = new RegExp('^w\[[a-z]+]\[[0-9]+][[](.+?)]$','');
          for (i=0; i<items.length; i++) {
               // Change field names
               fields = getFormControls(items[i]);
               var j;
               var f;
               for (j=0; j<fields.length; j++) {
                    if (r.test(fields[j].name)) {
                         itype = fields[j].name.replace(r,'$1');
                         
                         $(fields[j]).attr('name','w['+pr+']['+i+']['+itype+']');
                         
                         if (itype == 'order') {
                              fields[j].value = i;
                         }
                    }
               }
          }
     }
     
     function getFormControls(e) {
          var input = e.getElementsByTagName('input');
          var textarea = e.getElementsByTagName('textarea');
          var select = e.getElementsByTagName('select');
          var items = new Array();
          var i;
          for (i=0; i<input.length; i++) { items.push(input[i]); }
          for (i=0; i<select.length; i++) { items.push(select[i]); }
          for (i=0; i<textarea.length; i++) { items.push(textarea[i]); }
          
          return items;
     }
     
     function configControls(e) {
          var items = new Array();
          for (var i=0; i<e.childNodes.length; i++) {
               if (e.childNodes[i].nodeType == 1 && e.childNodes[i].nodeName.toLowerCase() == 'div') {
                    items.push(e.childNodes[i]);
               }
          }
          
          var title, img_ctrl, img, space;
          for (i in items) {
               // Append config control
               title = $('p.widget-name',items[i]).get(0);
               order = $(title).find('input[name*=order]');
               link = $('<a href="#" alt="expand" class="aexpand"/>').append($(title).text());
               $(title).empty().append(order).append(link);
               img_ctrl = title.firstChild;
               
               // There already an image
               if (img_ctrl.nodeName.toLowerCase() == 'img') {
                    continue;
               }
               
               // Nothing to configure
               if (title.nextSibling.childNodes.length == 0) {
                    continue;
               }
               
               img = document.createElement('img');
               img.src = dotclear.img_plus_src;
               img.alt = dotclear.img_plus_alt;
               img.control = title.nextSibling;
               img.onclick = function() { widgetConfig.call(this); };
               link.click(function(e) {
                    e.preventDefault();
                    widgetConfig.call($(this).prevAll('img').get(0));
               });
               space = document.createTextNode(' ');
               title.insertBefore(img,img_ctrl);
               title.insertBefore(space,img_ctrl);
          }
     }
     
     function widgetConfig() {
          if (this.control.style.display == 'block') {
               this.control.style.display = 'none';
               this.src = dotclear.img_plus_src;
               this.alt = dotclear.img_plus_alt;
          } else {
               this.control.style.display = 'block';
               this.src = dotclear.img_minus_src;
               this.alt = dotclear.img_minus_alt;
          }
     }
     
     function setHandle(item) {
          //var handle = item.getElementsByTagName('h4').item(0);
          var handle = $('p.widget-name',item).get(0);
          $(handle).addClass('handler');
          item.toolManDragGroup.setHandle(handle);
     }
});

//
// For Safari, we need to make a hard copy of the form and submit copy.
// Yeah, a simple clone of the form is not enough
// I hate this browser!
//
if (document.childNodes && !document.all && !navigator.taintEnabled)
{
     $(function() {
          $('#sidebarsWidgets').submit(function() {
               // Create a new form and copy each element inside
               var f = document.createElement('form');
               f.action = this.action;
               f.method = this.method;
               $(f).hide();
               var fset = document.createElement('fieldset');
               f.appendChild(fset);
               
               document.body.appendChild(f);
               
               $(this).find('input').each(function() {
                    var i = document.createElement('input');
                    i.type = this.type;
                    i.name = this.name;
                    i.value = this.value;
                    if (this.type == 'checkbox') {
                         i.checked = this.checked;
                    }
                    fset.appendChild(i);
               });
               
               $(this).find('textarea').each(function() {
                    var i = document.createElement('textarea');
                    i.name = this.name;
                    i.value = this.value;
                    fset.appendChild(i);
               });
               
               $(this).find('select').each(function() {
                    var i = document.createElement('input');
                    i.name = this.name;
                    i.value = this.value;
                    fset.appendChild(i);
               });
               
               $(fset).append('<input type="hidden" name="wup" value="1"/>');
               f.submit();
               
               return false;
          });
     });
}