22

✏️ Editing: widget_areas.js

// TODO adjust to match code standards
( function( $ ) {
	var USSidebar = function() {

this.widget = $( '.widget-liquid-right' );
		this.widgetsRight = $( '#widgets-right' );
		this.addWidgetAreaForm = $( '#us_add_widget_area' );

this.initForm();
		this.initCustomWidgets();
		this.bindEvents();

};

USSidebar.prototype = {

initForm: function() {
			this.widget.append( this.addWidgetAreaForm.html() );
			this.nonce = this.widget.find( 'input[name="us_delete_widget_area_nonce"]' ).val();
			this.confirmMessage = this.widget.find( '#us_confirm_widget_area_deletion' ).html();
		},

initCustomWidgets: function() {
			this.widgetsRight.find( '.sidebar-us-custom-area' ).append( '<span class="us-custom-area-delete"></span>' );
		},

bindEvents: function() {
			this.widget.on( 'click', '.us-custom-area-delete', $.proxy( this.deleteWidgetArea, this ) );
		},

//delete the sidebar area with all widgets within, then re calculate the other sidebar ids and re save the order
		deleteWidgetArea: function( e ) {
			var deleteIt = confirm( this.confirmMessage );

if ( deleteIt == false ) {
				return false;
			}

var widget = $( e.currentTarget ).parents( '.widgets-holder-wrap:eq(0)' ),
				title = widget.find( '.sidebar-name h3 , .sidebar-name h2' ),
				spinner = title.find( '.spinner' ),
				widgetName = $.trim( title.text() ),
				obj = this;

$.ajax( {
				type: "POST",
				url: window.ajaxurl,
				data: {
					action: 'us_delete_custom_widget_area',
					name: widgetName,
					_wpnonce: obj.nonce
				},

beforeSend: function() {
					spinner.addClass( 'activate_spinner' );
				},
				success: function( response ) {
					if ( response == 'success' ) {
						widget.slideUp( 200, function() {

$( '.widget-control-remove', widget ).trigger( 'click' ); //delete all widgets inside
							widget.remove();

} );
					}
				}
			} );
		}

};

$( function() {
		new USSidebar();
	} );

} )( jQuery );

MR SKB