' . esc_html__( 'By default content elements "stack" one on top other when screen size is smaller than 768px. Change the value to change "stacking" size.', 'js_composer' ) . '
';
}
/**
*
*/
public function compiled_js_composer_less_callback() {
$field = 'compiled_js_composer_less';
echo ''; // VALUE must be empty
}
/**
* @param $key
*
* @return string
*/
public function getDefault( $key ) {
return ! empty( self::$defaults[ $key ] ) ? self::$defaults[ $key ] : '';
}
/**
* Callback function for settings section
*
* @param $tab
*/
public function setting_section_callback_function( $tab ) {
if ( 'wpb_js_composer_settings_color' === $tab['id'] ) {
echo '
' . esc_html__( 'Here you can tweak default WPBakery Page Builder content elements visual appearance. By default WPBakery Page Builder is using neutral light-grey theme. Changing "Main accent color" will affect all content elements if no specific "content block" related color is set.', 'js_composer' ) . '
';
}
}
/**
* @param $rules
*
* @return mixed
*/
public function sanitize_not_responsive_css_callback( $rules ) {
return (bool) $rules;
}
/**
* @param $subsets
*
* @return array
*/
public function sanitize_google_fonts_subsets_callback( $subsets ) {
$pt_array = array();
if ( isset( $subsets ) && is_array( $subsets ) ) {
foreach ( $subsets as $pt ) {
if ( ! in_array( $pt, $this->getGoogleFontsSubsetsExcluded(), true ) && in_array( $pt, $this->getGoogleFontsSubsets(), true ) ) {
$pt_array[] = $pt;
}
}
}
return $pt_array;
}
/**
* @param $rules
*
* @return mixed
*/
public function sanitize_use_custom_callback( $rules ) {
return (bool) $rules;
}
/**
* @param $css
*
* @return mixed
*/
public function sanitize_custom_css_callback( $css ) {
return wp_strip_all_tags( $css );
}
/**
* @param $css
*
* @return mixed
*/
public function sanitize_compiled_js_composer_less_callback( $css ) {
return $css;
}
/**
* @param $color
*
* @return mixed
*/
public function sanitize_color_callback( $color ) {
return $color;
}
/**
* @param $margin
*
* @return mixed
*/
public function sanitize_margin_callback( $margin ) {
$margin = preg_replace( '/\s/', '', $margin );
if ( ! preg_match( '/^\d+(px|%|em|pt){0,1}$/', $margin ) ) {
add_settings_error( self::$field_prefix . 'margin', 1, esc_html__( 'Invalid Margin value.', 'js_composer' ), 'error' );
}
return $margin;
}
/**
* @param $gutter
*
* @return mixed
*/
public function sanitize_gutter_callback( $gutter ) {
$gutter = preg_replace( '/[^\d]/', '', $gutter );
if ( ! $this->_isGutterValid( $gutter ) ) {
add_settings_error( self::$field_prefix . 'gutter', 1, esc_html__( 'Invalid Gutter value.', 'js_composer' ), 'error' );
}
return $gutter;
}
/**
* @param $responsive_max
*
* @return mixed
*/
public function sanitize_responsive_max_callback( $responsive_max ) {
if ( ! $this->_isNumberValid( $responsive_max ) ) {
add_settings_error( self::$field_prefix . 'responsive_max', 1, esc_html__( 'Invalid "Responsive max" value.', 'js_composer' ), 'error' );
}
return $responsive_max;
}
/**
* @param $number
*
* @return int
*/
public static function _isNumberValid( $number ) {
return preg_match( '/^[\d]+(\.\d+){0,1}$/', $number );
}
/**
* @param $gutter
*
* @return int
*/
public static function _isGutterValid( $gutter ) {
return self::_isNumberValid( $gutter );
}
/**
* @return mixed|void
*/
public function useCustomCss() {
$use_custom = get_option( self::$field_prefix . 'use_custom', false );
return $use_custom;
}
/**
* @return mixed|void
*/
public function getCustomCssVersion() {
$less_version = get_option( self::$field_prefix . 'less_version', false );
return $less_version;
}
/**
*
*/
public function rebuild() {
/** WordPress Template Administration API */
require_once ABSPATH . 'wp-admin/includes/template.php';
/** WordPress Administration File API */
require_once ABSPATH . 'wp-admin/includes/file.php';
delete_option( self::$field_prefix . 'compiled_js_composer_less' );
$this->initAdmin();
$this->buildCustomCss(); // TODO: remove this - no needs to re-save always
}
/**
*
*/
public static function buildCustomColorCss() {
/**
* Filesystem API init.
* */
$url = wp_nonce_url( 'admin.php?page=vc-color&build_css=1', 'wpb_js_settings_save_action' );
self::getFileSystem( $url );
/** @var \WP_Filesystem_Direct $wp_filesystem */ global $wp_filesystem;
/**
*
* Building css file.
*
*/
$js_composer_upload_dir = self::checkCreateUploadDir( $wp_filesystem, 'use_custom', 'js_composer_front_custom.css' );
if ( ! $js_composer_upload_dir ) {
return;
}
$filename = $js_composer_upload_dir . '/js_composer_front_custom.css';
$use_custom = get_option( self::$field_prefix . 'use_custom' );
if ( ! $use_custom ) {
$wp_filesystem->put_contents( $filename, '', FS_CHMOD_FILE );
return;
}
$css_string = get_option( self::$field_prefix . 'compiled_js_composer_less' );
if ( strlen( trim( $css_string ) ) > 0 ) {
update_option( self::$field_prefix . 'less_version', WPB_VC_VERSION );
delete_option( self::$field_prefix . 'compiled_js_composer_less' );
$css_string = wp_strip_all_tags( $css_string );
// HERE goes the magic
if ( ! $wp_filesystem->put_contents( $filename, $css_string, FS_CHMOD_FILE ) ) {
if ( is_wp_error( $wp_filesystem->errors ) && $wp_filesystem->errors->get_error_code() ) {
add_settings_error( self::$field_prefix . 'main_color', $wp_filesystem->errors->get_error_code(), esc_html__( 'Something went wrong: js_composer_front_custom.css could not be created.', 'js_composer' ) . ' ' . $wp_filesystem->errors->get_error_message(), 'error' );
} elseif ( ! $wp_filesystem->connect() ) {
add_settings_error( self::$field_prefix . 'main_color', $wp_filesystem->errors->get_error_code(), esc_html__( 'js_composer_front_custom.css could not be created. Connection error.', 'js_composer' ), 'error' );
} elseif ( ! $wp_filesystem->is_writable( $filename ) ) {
add_settings_error( self::$field_prefix . 'main_color', $wp_filesystem->errors->get_error_code(), sprintf( esc_html__( 'js_composer_front_custom.css could not be created. Cannot write custom css to "%s".', 'js_composer' ), $filename ), 'error' );
} else {
add_settings_error( self::$field_prefix . 'main_color', $wp_filesystem->errors->get_error_code(), esc_html__( 'js_composer_front_custom.css could not be created. Problem with access.', 'js_composer' ), 'error' );
}
delete_option( self::$field_prefix . 'use_custom' );
delete_option( self::$field_prefix . 'less_version' );
}
}
}
/**
* Builds custom css file using css options from vc settings.
*
* @return bool
*/
public static function buildCustomCss() {
/**
* Filesystem API init.
* */
$url = wp_nonce_url( 'admin.php?page=vc-color&build_css=1', 'wpb_js_settings_save_action' );
self::getFileSystem( $url );
/** @var \WP_Filesystem_Direct $wp_filesystem */ global $wp_filesystem;
/**
* Building css file.
*/
$js_composer_upload_dir = self::checkCreateUploadDir( $wp_filesystem, 'custom_css', 'custom.css' );
if ( ! $js_composer_upload_dir ) {
return true;
}
$filename = $js_composer_upload_dir . '/custom.css';
$css_string = '';
$custom_css_string = get_option( self::$field_prefix . 'custom_css' );
if ( ! empty( $custom_css_string ) ) {
$assets_url = vc_asset_url( '' );
$css_string .= preg_replace( '/(url\(\.\.\/(?!\.))/', 'url(' . $assets_url, $custom_css_string );
$css_string = wp_strip_all_tags( $css_string );
}
if ( ! $wp_filesystem->put_contents( $filename, $css_string, FS_CHMOD_FILE ) ) {
if ( is_wp_error( $wp_filesystem->errors ) && $wp_filesystem->errors->get_error_code() ) {
add_settings_error( self::$field_prefix . 'custom_css', $wp_filesystem->errors->get_error_code(), esc_html__( 'Something went wrong: custom.css could not be created.', 'js_composer' ) . $wp_filesystem->errors->get_error_message(), 'error' );
} elseif ( ! $wp_filesystem->connect() ) {
add_settings_error( self::$field_prefix . 'custom_css', $wp_filesystem->errors->get_error_code(), esc_html__( 'custom.css could not be created. Connection error.', 'js_composer' ), 'error' );
} elseif ( ! $wp_filesystem->is_writable( $filename ) ) {
add_settings_error( self::$field_prefix . 'custom_css', $wp_filesystem->errors->get_error_code(), sprintf( esc_html__( 'custom.css could not be created. Cannot write custom css to %s.', 'js_composer' ), $filename ), 'error' );
} else {
add_settings_error( self::$field_prefix . 'custom_css', $wp_filesystem->errors->get_error_code(), esc_html__( 'custom.css could not be created. Problem with access.', 'js_composer' ), 'error' );
}
return false;
}
return true;
}
/**
* @param \WP_Filesystem_Direct $wp_filesystem
* @param $option
* @param $filename
*
* @return bool|string
*/
public static function checkCreateUploadDir( $wp_filesystem, $option, $filename ) {
$js_composer_upload_dir = self::uploadDir();
if ( ! $wp_filesystem->is_dir( $js_composer_upload_dir ) ) {
if ( ! $wp_filesystem->mkdir( $js_composer_upload_dir, 0777 ) ) {
add_settings_error( self::$field_prefix . $option, $wp_filesystem->errors->get_error_code(), sprintf( esc_html__( '%s could not be created. Not available to create js_composer directory in uploads directory (%s).', 'js_composer' ), $filename, $js_composer_upload_dir ), 'error' );
return false;
}
}
return $js_composer_upload_dir;
}
/**
* @return string
*/
public static function uploadDir() {
$upload_dir = wp_upload_dir();
/** @var \WP_Filesystem_Direct $wp_filesystem */ global $wp_filesystem;
return $wp_filesystem->find_folder( $upload_dir['basedir'] ) . vc_upload_dir();
}
/**
* @return string
*/
public static function uploadURL() {
$upload_dir = wp_upload_dir();
return $upload_dir['baseurl'] . vc_upload_dir();
}
/**
* @return string
*/
public static function getFieldPrefix() {
return self::$field_prefix;
}
/**
* @param string $url
* @return \WP_Filesystem_Direct|bool
*/
protected static function getFileSystem( $url = '' ) {
/** @var \WP_Filesystem_Direct $wp_filesystem */ global $wp_filesystem;
$status = true;
if ( ! $wp_filesystem || ! is_object( $wp_filesystem ) ) {
require_once ABSPATH . '/wp-admin/includes/file.php';
$status = WP_Filesystem( false, false, true );
}
return $status ? $wp_filesystem : false;
}
/**
* @return string
*/
public function getOptionGroup() {
return $this->option_group;
}
}