',r+='
",i.html(r),l("#"+n+"-tabs").tabs()}else{var d=o.generateFieldHtml(t,c);r+=d.html,_.each(d.controls,function(e,t){s.push({key:e.key,value:e.value,name:e.name})}),i.html(r)}_.each(s,function(e,t){switch(e.key){case"ast-responsive-color":o.initResponsiveColor(i,a,e.name);break;case"ast-color":o.initColor(i,a,e.name);break;case"ast-font":var n=astra.customizer.settings.google_fonts;o.container.find(".ast-font-family").html(n),o.container.find(".ast-font-family").each(function(){var e=l(this).data("value");l(this).val(e);var t=l(this).data("name");l("select[data-name='"+t+"'] option[value='inherit']").text(l(this).data("inherit"));var n=jQuery(".ast-font-weight[data-connected-control='"+t+"']"),a=AstTypography._getWeightObject(AstTypography._cleanGoogleFonts(e));o.generateDropdownHtml(a,n),n.val(n.data("value"))}),o.container.find(".ast-font-family").selectWoo(),o.container.find(".ast-font-family").on("select2:select",function(){var e=l(this).val(),t=AstTypography._getWeightObject(AstTypography._cleanGoogleFonts(e)),n=l(this).data("name"),a=jQuery(".ast-font-weight[data-connected-control='"+n+"']");o.generateDropdownHtml(t,a);var i=l(this).parents(".customize-control").attr("id");i=i.replace("customize-control-",""),o.container.trigger("ast_settings_changed",[o,jQuery(this),e,i]);var r=a.parents(".customize-control").attr("id");r=r.replace("customize-control-",""),o.container.trigger("ast_settings_changed",[o,a,a.val(),r])}),o.container.find(".ast-font-weight").on("change",function(){var e=l(this).val();name=l(this).parents(".customize-control").attr("id"),name=name.replace("customize-control-",""),o.container.trigger("ast_settings_changed",[o,jQuery(this),e,name])});break;case"ast-responsive":o.initResponsiveTrigger(i,a),o.container.on("change keyup paste","input.ast-responsive-input, select.ast-responsive-select",function(){name=l(this).parents(".customize-control").attr("id"),name=name.replace("customize-control-",""),o.updateResonsiveValue(jQuery(this),name)});break;case"ast-select":o.container.on("change",".ast-select-input",function(){var e=jQuery(this).val();name=l(this).parents(".customize-control").attr("id"),name=name.replace("customize-control-",""),o.container.trigger("ast_settings_changed",[o,jQuery(this),e,name])});break;case"ast-slider":o.container.on("input change","input[type=range]",function(){var e=jQuery(this).attr("value"),t=jQuery(this).closest(".wrapper").find(".astra_range_value .value");t.val(e),name=l(this).parents(".customize-control").attr("id"),name=name.replace("customize-control-",""),o.container.trigger("ast_settings_changed",[o,t,e,name])}),o.container.on("click",".ast-slider-reset",function(){var e=jQuery(this).closest(".wrapper"),t=e.find("input[type=range]"),n=e.find(".astra_range_value .value"),a=t.data("reset_value");t.val(a),n.val(a),name=l(this).parents(".customize-control").attr("id"),name=name.replace("customize-control-",""),o.container.trigger("ast_settings_changed",[o,n,a,name])}),o.container.find(".customize-control-ast-slider").on("input change","input[type=number]",function(){var e=jQuery(this).val();jQuery(this).closest(".wrapper").find("input[type=range]").val(e),name=l(this).parents(".customize-control").attr("id"),name=name.replace("customize-control-",""),o.container.trigger("ast_settings_changed",[o,jQuery(this),e,name])});break;case"ast-responsive-background":o.initAstResonsiveBgControl(a,e,e.name);break;case"ast-background":o.initAstBgControl(a,e,e.name);break;case"ast-border":o.initAstBorderControl(a,e,e.name)}}),e.find(".ast-field-settings-modal").data("loaded",!0)},initAstBorderControl:function(e,t,n){var a=this;a.setting._value,t.name;this.container.on("change keyup paste","input.ast-border-input",function(){a.saveBorderValue("border",jQuery(this).val(),jQuery(this),n)}),jQuery(".ast-border-connected").on("click",function(){jQuery(this).parent().parent(".ast-border-wrapper").find("input").removeClass("connected").attr("data-element-connect",""),jQuery(this).parent(".ast-border-input-item-link").removeClass("disconnected")}),jQuery(".ast-border-disconnected").on("click",function(){var e=jQuery(this).data("element-connect");jQuery(this).parent().parent(".ast-border-wrapper").find("input").addClass("connected").attr("data-element-connect",e),jQuery(this).parent(".ast-border-input-item-link").addClass("disconnected")}),jQuery(".ast-border-input-item").on("input",".connected",function(){var e=jQuery(this).attr("data-element-connect"),n=jQuery(this).val();jQuery(this).parent().parent(".ast-border-wrapper").find('.connected[ data-element-connect="'+e+'" ]').each(function(e,t){jQuery(this).val(n).change()})})},generateFieldHtml:function(e,t){var d="",l=[];_.each(e,function(e,t){new_value=wp.customize.control("astra-settings["+e.name+"]")?wp.customize.control("astra-settings["+e.name+"]").params.value:"";var n=e.control,a="customize-control-"+n+"-content",i=wp.template(a),r=new_value||e.default;e.value=r;var o="",s="";if(e.label=e.title,_.each(e.data_attrs,function(e,t){o+=" data-"+t+" ='"+e+"'"}),_.each(e.input_attrs,function(e,t){s+=t+" ='"+e+"'"}),e.dataAttrs=o,e.inputAttrs=s,l.push({key:n,value:r,name:e.name}),"ast-responsive"==n){var c=void 0===e.responsive||e.responsive;e.responsive=c}var u=e.name.replace("[","-");u=u.replace("]",""),d+="- ';var u=0;_.each(t.tabs,function(e,t){var n="";0==u&&(n="active"),r+='
- '+t+" ",u++}),r+="
',_.each(t.tabs,function(e,t){r+='
';var n=o.generateFieldHtml(e,c);r+=n.html,_.each(n.controls,function(e,t){s.push({key:e.key,value:e.value,name:e.name})}),r+="
"}),r+="
<# for ( key in data.choices ) { #>
checked="checked"<# } #>>
<# } #>
'px' );
/**
* Refresh the parameters passed to the JavaScript via JSON.
*
* @see WP_Customize_Control::to_json()
*/
public function to_json() {
parent::to_json();
$this->json['default'] = $this->setting->default;
if ( isset( $this->default ) ) {
$this->json['default'] = $this->default;
}
$val = maybe_unserialize( $this->value() );
$this->json['value'] = $val;
$this->json['choices'] = $this->choices;
$this->json['link'] = $this->get_link();
$this->json['id'] = $this->id;
$this->json['label'] = esc_html( $this->label );
$this->json['linked_choices'] = $this->linked_choices;
$this->json['unit_choices'] = $this->unit_choices;
$this->json['inputAttrs'] = '';
foreach ( $this->input_attrs as $attr => $value ) {
$this->json['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" ';
}
$this->json['inputAttrs'] = maybe_serialize( $this->input_attrs() );
}
/**
* An Underscore (JS) template for this control's content (but not its container).
*
* Class variables for this control class are available in the `data` JS object;
* export custom variables by overriding {@see WP_Customize_Control::to_json()}.
*
* @see WP_Customize_Control::print_template()
*
* @access protected
*/
protected function content_template() {
$item_link_desc = __( 'Link Values Together', 'astra' );
?>
li {
margin-bottom: 0;
display: none;
width: 35px;
height: 26px;
&.active {
display: inline-block;
}
}
button[type="button"] {
padding: 0;
cursor: pointer;
background: none;
border: none;
opacity: .75;
outline: none;
width: 100%;
height: 100%;
> i {
width: 15px;
height: 15px;
font-size: 15px;
margin-top: 1px;
}
}
}
.input-wrapper .ast-border-wrapper {
display: none;
li {
text-align: center;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin-bottom: 0;
input.ast-border-input {
text-align: center;
display: block;
font-size: 12px;
padding: 4px 0;
width: 100%;
height: 28px;
border: 1px solid #dddddd;
border-right-width: 0;
box-shadow: none;
padding-left: 11px;
}
.ast-border-connected {
color: #ffffff;
}
&:last-child input.ast-border-input {
border-right-width: 1px;
border-radius: 0 3px 3px 0;
}
}
&.active {
display: flex;
}
span.ast-border-title {
text-transform: uppercase;
font-size: 10px;
opacity: .75;
}
.ast-border-input-item-link {
.ast-border-connected {
display: none;
}
&.disconnected {
.ast-border-disconnected {
display: none;
}
.ast-border-connected {
display: block;
}
}
span {
width: 35px;
height: 26px;
line-height: 26px;
font-size: 14px;
border: 1px solid #dddddd;
background-color: #ffffff;
border-radius: 3px 0 0 3px;
border-right-width: 0;
}
.ast-border-connected {
background-color: #1e8cbe;
}
}
}
} border/index.php 0000666 00000000157 15214273034 0007651 0 ustar 00 json['default'] = $this->setting->default;
if ( isset( $this->default ) ) {
$this->json['default'] = $this->default;
}
$this->json['id'] = $this->id;
$this->json['link'] = $this->get_link();
$this->json['value'] = maybe_unserialize( $this->value() );
$this->json['choices'] = $this->choices;
$this->json['inputAttrs'] = '';
foreach ( $this->input_attrs as $attr => $value ) {
$this->json['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" ';
}
$this->json['inputAttrs'] = maybe_serialize( $this->input_attrs() );
}
/**
* An Underscore (JS) template for this control's content (but not its container).
*
* Class variables for this control class are available in the `data` JS object;
* export custom variables by overriding {@see WP_Customize_Control::to_json()}.
*
* @see WP_Customize_Control::print_template()
*
* @access protected
*/
protected function content_template() {
?>
__( 'No file selected', 'astra' ),
'lessSettings' => __( 'Less Settings', 'astra' ),
'moreSettings' => __( 'More Settings', 'astra' ),
)
);
}
/**
* Add Control to self::$controls and Register control to WordPress Customizer.
*
* @param String $name Slug for the control.
* @param Array $atts Control Attributes.
* @return void
*/
public static function add_control( $name, $atts ) {
global $wp_customize;
self::$controls[ $name ] = $atts;
if ( isset( $atts['callback'] ) ) {
/**
* Register controls
*/
$wp_customize->register_control_type( $atts['callback'] );
}
}
/**
* Returns control instance
*
* @param string $control_type control type.
* @since 1.4.3
* @return string
*/
public static function get_control_instance( $control_type ) {
$control_class = self::get_control( $control_type );
if ( isset( $control_class['callback'] ) ) {
return class_exists( $control_class['callback'] ) ? $control_class['callback'] : false;
}
return false;
}
/**
* Returns control and its attributes
*
* @param string $control_type control type.
* @since 1.4.3
* @return array
*/
public static function get_control( $control_type ) {
if ( isset( self::$controls[ $control_type ] ) ) {
return self::$controls[ $control_type ];
}
return array();
}
/**
* Returns Santize callback for control
*
* @param string $control control.
* @since 1.4.3
* @return string
*/
public static function get_sanitize_call( $control ) {
if ( isset( self::$controls[ $control ]['sanitize_callback'] ) ) {
return self::$controls[ $control ]['sanitize_callback'];
}
return false;
}
}
}
/**
* Kicking this off by calling 'get_instance()' method
*/
new Astra_Customizer_Control_Base();
select/class-astra-control-select.php 0000666 00000003477 15214273034 0013724 0 ustar 00 json['default'] = $this->setting->default;
if ( isset( $this->default ) ) {
$this->json['default'] = $this->default;
}
$this->json['value'] = $this->value();
$this->json['label'] = esc_html( $this->label );
}
/**
* An Underscore (JS) template for this control's content (but not its container).
*
* Class variables for this control class are available in the `data` JS object;
* export custom variables by overriding {@see WP_Customize_Control::to_json()}.
*
* @see WP_Customize_Control::print_template()
*
* @access protected
*/
protected function content_template() {
?>
<# if ( data.label ) { #>
<# } #>
<# if ( data.value['background-image'] ) { #>
<# } else { #>
<# } #>
<# } #> .background-container.desktop > .background-repeat' ).hide(); control.container.find( '.background-wrapper > .background-container.desktop > .background-position' ).hide(); control.container.find( '.background-wrapper > .background-container.desktop > .background-size' ).hide(); control.container.find( '.background-wrapper > .background-container.desktop > .background-attachment' ).hide(); } if ( _.isUndefined( value['tablet']['background-image']) || '' === value['tablet']['background-image']) { control.container.find( '.background-wrapper > .background-container.tablet > .background-repeat' ).hide(); control.container.find( '.background-wrapper > .background-container.tablet > .background-position' ).hide(); control.container.find( '.background-wrapper > .background-container.tablet > .background-size' ).hide(); control.container.find( '.background-wrapper > .background-container.tablet > .background-attachment' ).hide(); } if ( _.isUndefined( value['mobile']['background-image']) || '' === value['mobile']['background-image']) { control.container.find( '.background-wrapper > .background-container.mobile > .background-repeat' ).hide(); control.container.find( '.background-wrapper > .background-container.mobile > .background-position' ).hide(); control.container.find( '.background-wrapper > .background-container.mobile > .background-size' ).hide(); control.container.find( '.background-wrapper > .background-container.mobile > .background-attachment' ).hide(); } // Color. picker.wpColorPicker({ change: function(event, ui) { var device = jQuery( this ).data( 'id' ); if ( jQuery('html').hasClass('responsive-background-img-ready') ) { control.saveValue( device, 'background-color', ui.color.toString() ); } }, /** * @param {Event} event - standard jQuery event, produced by "Clear" * button. */ clear: function (event) { var element = jQuery(event.target).closest('.wp-picker-input-wrap').find('.wp-color-picker')[0], responsive_input = jQuery( this ), screen = responsive_input.closest('.wp-picker-input-wrap').find('.wp-color-picker').data( 'id' ); if (element) { control.saveValue( screen, 'background-color', '' ); } } }); // Background-Repeat. control.container.on( 'change', '.background-repeat select', function() { var responsive_input = jQuery( this ), screen = responsive_input.data( 'id' ), item_value = responsive_input.val(); control.saveValue( screen, 'background-repeat', item_value ); }); // Background-Size. control.container.on( 'change click', '.background-size input', function() { var responsive_input = jQuery( this ), screen = responsive_input.data( 'id' ), item_value = responsive_input.val(); responsive_input.parent( '.buttonset' ).find( '.switch-input' ).removeAttr('checked'); responsive_input.attr( 'checked', 'checked' ); control.saveValue( screen, 'background-size', item_value ); }); // Background-Position. control.container.on( 'change', '.background-position select', function() { var responsive_input = jQuery( this ), screen = responsive_input.data( 'id' ), item_value = responsive_input.val(); control.saveValue( screen, 'background-position', item_value ); }); // Background-Attachment. control.container.on( 'change click', '.background-attachment input', function() { var responsive_input = jQuery( this ), screen = responsive_input.data( 'id' ), item_value = responsive_input.val(); responsive_input.parent( '.buttonset' ).find( '.switch-input' ).removeAttr('checked'); responsive_input.attr( 'checked', 'checked' ); control.saveValue( screen, 'background-attachment', item_value ); }); // Background-Image. control.container.on( 'click', '.background-image-upload-button', function( e ) { var responsive_input = jQuery( this ), screen = responsive_input.data( 'id' ); var image = wp.media({ multiple: false }).open().on( 'select', function() { // This will return the selected image from the Media Uploader, the result is an object. var uploadedImage = image.state().get( 'selection' ).first(), previewImage = uploadedImage.toJSON().sizes.full.url, imageUrl, imageID, imageWidth, imageHeight, preview, removeButton; if ( ! _.isUndefined( uploadedImage.toJSON().sizes.medium ) ) { previewImage = uploadedImage.toJSON().sizes.medium.url; } else if ( ! _.isUndefined( uploadedImage.toJSON().sizes.thumbnail ) ) { previewImage = uploadedImage.toJSON().sizes.thumbnail.url; } imageUrl = uploadedImage.toJSON().sizes.full.url; imageID = uploadedImage.toJSON().id; imageWidth = uploadedImage.toJSON().width; imageHeight = uploadedImage.toJSON().height; // Show extra controls if the value has an image. if ( '' !== imageUrl ) { control.container.find( '.background-wrapper > .background-repeat, .background-wrapper > .background-position, .background-wrapper > .background-size, .background-wrapper > .background-attachment' ).show(); } control.saveValue( screen, 'background-image', imageUrl ); preview = control.container.find( '.background-container.'+screen+' .placeholder, .background-container.'+screen+' .thumbnail' ); removeButton = control.container.find( '.background-container.'+screen+' .background-image-upload-remove-button' ); if ( preview.length ) { preview.removeClass().addClass( 'thumbnail thumbnail-image' ).html( '