! ( function( $ ) {
'use strict';wp.customize.controlConstructor['blogun-widget'] = wp.customize.Control.extend({ready: function() {
var control = this;control.widget_count = control.container.find( '.widget' ).length, control.setupSortable(), control.container.on( 'click', '.blogun-widget-container .widget-top', ( function() {
$( this ).closest( '.widget' ).toggleClass( 'blogun-expanded' ).find( '.widget-inside' ).slideToggle( 200 );
}) ), control.container.on( 'click', '.blogun-widget-container .widget-control-close', ( function() {
$( this ).closest( '.widget' ).toggleClass( 'blogun-expanded' ).find( '.widget-inside' ).slideToggle( 200 );
}) ), control.container.on( 'click', '.blogun-add-widget', ( function( e ) {
e.preventDefault(), control.updateList();
}) ), control.container.on( 'change paste keyup', 'input, textarea, select', ( function( e ) {
control.update();
}) ), control.container.on( 'click', '.widget-control-remove', ( function() {
$( this ).closest( '.widget' ).remove(), control.update(), control.updateList();
}) ), control.container.on( 'click', '.blogun-widget-edit-nav', ( function() {
wp.customize.control( 'nav_menu_locations[' + $( this ).closest( '.blogun-widget-nav-container' ).data( 'menu-location' ) + ']' ).focus(), control.close();
}) ), wp.customize.previewer.bind( 'url', this.close ), $( control.container ).find( '.blogun-widget-nav-container' ).each( ( function() {
var $this = $( this );control.bindMenuLocation( $this );
}) );
}, bindMenuLocation: function( $container ) {
var menu_location = $container.data( 'menu-location' );wp.customize( 'nav_menu_locations[' + menu_location + ']', ( function( value ) {
value.bind( ( function( newval ) {
if ( newval ) {
var menu_name = wp.customize.control( 'nav_menu_locations[' + menu_location + ']' ).container.find( 'option:selected' ).html();$container.addClass( 'blogun-widget-nav-has-menu' ).find( '.blogun-widget-nav-name' ).html( menu_name );
} else {
$container.removeClass( 'blogun-widget-nav-has-menu' );
}
}) );
}) );
}, updateList: function() {
var widget,
self = this,
widgets = self.params.widgets;widgets ? ( $( '#blogun-available-widgets-list .blogun-widget' ).hide().removeClass( 'disabled' ), $.each( widgets, ( function( index, el ) {
( widget = $( '#blogun-available-widgets-list #blogun-widget-tpl-blogun_customizer_widget_' + index ) ).show(), el.hasOwnProperty( 'max_uses' ) && 0 < el.max_uses && el.max_uses <= $( self.container ).find( '.blogun-widget-container [data-widget-type="' + index + '"]' ).length && widget.addClass( 'disabled' );
}) ) ) : $( '#blogun-available-widgets-list .blogun-widget' ).show();
}, addWidget: function( widget_id_base ) {
var widget_html, widget_uuid;widget_uuid = this.setting.id + '-' + this.widget_count, widget_html = ( widget_html = $.trim( $( this.container ).find( '.blogun-widget-tpl-' + widget_id_base ).html() ) ).replace( /<[^<>]+>/g, ( function( m ) {
return m.replace( /__i__|%i%/g, widget_uuid );
}) );var $widget = $( widget_html ).appendTo( this.container.find( '.blogun-widget-container' ) );this.widget_count++, $widget.find( '.widget-top' ).trigger( 'click' ), this.update(), $widget.find( '.blogun-widget-nav-container' ).length && this.bindMenuLocation( $widget.find( '.blogun-widget-nav-container' ) );
}, close: function() {
$( 'body' ).removeClass( 'blogun-adding-widget' );
}, update: function() {
var inputs, widgetobj, option, checked, $widget,
widgets = this.container.find( '.blogun-widget-container .widget' ),
new_value = [];widgets.length ? ( _.each( widgets, ( function( widget ) {
$widget = $( widget ), ( widgetobj = {}).classname = $widget.data( 'widget-base' ), widgetobj.type = $widget.data( 'widget-type' ), widgetobj.values = {}, inputs = $widget.find( 'input, textarea, select' ), _.each( inputs, ( function( input ) {
void 0 !== ( option = $( input ).attr( 'data-option-name' ) ) && ! 1 !== option && ( widgetobj.values[$( input ).attr( 'data-option-name' )] = $( input ).val() );
}) ), _.each( $widget.find( '.buttonset' ), ( function( buttonset ) {
void 0 !== ( checked = $( buttonset ).find( 'input[type="radio"]:checked' ) ) && ! 1 !== checked && ( widgetobj.values[checked.data( 'option-name' )] = checked.val() );
}) ), new_value.push( widgetobj );
}) ), this.setting.set( new_value ) ) : this.setting.set( ! 1 );
}, setupSortable: function() {
var self = this;$( this.container ).find( '.blogun-widget-container' ).sortable({items: '> .widget', handle: '.widget-top', intersect: 'pointer', axis: 'y', update: function() {
self.update();
}});
}}), $( document ).ready( ( function() {
var control;$( '.wp-full-overlay' ).on( 'click', '.blogun-add-widget, .blogun-close-widgets-panel', ( function( e ) {
e.preventDefault(), $( 'body' ).toggleClass( 'blogun-adding-widget' ), $( this ).data( 'location-title' ) && ( control = wp.customize.control( $( this ).data( 'control' ) ), $( '#blogun-available-widgets' ).attr( 'data-control', control.params.id ).find( '.blogun-widget-caption' ).find( 'h3' ).html( $( this ).data( 'location-title' ) ) );
}) ), $( '.wp-full-overlay' ).on( 'click', '.customize-section-back', ( function( e ) {
$( 'body' ).removeClass( 'blogun-adding-widget' ), $( '#blogun-available-widgets' ).removeAttr( 'data-control' );
}) ), $( '#blogun-available-widgets' ).on( 'click', '.blogun-widget', ( function( e ) {
control = wp.customize.control( $( '#blogun-available-widgets' ).attr( 'data-control' ) );var widget_id = $( this ).data( 'widget-id' );control.addWidget( widget_id );control.close();
}) );
}) );
}( jQuery ) );