composer = WPBakeryVisualComposer::getInstance();
$this->tabs = array();
if($this->showConfigurationTabs()) {
$this->tabs['general'] = __('General Settings', 'js_composer');
}
if($composer->isPlugin() && !$composer->settingsAsTheme() && $this->showConfigurationTabs()) {
$this->tabs['color'] = __('Design Options', 'js_composer');
$this->tabs['element_css'] = __('Element Class Names', 'js_composer');
$this->tabs['custom_css'] = __('Custom CSS', 'js_composer');
}
if(!$this->composer->isNetworkPlugin() || ($this->composer->isNetworkPlugin() && is_network_admin())) {
if(!$composer->updaterDisabled()) $this->tabs['updater'] = __('Product License', 'js_composer');
}
$this->tabs = apply_filters('vc_settings_tabs', $this->tabs);
if(!empty($_COOKIE['wpb_js_composer_settings_active_tab']) && isset($this->tabs[str_replace('#vc-settings-', '', $_COOKIE['wpb_js_composer_settings_active_tab'])])) {
$this->active_tab = str_replace('#vc-settings-', '', $_COOKIE['wpb_js_composer_settings_active_tab']);
} else if(!empty($_GET['tab']) && isset($this->tabs[$_GET['tab']])) {
$this->active_tab = $_GET['tab'];
} elseif(!$this->showConfigurationTabs()) {
$this->active_tab = 'updater';
} else {
$this->active_tab = 'general';
}
self::$color_settings = array(
array('vc_color' => array('title' => __('Main accent color', 'js_composer'))),
array('vc_color_hover' => array('title' =>__('Hover color', 'js_composer'))),
array('vc_color_call_to_action_bg' => array('title' =>__('Call to action background color', 'js_composer'))),
//array('vc_color_call_to_action_border' => array('title' =>__('Call to action border color', 'js_composer'))),
array('vc_color_google_maps_bg' => array('title' =>__('Google maps background color', 'js_composer'))),
array('vc_color_post_slider_caption_bg' => array('title' =>__('Post slider caption background color', 'js_composer'))),
array('vc_color_progress_bar_bg' => array('title' =>__('Progress bar background color', 'js_composer'))),
array('vc_color_separator_border' => array('title' =>__('Separator border color', 'js_composer'))),
array('vc_color_tab_bg' => array('title' =>__('Tabs navigation background color', 'js_composer'))),
array('vc_color_tab_bg_active' => array('title' =>__('Active tab background color', 'js_composer')))
);
self::$defaults = array(
'vc_color' => '#f7f7f7',
'vc_color_hover' => '#F0F0F0',
'margin' => '35px',
'gutter' => '2.5',
'responsive_max' => '480'
);
$vc_action = !empty($_POST['vc_action']) ? $_POST['vc_action'] : (!empty($_GET['vc_action']) ? $_GET['vc_action'] : '');
if($vc_action=='restore_color') {
$this->restoreColor();
} elseif($vc_action=='remove_all_css_classes') {
$this->removeAllCssClasses();
}
}
public function showConfigurationTabs() {
return !$this->composer->isNetworkPlugin() || !is_network_admin();
}
/**
* Init settings page && menu item
*/
public function init() {
if($this->composer->isNetworkPlugin() && is_network_admin()) {
$page = add_menu_page(__("Visual Composer Settings", "js_composer"),
__("Visual Composer", "js_composer"),
'manage_options',
$this->page,
array(&$this, 'output'));
} else {
$page = add_options_page(__("Visual Composer Settings", "js_composer"),
__("Visual Composer", "js_composer"),
'manage_options',
$this->page,
array(&$this, 'output'));
}
add_action("load-$page", array(&$this, 'admin_load'));
$this->deactivate = $this->composer->getDeactivationLicense();
/**
* General Settings
*/
$tab_prefix = '_general';
if( WPBakeryVisualComposer::getInstance()->isPlugin() ) {
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'content_types', array($this, 'sanitize_post_types_callback'));
} else {
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'theme_content_types', array($this, 'sanitize_post_types_callback'));
}
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'groups_access_rules', array($this, 'sanitize_group_access_rules_callback'));
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'not_responsive_css', array($this, 'sanitize_not_responsive_css_callback'));
add_settings_section($this->option_group.$tab_prefix,
null,
array(&$this, 'setting_section_callback_function'),
$this->page.$tab_prefix);
if( WPBakeryVisualComposer::getInstance()->isPlugin() ) {
add_settings_field(self::$field_prefix.'content_types', __("Content types", "js_composer"), array(&$this, 'content_types_field_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix);
} else {
add_settings_field(self::$field_prefix.'theme_content_types', __("Content types", "js_composer"), array(&$this, 'theme_content_types_field_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix);
}
add_settings_field(self::$field_prefix.'groups_access_rules', __("User groups access rules", "js_composer"), array(&$this, 'groups_access_rules_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix);
add_settings_field(self::$field_prefix.'not_responsive_css', __("Disable responsive content elements", "js_composer"), array(&$this, 'not_responsive_css_field_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix);
/**
* Color Options
*/
$tab_prefix = '_color';
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'use_custom', array($this, 'sanitize_use_custom_callback'));
add_settings_field(self::$field_prefix.'use_custom', __('Use custom design options', 'js_composer'), array(&$this, 'use_custom_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix, array('id' => 'use_custom'));
// add_action('update_option_'.self::$field_prefix.'use_custom', array(&$this, 'buildCustomColorCss'));
// add_action('add_option_'.self::$field_prefix.'use_custom', array(&$this, 'buildCustomColorCss'));
foreach(self::$color_settings as $color_set) {
foreach($color_set as $key => $data) {
register_setting($this->option_group.$tab_prefix, self::$field_prefix.$key, array($this, 'sanitize_color_callback'));
add_settings_field(self::$field_prefix.$key, $data['title'], array(&$this, 'color_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix, array('id' => $key));
// add_action('update_option_'.self::$field_prefix.$key, array(&$this, 'buildCustomColorCss'));
// add_action('add_option_'.self::$field_prefix.$key, array(&$this, 'buildCustomColorCss'));
}
}
// Margin
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'margin', array($this, 'sanitize_margin_callback'));
add_settings_field(self::$field_prefix.'margin', __('Elements bottom margin', 'js_composer'), array(&$this, 'margin_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix, array('id' => 'margin'));
// add_action('update_option_'.self::$field_prefix.'margin', array(&$this, 'buildCustomColorCss'));
// Gutter
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'gutter', array($this, 'sanitize_gutter_callback'));
add_settings_field(self::$field_prefix.'gutter', __('Grid gutter width', 'js_composer'), array(&$this, 'gutter_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix, array('id' => 'gutter'));
/// add_action('update_option_'.self::$field_prefix.'gutter', array(&$this, 'buildCustomColorCss'));
// Responsive max width
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'responsive_max', array($this, 'sanitize_responsive_max_callback'));
add_settings_field(self::$field_prefix.'responsive_max', __('Mobile screen width', 'js_composer'), array(&$this, 'responsive_max_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix, array('id' => 'responsive_max'));
// add_action('update_option_'.self::$field_prefix.'responsive_max', array(&$this, 'buildCustomColorCss'));
add_settings_section($this->option_group.$tab_prefix,
null,
array(&$this, 'setting_section_callback_function'),
$this->page.$tab_prefix);
/**
* Element Class names
*/
$tab_prefix = '_element_css';
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'row_css_class', array($this, 'sanitize_row_css_class_callback'));
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'column_css_classes', array($this, 'sanitize_column_css_classes_callback'));
add_settings_section($this->option_group.$tab_prefix,
null, array(&$this, 'setting_section_callback_function'),
$this->page.$tab_prefix);
add_settings_field(self::$field_prefix.'row_css_class', "Row CSS class name", array(&$this, 'row_css_class_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix);
add_settings_field(self::$field_prefix.'column_css_classes', "Columns CSS class names", array(&$this, 'column_css_classes_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix);
/**
* Custom CSS
*/
$tab_prefix = '_custom_css';
register_setting($this->option_group.$tab_prefix, self::$field_prefix.'custom_css', array($this, 'sanitize_custom_css_callback'));
// add_action('update_option_'.self::$field_prefix.'custom_css', array(&$this, 'buildCustomCss'));
add_settings_section($this->option_group.$tab_prefix,
null,
array(&$this, 'setting_section_callback_function'),
$this->page.$tab_prefix);
add_settings_field(self::$field_prefix.'custom_css', __("Paste your CSS code", "js_composer"), array(&$this, 'custom_css_field_callback'), $this->page.$tab_prefix, $this->option_group.$tab_prefix);
foreach($this->tabs as $tab => $title) {
do_action('vc_settings_tab-'.$tab, $this);
}
$tab = 'updater';
$this->addSection($tab, null, array(&$this, 'setting_section_callback_function'));
$this->addField($tab, __('Envato Username', 'js_composer'), 'envato_username', array(&$this, 'sanitize_envato_username'), array(&$this, 'envato_username_callback'));
$this->addField($tab, __('Secret API Key', 'js_composer'), 'envato_api_key', array(&$this, 'sanitize_envato_api_key'), array(&$this, 'envato_api_key_callback'));
$this->addField($tab, __('Visual Composer License Key', 'js_composer'), 'js_composer_purchase_code', array(&$this, 'sanitize_js_composer_purchase_code'), array(&$this, 'js_composer_purchase_code_callback'));
}
/**
* Creates new section.
* @param $tab - tab key name as tab section
* @param $title - Human title
* @param $callback - function to build section header.
*/
public function addSection($tab, $title = null, $callback = null) {
add_settings_section($this->option_group.'_'.$tab, $title, ($callback!==null ? $callback : array(&$this, 'setting_section_callback_function')), $this->page.'_'.$tab);
}
/**
* Create field in section.
* @param $tab
* @param $title
* @param $field_name
* @param $sanitize_callback
* @param $field_callback
* @param array $args
*/
public function addField($tab, $title, $field_name, $sanitize_callback, $field_callback, $args = array()) {
register_setting($this->option_group.'_'.$tab, self::$field_prefix.$field_name, $sanitize_callback);
add_settings_field(self::$field_prefix.$field_name, $title, $field_callback, $this->page.'_'.$tab, $this->option_group.'_'.$tab, $args);
return $this; // chaining
}
public function restoreColor() {
foreach(self::$color_settings as $color_sett) {
foreach($color_sett as $key => $value) {
delete_option(self::$field_prefix.$key);
}
}
delete_option(self::$field_prefix.'margin');
delete_option(self::$field_prefix.'gutter');
delete_option(self::$field_prefix.'responsive_max');
delete_option(self::$field_prefix.'use_custom');
// $this->buildCustomColorCss();
wp_redirect(!empty($_POST['_wp_http_referer']) ? preg_replace('/tab\=/', 'tab_old=',$_POST['_wp_http_referer']).'&tab=color' : '/options-general.php?page=wpb_vc_settings&tab=color');
}
public function removeAllCssClasses() {
delete_option(self::$field_prefix.'row_css_class');
delete_option(self::$field_prefix.'column_css_classes');
wp_redirect(!empty($_POST['_wp_http_referer']) ? preg_replace('/tab\=/', 'tab_old=',$_POST['_wp_http_referer']).'&tab=element_css' : '/options-general.php?page=wpb_vc_settings&tab=element_css');
}
public static function get($option_name) {
return get_option(self::$field_prefix.$option_name);
}
/**
* Set up the enqueue for the CSS & JavaScript files.
*
*/
function admin_load() {
/*
get_current_screen()->add_help_tab( array(
'id' => 'overview',
'title' => __('Overview'),
'content' =>
''
) );
get_current_screen()->set_help_sidebar(
'' . __( 'For more information:' ) . '
'
);
*/
wp_register_script('wpb_js_composer_settings', $this->composer->assetURL( 'js/backend/composer-settings-page.js' ), array('jquery', 'wpb_js_composer_js_tools'), WPB_VC_VERSION, true);
wp_enqueue_style('js_composer_settings');
wp_enqueue_script('jquery-ui-accordion');
wp_enqueue_script('wpb_js_composer_settings');
setcookie('wpb_js_composer_settings_active_tab');
$this->locale = array(
'are_you_sure_reset_css_classes' => __('Are you sure you want to reset to defaults?', 'js_composer'),
'are_you_sure_reset_color' => __('Are you sure you want to reset to defaults?', 'js_composer'),
'vc_updater_error' => __('Something went wrong! Please try again later.', 'js_composer'),
'vc_updater_license_activation_success' => __('License successfully activated. Thank you!', 'js_composer'),
'vc_updater_license_deactivation_success' =>__('Your license key is deactivated.', 'js_composer'),
'vc_updater_empty_data' => __('Envato username and license key are required.', 'js_composer'),
'vc_updater_wrong_license_key' => __('Invalid liense key. Please check information in your envato profile.', 'js_composer'),
'vc_updater_wrong_data' => __('Wrong data. Please check your information or ask support for help.', 'js_composer'),
'vc_updater_already_activated' => __('License successfully activated. Thank you! (401)', 'js_composer'),
'vc_updater_already_activated_another_url' => sprintf(__('Your license key is already activated on another website ({site}), you should deactivate it first or obtain new license key .', 'js_composer'), esc_url( "http://bit.ly/vcomposer" )),
'vc_updater_activate_license' => __('Activate license', 'js_composer'),
'vc_updater_deactivate_license' => __('Deactivate license', 'js_composer')
);
wp_localize_script( 'wpb_js_composer_settings', 'i18nLocaleSettings', $this->locale );
}
/**
* Access groups
*
*/
public function groups_access_rules_callback() {
$groups = get_editable_roles();
$settings = ( $settings = get_option(self::$field_prefix.'groups_access_rules')) ? $settings : array();
$show_types = array(
'all' => __('Show Visual Composer & default editor', 'js_composer'),
'only' => __('Show only Visual Composer', 'js_composer'),
'no' => __("Don't allow to use Visual Composer", 'js_composer')
);
$shortcodes = WPBMap::getShortCodes();
$size_line = ceil(count(array_keys($shortcodes))/3);
?>
$params):
if(isset($params['capabilities']['edit_posts']) && $params['capabilities']['edit_posts']===true):
$allowed_setting = isset($settings[$key]['show']) ? $settings[$key]['show'] : 'all';
$shortcode_settings = isset($settings[$key]['shortcodes']) ? $settings[$key]['shortcodes'] : array();
?>
$name): ?>
>
$el): ?>
config('default_post_types');
foreach ($this->getPostTypes() as $pt) {
if (!in_array($pt, $this->getExcluded())) {
$checked = (in_array($pt, $pt_array)) ? ' checked="checked"' : '';
?>
'.$value.'';
echo ''.__("If you want to add some custom CSS code to the plugin and don't want to modify any files, then it's a good place to enter your code at this field.", "js_composer").'
'; // TODO: Rewrite it
}
/**
* Not responsive checkbox callback function
*/
public function not_responsive_css_field_callback() {
$checked = ($checked = get_option(self::$field_prefix.'not_responsive_css')) ? $checked : false;
?>
'.__('Empty value', "js_composer").'';
// echo ''.__('To change class name for the row element, enter it here. By default vc_row is used.', 'js_composer').'
';
}
/**
* Content types checkboxes list callback function
*/
public function column_css_classes_callback() {
$classes = ($classes = get_option(self::$field_prefix.'column_css_classes')) ? $classes : array();
for($i=1;$i<=12;$i++) {
if( !empty($classes['span'.$i]) ) {
$v= $classes['span'.$i];
} else {
$v = ''.__('Empty value', "js_composer").' ';
}
$id = self::$field_prefix.'column_css_classes_span_'.$i;
echo '';
echo ''.sprintf('Span %d:', $i).' ';
// echo '
';
}
?>
_e("To change class names for the columns elements, enter them here. By default vc_spanX are used, where X number from 1 to 12.", "js_composer"); ?>
getDefault($args['id']);
echo ''.__('', 'js_composer').'
';
}
public function margin_callback($args) {
$value = ($value = get_option(self::$field_prefix.$args['id'])) ? $value : $this->getDefault($args['id']);
echo ''.__('To change default vertical spacing between content elements, enter new value here. Example: 20px', 'js_composer').'
';
}
public function gutter_callback($args) {
$value = ($value = get_option(self::$field_prefix.$args['id'])) ? $value : $this->getDefault($args['id']);
echo ''.__('To change default horizontal spacing between columns, enter new value in percents here.', 'js_composer').'
';
}
public function responsive_max_callback($args) {
$value = ($value = get_option(self::$field_prefix.$args['id'])) ? $value : $this->getDefault($args['id']);
echo ''.__('By default content elements "stack" one on top other when screen size is smaller then 480px. Here you can change that value if needed.', 'js_composer').'
';
}
public function envato_username_callback() {
$field = 'envato_username';
$value = ($value = get_option(self::$field_prefix.$field)) ? $value : '';
echo ''.__('Your Envato username.', 'js_composer').'
';
}
public function js_composer_purchase_code_callback() {
$field = 'js_composer_purchase_code';
$value = ($value = get_option(self::$field_prefix.$field)) ? $value : '';
echo ''.__('Your Item Purchase Code contained within the License Certificate which is accessible in your Envato account. o view your License Certificate: Login to your Envato account and visit Downloads section, then click "Download" button to reveal "License Certificate" link.', 'js_composer').'
';
echo ''. sprintf( __( 'Please enter your CodeCanyon Visual Composer license key, you can find your key by following the instructions on this page .', 'js_composer' ), esc_url( "http://kb.wpbakery.com/index.php?title=Item_Verification_Code" ) ) . '
';
}
public function envato_api_key_callback() {
$field = 'envato_api_key';
$value = ($value = get_option(self::$field_prefix.$field)) ? $value : '';
echo ''.__("You can find API key by visiting your Envato Account page, then clicking the My Settings tab. At the bottom of the page you'll find your account's API key.", 'js_composer').'
';
}
public function getDefault($key) {
return !empty(self::$defaults[$key]) ? self::$defaults[$key] : '';
}
public function disableIfActivated() {
if(!isset($this->deactivate_license)) $this->deactivate_license = $this->composer->getDeactivationLicense();
return empty($this->deactivate_license) ? '' : ' disabled="true" class="vc-updater-passive"';
}
/**
* Callback function for settings section
*
*
*/
public function setting_section_callback_function($tab) {
if ($tab["id"]=='wpb_js_composer_settings_color'): ?>
A license key may only be used for one Visual Composer installation on one WordPress site at a time. If you previosly activated your license key on another site, then you should deactivate it first or obtain new license key .', 'js_composer'), esc_url( "http://bit.ly/vcomposer" )); ?>
true));
}
/**
* Sanitize functions
*
*/
// {{
/**
* Access rules for user's groups
*
* @param $rules - Array of selected rules for each user's group
*/
public function sanitize_group_access_rules_callback($rules) {
$sanitize_rules= array();
$groups = get_editable_roles();
foreach($groups as $key => $params) {
if(isset($rules[$key])) $sanitize_rules[$key] = $rules[$key];
}
return $sanitize_rules;
}
public function sanitize_not_responsive_css_callback($rules) {
return $rules;
}
public function sanitize_row_css_class_callback($value) {
return $value; // return preg_match('/^[a-z_]\w+$/i', $value) ? $value : '';
}
public function sanitize_column_css_classes_callback($classes) {
$sanitize_rules = array();
for($i=1; $i<=12; $i++) {
if(isset($classes['span'.$i])) {
$sanitize_rules['span'.$i] = $classes['span'.$i];
}
}
return $sanitize_rules;
}
/**
* Post types fields sanitize
*
* @param $post_types - Post types array selected by user
*/
public function sanitize_post_types_callback($post_types) {
$pt_array = array();
if(isset($post_types) && is_array($post_types)) {
foreach ( $post_types as $pt ) {
if ( !in_array($pt, $this->getExcluded()) && in_array($pt, $this->getPostTypes()) ) {
$pt_array[] = $pt;
}
}
}
return $pt_array;
}
public function sanitize_use_custom_callback($rules) {
return $rules;
}
public function sanitize_custom_css_callback($css) {
return $css;
}
public function sanitize_color_callback($color) {
return $color;
}
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, __('Invalid Margin value.', 'js_composer'), 'error');
return $margin;
}
public function sanitize_gutter_callback($gutter) {
if(!$this->_isGutterValid($gutter))
add_settings_error(self::$field_prefix.'gutter', 1, __('Invalid Gutter value.', 'js_composer'), 'error');
// $gutter = preg_replace('/[^\d\.]/', '', $gutter);
return $gutter;
}
public function sanitize_responsive_max_callback($responsive_max) {
if(!$this->_isNumberValid($responsive_max))
add_settings_error(self::$field_prefix.'responsive_max', 1, __('Invalid "Responsive max" value.', 'js_composer'), 'error');
// $gutter = preg_replace('/[^\d\.]/', '', $gutter);
return $responsive_max;
}
public function sanitize_envato_username($username) {
return $username;
}
public function sanitize_envato_api_key($api_key) {
return $api_key;
}
public function sanitize_js_composer_purchase_code($code) {
return $code;
}
// }}
public static function _isNumberValid($number) {
return preg_match('/^[\d]+(\.\d+){0,1}$/', $number);
}
public static function _isGutterValid($gutter) {
return self::_isNumberValid($gutter);
}
/**
* Process options data from form and add to js_composer option parameters
*
*
*/
public function take_action() {
// if this fails, check_admin_referer() will automatically print a "failed" page and die.
if ( !empty($_POST) && check_admin_referer('wpb_js_settings_save_action', 'wpb_js_nonce_field') ) {
if ( isset($_POST['post_types']) && is_array($_POST['post_types']) ) {
update_option('wpb_js_content_types', $_POST['post_types']);
} else {
delete_option('wpb_js_content_types');
}
wp_redirect(admin_url('options-general.php?page=wpb_vc_settings')); exit();
}
}
public function showNotification() {
echo ''.sprintf(__('Visual Composer: Your css class names settings are deprecated. Click here to resolve .', 'js_composer'), menu_page_url($this->page, false).'&tab=element_css').'
tabs as $tab => $title): ?>
tabs as $tab => $title): ?>
put_contents( $filename, '', FS_CHMOD_FILE);
return;
}
$css_string = file_get_contents( WPBakeryVisualComposer::getInstance()->assetPath('css/tpl_js_composer_front.css'));
$pattern = array();
$replace = array();
foreach(array_reverse(self::$color_settings) as $color_set) {
foreach($color_set as $key => $title) {
$value = get_option(self::$field_prefix.$key);
if(!empty($value)) {
$pattern[]= '/\"\"\s*.'.$key.'[\w\_]*.\s*\"\"/';
$replace[] = $value;
} elseif(!empty(self::$defaults[$key])) {
$pattern[]= '/\"\"\s*.'.$key.'[\w\_]*.\s*\"\"/';
$replace[] = self::$defaults[$key];
}
}
}
$margin = ($margin = get_option(self::$field_prefix.'margin')) ? $margin : self::$defaults['margin'];
$split_margin = preg_split('/([\d\.]+)/', $margin, 2, PREG_SPLIT_DELIM_CAPTURE);
$margin = !empty($split_margin[1]) ? $split_margin[1] : 0;
$units = !empty($split_margin[2]) ? $split_margin[2] : 'px';
$pattern[] = '/\"\"\s*vc_element_margin_bottom\s*\"\"/';
$replace[] = $margin.$units;
$pattern[] = '/\"\"\s*vc_margin_bottom_third\s*\"\"/';
$replace[] = ((float)$margin/3).$units;
$pattern[] = '/\"\"\s*vc_margin_bottom_gold\s*\"\"/';
$replace[] = ((float)$margin/1.61).$units;
$gutter = ($gutter = get_option(self::$field_prefix.'gutter')) ? $gutter : '';
if(!self::_isGutterValid($gutter)) $gutter = self::$defaults['gutter'];
$columns = 12.0;
$tour_nav_spanX = 4.0;
$fluidGridGutterWidth = (float)$gutter; // this comes from Design Options tab
$fluidGridColumnWidth = (100-(($columns-1)*$fluidGridGutterWidth))/$columns;
$spans_sizes = array();
for ($span_size=1; $span_size<=12; $span_size++) {
$w = ($fluidGridColumnWidth * $span_size) + ($fluidGridGutterWidth * ($span_size - 1));
$pattern[] = '/\"\"\s*vc_span'.$span_size.'\s*\"\"/';
$replace[] = $w.'%';
$spans_sizes['vc_span'.$span_size] = $w;
}
// @fluidGridGutterWidth;
$pattern[] = '/\"\"\s*vc_margin_left\s*\"\"/';
$replace[] = $fluidGridGutterWidth.'%';
// @fluidGridGutterWidth;
$pattern[] = '/\"\"\s*vc_negative_margin_left\s*\"\"/';
$replace[] = (-1*$fluidGridGutterWidth).'%';
// @vc_teaser_grid_w:100% + @fluidGridGutterWidth
$pattern[] = '/\"\"\s*vc_teaser_grid_w\s*\"\"/';
$replace[] = (100+$fluidGridGutterWidth).'%';
// @vc_teaser_grid_span2: 100% / @gridColumns * 2 - @fluidGridGutterWidth - 0.15%
$pattern[] = '/\"\"\s*vc_teaser_grid_span2\s*\"\"/';
$replace[] = (100.0 / $columns * 2.0 - $fluidGridGutterWidth - 0.15).'%';
// @vc_teaser_grid_span3: 100% / @gridColumns * 3 - @fluidGridGutterWidth - 0.08%
$pattern[] = '/\"\"\s*vc_teaser_grid_span3\s*\"\"/';
$replace[] = (100.0 / $columns * 3.0 - $fluidGridGutterWidth - 0.08).'%';
// @vc_teaser_grid_span3: 100% / @gridColumns * 4 - @fluidGridGutterWidth - 0.08%
$pattern[] = '/\"\"\s*vc_teaser_grid_span4\s*\"\"/';
$replace[] = (100.0 / $columns * 4.0 - $fluidGridGutterWidth - 0.08).'%';
// @vc_teaser_grid_span3: 100% / @gridColumns * 6 - @fluidGridGutterWidth - 0.05%
$pattern[] = '/\"\"\s*vc_teaser_grid_span6\s*\"\"/';
$replace[] = (100.0 / $columns * 6.0 - $fluidGridGutterWidth - 0.05).'%';
// @vc_teaser_grid_span12: 100% - @fluidGridGutterWidth
$pattern[] = '/\"\"\s*vc_teaser_grid_span12\s*\"\"/';
$replace[] = (100-$fluidGridGutterWidth).'%';
// @vc_cta_button_w: 100% - 70% - @fluidGridGutterWidth
$pattern[] = '/\"\"\s*vc_cta_button_w\s*\"\"/';
$replace[] = (100.0 - 70.0 -$fluidGridGutterWidth).'%';
// @tour_nav_width: @vc_span1 * @tour_nav_spanX + @fluidGridGutterWidth * (@tour_nav_spanX - 1)
$pattern[] = '/\"\"\s*vc_tour_nav_width\s*\"\"/';
$replace[] = $tour_nav_width = ($spans_sizes['vc_span1'] * $tour_nav_spanX + $fluidGridGutterWidth * ($tour_nav_spanX -1)).'%';
// @tour_slides_width: 100% - @tour_nav_width
$pattern[] = '/\"\"\s*vc_tour_slides_width\s*\"\"/';
$replace[] = (100.0 - $tour_nav_width).'%';
$responsive_max = ($responsive_max = get_option(self::$field_prefix.'responsive_max')) ? $responsive_max : '';
if(!self::_isNumberValid($responsive_max)) $responsive_max = self::$defaults['responsive_max'];
$pattern[] = '/\"\"\s*vc_responsive_max_w\s*\"\"/';
$replace[] = $responsive_max.'px';
$main_accent_color = ($main_accent_color = get_option(self::$field_prefix.'vc_color')) ? $main_accent_color : self::$defaults['vc_color'];
//Call to action border color
$cta_bg = ($cta_bg = get_option(self::$field_prefix.'vc_color_call_to_action_bg')) ? $cta_bg : $main_accent_color;
$pattern[] = '/\"\"\s*vc_call_to_action_border\s*\"\"/';
$replace[] = vc_colorCreator($cta_bg, -5);
$pattern[] = '/(url\(\.\.\/(?!\.))/';
$replace[] = 'url('.WPBakeryVisualComposer::getInstance()->assetURL('');
$css_string = preg_replace($pattern, $replace, $css_string);
// HERE goes the magi
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(), __('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(), __('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(__('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(), __('js_composer_front_custom.css could not be created. Problem with access.', 'js_composer'), 'error');
delete_option(self::$field_prefix.'use_custom');
}
}
/**
* Builds custom css file using css options from vc settings.
* @return unknown
*/
public static function buildCustomCss() {
/**
* Filesystem API init.
* */
$url = wp_nonce_url('options-general.php?page=wpb_vc_settings&build_css=1','wpb_js_settings_save_action');
self::getFileSystem($url);
global $wp_filesystem;
/**
* Building css file.
*/
if(( $js_composer_upload_dir = self::checkCreateUploadDir($wp_filesystem, 'custom_css', 'custom.css')) ===false) return;
$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 = WPBakeryVisualComposer::getInstance()->assetURL('');
$css_string .= preg_replace('/(url\(\.\.\/(?!\.))/', 'url('.$assets_url, $custom_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(), __('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(), __('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(), __('custom.css could not be created. Cannot write custom css to "'.$filename.'".', 'js_composer'), 'error');
else
add_settings_error(self::$field_prefix.'custom_css', $wp_filesystem->errors->get_error_code(), __('custom.css could not be created. Problem with access.', 'js_composer'), 'error');
}
}
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('%s could not be created. Not available to create js_composer directory in uploads directory ('.$js_composer_upload_dir.').', $filename), 'js_composer'), 'error');
return false;
}
}
return $js_composer_upload_dir;
}
public static function uploadDir() {
$upload_dir = wp_upload_dir();
global $wp_filesystem;
return $wp_filesystem->find_folder($upload_dir['basedir']).WPBakeryVisualComposer::uploadDir();
}
public static function uploadURL() {
$upload_dir = wp_upload_dir();
return $upload_dir['baseurl'].WPBakeryVisualComposer::uploadDir();
}
public static function getFieldPrefix() {
return self::$field_prefix;
}
/**
* Upgrade plugin from the Envato marketplace.
*/
public function upgradeFromEnvato() {
if ( ! current_user_can('update_plugins') )
wp_die(__('You do not have sufficient permissions to update plugins for this site.'));
$title = __('Update Visual Composer Plugin', 'js_composer');
$parent_file = 'options-general.php';
$submenu_file = 'options-general.php';
require_once ABSPATH . 'wp-admin/admin-header.php';
require_once WPBakeryVisualComposer::$config['COMPOSER_LIB'].'wpb_automatic_updater.php';
$upgrader = new WpbAutomaticUpdater( new Plugin_Upgrader_Skin( compact('title', 'nonce', 'url', 'plugin') ) );
$upgrader->upgradeComposer();
include ABSPATH . 'wp-admin/admin-footer.php';
exit();
}
protected static function getFileSystem($url = ''){
if(empty($url)) $url = wp_nonce_url('options-general.php?page=wpb_vc_settings','wpb_js_settings_save_action');
if (false === ($creds = request_filesystem_credentials($url, '', false, false, null) ) ) {
_e('This is required to enable file writing for js_composer', 'js_composer');
exit(); // stop processing here
}
$upload_dir = wp_upload_dir();
if ( ! WP_Filesystem($creds, $upload_dir['basedir']) ) {
request_filesystem_credentials($url, '', true, false, null);
_e('This is required to enable file writing for js_composer', 'js_composer');
exit();
}
}
}
}
?>