| 1 |
|
|---|
| 2 | var wpWidgets;
|
|---|
| 3 | (function($) {
|
|---|
| 4 |
|
|---|
| 5 | wpWidgets = {
|
|---|
| 6 | init : function() {
|
|---|
| 7 | var rem;
|
|---|
| 8 |
|
|---|
| 9 | if ( $('body').hasClass('widgets_access') ) {
|
|---|
| 10 | return;
|
|---|
| 11 | }
|
|---|
| 12 |
|
|---|
| 13 | $('#widgets-right div.sidebar-name').click(function(){
|
|---|
| 14 | var c = $(this).siblings('.widgets-sortables');
|
|---|
| 15 | if ( c.is(':visible') ) {
|
|---|
| 16 | c.sortable('disable');
|
|---|
| 17 | $(this).parent().addClass('closed');
|
|---|
| 18 | } else {
|
|---|
| 19 | $(this).parent().removeClass('closed');
|
|---|
| 20 | c.sortable('enable').sortable('refresh');
|
|---|
| 21 | }
|
|---|
| 22 | });
|
|---|
| 23 |
|
|---|
| 24 | $('#widgets-left div.sidebar-name').click(function(){
|
|---|
| 25 | if ( $(this).siblings('.widget-holder').is(':visible') ) {
|
|---|
| 26 | $(this).parent().addClass('closed');
|
|---|
| 27 | } else {
|
|---|
| 28 | $(this).parent().removeClass('closed');
|
|---|
| 29 | }
|
|---|
| 30 | });
|
|---|
| 31 |
|
|---|
| 32 | $('#widgets-right .widget, #wp_inactive_widgets .widget').each(function(){
|
|---|
| 33 | wpWidgets.appendTitle(this);
|
|---|
| 34 | });
|
|---|
| 35 |
|
|---|
| 36 | this.addEvents();
|
|---|
| 37 | $('.widget-error').parents('.widget').find('a.widget-action').click();
|
|---|
| 38 |
|
|---|
| 39 | $('#available-widgets').droppable({
|
|---|
| 40 | tolerance: 'pointer',
|
|---|
| 41 | accept: function(o){
|
|---|
| 42 | return $(o).parent().attr('id') != 'widget-list';
|
|---|
| 43 | },
|
|---|
| 44 | drop: function(e,ui) {
|
|---|
| 45 | ui.draggable.addClass('deleting');
|
|---|
| 46 | $('#removing-widget').hide().children('span').html('');
|
|---|
| 47 | },
|
|---|
| 48 | over: function(e,ui) {
|
|---|
| 49 | ui.draggable.addClass('deleting');
|
|---|
| 50 | $('.widget-placeholder').hide();
|
|---|
| 51 |
|
|---|
| 52 | if ( ui.draggable.hasClass('ui-sortable-helper') )
|
|---|
| 53 | $('#removing-widget').show().children('span').html( ui.draggable.find('.widget-title h4').html() );
|
|---|
| 54 | },
|
|---|
| 55 | out: function(e,ui) {
|
|---|
| 56 | ui.draggable.removeClass('deleting');
|
|---|
| 57 | $('.widget-placeholder').show();
|
|---|
| 58 | $('#removing-widget').hide().children('span').html('');
|
|---|
| 59 | }
|
|---|
| 60 | });
|
|---|
| 61 |
|
|---|
| 62 | $('#widget-list .widget').draggable({
|
|---|
| 63 | connectToSortable: '.widgets-sortables',
|
|---|
| 64 | handle: '.widget-title',
|
|---|
| 65 | distance: 2,
|
|---|
| 66 | helper: 'clone',
|
|---|
| 67 | zIndex: 5,
|
|---|
| 68 | containment: 'document',
|
|---|
| 69 | start: function(e,ui) {
|
|---|
| 70 | wpWidgets.fixWebkit(1);
|
|---|
| 71 | ui.helper.find('.widget-description').hide();
|
|---|
| 72 | },
|
|---|
| 73 | stop: function(e,ui) {
|
|---|
| 74 | if ( rem )
|
|---|
| 75 | $(rem).hide();
|
|---|
| 76 | rem = '';
|
|---|
| 77 | wpWidgets.fixWebkit();
|
|---|
| 78 | }
|
|---|
| 79 | });
|
|---|
| 80 |
|
|---|
| 81 | $('.widgets-sortables').sortable({
|
|---|
| 82 | placeholder: 'widget-placeholder',
|
|---|
| 83 | connectWith: '.widgets-sortables',
|
|---|
| 84 | items: '.widget',
|
|---|
| 85 | handle: '.widget-title',
|
|---|
| 86 | cursor: 'move',
|
|---|
| 87 | distance: 2,
|
|---|
| 88 | containment: 'document',
|
|---|
| 89 | start: function(e,ui) {
|
|---|
| 90 | wpWidgets.fixWebkit(1);
|
|---|
| 91 | ui.item.find('.widget-inside').hide();
|
|---|
| 92 | ui.item.css({'marginLeft':'','width':''});
|
|---|
| 93 | },
|
|---|
| 94 | stop: function(e,ui) {
|
|---|
| 95 | if ( ui.item.hasClass('ui-draggable') )
|
|---|
| 96 | ui.item.draggable('destroy');
|
|---|
| 97 |
|
|---|
| 98 | if ( ui.item.hasClass('deleting') ) {
|
|---|
| 99 | wpWidgets.save( ui.item, 1, 0, 1 ); // delete widget
|
|---|
| 100 | ui.item.remove();
|
|---|
| 101 | return;
|
|---|
| 102 | }
|
|---|
| 103 |
|
|---|
| 104 | var add = ui.item.find('input.add_new').val(), n = ui.item.find('input.multi_number').val(), id = ui.item.attr('id'), sb = $(this).attr('id');
|
|---|
| 105 |
|
|---|
| 106 | ui.item.css({'marginLeft':'','width':''});
|
|---|
| 107 | wpWidgets.fixWebkit();
|
|---|
| 108 | if ( add ) {
|
|---|
| 109 | if ( 'multi' == add ) {
|
|---|
| 110 | ui.item.html( ui.item.html().replace(/<[^<>]+>/g, function(m){ return m.replace(/__i__|%i%/g, n); }) );
|
|---|
| 111 | ui.item.attr( 'id', id.replace(/__i__|%i%/g, n) );
|
|---|
| 112 | n++;
|
|---|
| 113 | $('div#' + id).find('input.multi_number').val(n);
|
|---|
| 114 | } else if ( 'single' == add ) {
|
|---|
| 115 | ui.item.attr( 'id', 'new-' + id );
|
|---|
| 116 | rem = 'div#' + id;
|
|---|
| 117 | }
|
|---|
| 118 | wpWidgets.addEvents(ui.item);
|
|---|
| 119 | wpWidgets.save( ui.item, 0, 0, 1 );
|
|---|
| 120 | ui.item.find('input.add_new').val('');
|
|---|
| 121 | ui.item.find('a.widget-action').click();
|
|---|
| 122 | return;
|
|---|
| 123 | }
|
|---|
| 124 | wpWidgets.saveOrder(sb);
|
|---|
| 125 | },
|
|---|
| 126 | receive: function(e,ui) {
|
|---|
| 127 | if ( !$(this).is(':visible') )
|
|---|
| 128 | $(this).sortable('cancel');
|
|---|
| 129 | }
|
|---|
| 130 | }).not(':visible').sortable('disable');
|
|---|
| 131 | wpWidgets.resize();
|
|---|
| 132 | wpWidgets.fixLabels();
|
|---|
| 133 | },
|
|---|
| 134 |
|
|---|
| 135 | saveOrder : function(sb) {
|
|---|
| 136 | if ( sb )
|
|---|
| 137 | $('#' + sb).parents('.widgets-holder-wrap').find('.ajax-feedback').css('visibility', 'visible');
|
|---|
| 138 |
|
|---|
| 139 | var a = {
|
|---|
| 140 | action: 'widgets-order',
|
|---|
| 141 | savewidgets: $('#_wpnonce_widgets').val(),
|
|---|
| 142 | sidebars: []
|
|---|
| 143 | };
|
|---|
| 144 |
|
|---|
| 145 | $('.widgets-sortables').each( function() {
|
|---|
| 146 | a['sidebars[' + $(this).attr('id') + ']'] = $(this).sortable('toArray').join(',');
|
|---|
| 147 | });
|
|---|
| 148 |
|
|---|
| 149 | $.post( ajaxurl, a, function() {
|
|---|
| 150 | $('.ajax-feedback').css('visibility', 'hidden');
|
|---|
| 151 | });
|
|---|
| 152 | this.resize();
|
|---|
| 153 | },
|
|---|
| 154 |
|
|---|
| 155 | save : function(widget, del, animate, order) {
|
|---|
| 156 | var sb = widget.parents('.widgets-sortables').attr('id'), data = widget.find('form').serialize(), a;
|
|---|
| 157 | widget = $(widget);
|
|---|
| 158 | widget.find('.ajax-feedback').css('visibility', 'visible');
|
|---|
| 159 |
|
|---|
| 160 | a = {
|
|---|
| 161 | action: 'save-widget',
|
|---|
| 162 | savewidgets: $('#_wpnonce_widgets').val(),
|
|---|
| 163 | sidebar: sb
|
|---|
| 164 | };
|
|---|
| 165 |
|
|---|
| 166 | if ( del )
|
|---|
| 167 | a['delete_widget'] = 1;
|
|---|
| 168 |
|
|---|
| 169 | data += '&' + $.param(a);
|
|---|
| 170 |
|
|---|
| 171 | $.post( ajaxurl, data, function(r){
|
|---|
| 172 | var id;
|
|---|
| 173 |
|
|---|
| 174 | if ( del ) {
|
|---|
| 175 | if ( !$('.widget_number', widget).val() ) {
|
|---|
| 176 | id = $('.widget-id', widget).val();
|
|---|
| 177 | $('#available-widgets .widget-id').each(function(){
|
|---|
| 178 | if ( $(this).val() == id )
|
|---|
| 179 | $(this).parents('.widget').show();
|
|---|
| 180 | });
|
|---|
| 181 | }
|
|---|
| 182 |
|
|---|
| 183 | if ( animate ) {
|
|---|
| 184 | order = 0;
|
|---|
| 185 | widget.slideUp('fast', function(){
|
|---|
| 186 | $(this).remove();
|
|---|
| 187 | wpWidgets.saveOrder();
|
|---|
| 188 | });
|
|---|
| 189 | } else {
|
|---|
| 190 | widget.remove();
|
|---|
| 191 | wpWidgets.resize();
|
|---|
| 192 | }
|
|---|
| 193 | } else {
|
|---|
| 194 | $('.ajax-feedback').css('visibility', 'hidden');
|
|---|
| 195 | if ( r && r.length > 2 ) {
|
|---|
| 196 | $('.widget-content', widget).html(r);
|
|---|
| 197 | wpWidgets.appendTitle(widget);
|
|---|
| 198 | wpWidgets.fixLabels(widget);
|
|---|
| 199 | }
|
|---|
| 200 | }
|
|---|
| 201 | if ( order )
|
|---|
| 202 | wpWidgets.saveOrder();
|
|---|
| 203 | });
|
|---|
| 204 | },
|
|---|
| 205 |
|
|---|
| 206 | appendTitle : function(widget) {
|
|---|
| 207 | $('input[type="text"]', widget).each(function(){
|
|---|
| 208 | var title;
|
|---|
| 209 | if ( this.id.indexOf('title') != -1 ) {
|
|---|
| 210 | title = $(this).val().replace(/<[^<>]+>/g, '').replace(/</g, '<').replace(/>/g, '>');
|
|---|
| 211 | if ( title )
|
|---|
| 212 | $('.widget-title .in-widget-title', widget).html(': ' + title);
|
|---|
| 213 | return false;
|
|---|
| 214 | }
|
|---|
| 215 | });
|
|---|
| 216 | },
|
|---|
| 217 |
|
|---|
| 218 | resize : function() {
|
|---|
| 219 | $('.widgets-sortables').not('#wp_inactive_widgets').each(function(){
|
|---|
| 220 | var h = 50, H = $('.widget', this).length;
|
|---|
| 221 | h = h + parseInt(H * 48, 10);
|
|---|
| 222 | $(this).css( 'minHeight', h + 'px' );
|
|---|
| 223 | });
|
|---|
| 224 | },
|
|---|
| 225 |
|
|---|
| 226 | fixWebkit : function(n) {
|
|---|
| 227 | n = n ? 'none' : '';
|
|---|
| 228 | $('body').css({
|
|---|
| 229 | WebkitUserSelect: n,
|
|---|
| 230 | KhtmlUserSelect: n
|
|---|
| 231 | });
|
|---|
| 232 | },
|
|---|
| 233 |
|
|---|
| 234 | fixLabels : function(sc) {
|
|---|
| 235 | sc = sc || document;
|
|---|
| 236 |
|
|---|
| 237 | $('.widget-inside label', sc).each(function(){
|
|---|
| 238 | var f = $(this).attr('for');
|
|---|
| 239 |
|
|---|
| 240 | if ( f && f == $('input', this).attr('id') )
|
|---|
| 241 | $(this).removeAttr('for');
|
|---|
| 242 | });
|
|---|
| 243 | },
|
|---|
| 244 |
|
|---|
| 245 | close : function(widget) {
|
|---|
| 246 | widget.find('.widget-inside').slideUp('fast', function(){
|
|---|
| 247 | widget.css({'width':'','marginLeft':''});
|
|---|
| 248 | });
|
|---|
| 249 | },
|
|---|
| 250 |
|
|---|
| 251 | addEvents : function(sc) {
|
|---|
| 252 | sc = sc || document;
|
|---|
| 253 | $('a.widget-action', sc).click(function(){
|
|---|
| 254 | var w = parseInt( $(this).parents('.widget').find('.widget-width').val(), 10 ), css = {}, inside = $(this).parents('.widget-top').siblings('.widget-inside');
|
|---|
| 255 | if ( inside.is(':hidden') ) {
|
|---|
| 256 | if ( w > 250 && inside.parents('.widgets-sortables').length ) {
|
|---|
| 257 | css['width'] = w + 30 + 'px';
|
|---|
| 258 | if ( inside.parents('.widget-liquid-right').length )
|
|---|
| 259 | css['marginLeft'] = 235 - w + 'px';
|
|---|
| 260 | inside.parents('.widget').css(css);
|
|---|
| 261 | }
|
|---|
| 262 | inside.slideDown('fast');
|
|---|
| 263 | } else {
|
|---|
| 264 | inside.slideUp('fast', function(){ inside.parents('.widget').css({'width':'','marginLeft':''}); });
|
|---|
| 265 | }
|
|---|
| 266 | return false;
|
|---|
| 267 | });
|
|---|
| 268 | $('.widget-control-save', sc).click(function(){
|
|---|
| 269 | wpWidgets.save( $(this).parents('.widget'), 0, 1, 0 );
|
|---|
| 270 | return false;
|
|---|
| 271 | });
|
|---|
| 272 | $('.widget-control-remove', sc).click(function(){
|
|---|
| 273 | wpWidgets.save( $(this).parents('.widget'), 1, 1, 0 );
|
|---|
| 274 | return false;
|
|---|
| 275 | });
|
|---|
| 276 | $('.widget-control-close', sc).click(function(){
|
|---|
| 277 | wpWidgets.close( $(this).parents('.widget') );
|
|---|
| 278 | return false;
|
|---|
| 279 | });
|
|---|
| 280 | }
|
|---|
| 281 | };
|
|---|
| 282 | $(document).ready(function(){wpWidgets.init();});
|
|---|
| 283 |
|
|---|
| 284 | })(jQuery);
|
|---|
