Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
post-date
/
wp-content
/
plugins
/
js_composer
/
include
/
params
/
font_container
:
font_container.php
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<?php if ( ! defined( 'ABSPATH' ) ) { die( '-1' ); } /** * Class Vc_Font_Container * @since 4.3 * vc_map examples: * array( * 'type' => 'font_container', * 'param_name' => 'font_container', * 'value'=>'', * 'settings'=>array( * 'fields'=>array( * 'tag'=>'h2', * 'text_align', * 'font_size', * 'line_height', * 'color', * * 'tag_description' => esc_html__('Select element tag.','js_composer'), * 'text_align_description' => esc_html__('Select text alignment.','js_composer'), * 'font_size_description' => esc_html__('Enter font size.','js_composer'), * 'line_height_description' => esc_html__('Enter line height.','js_composer'), * 'color_description' => esc_html__('Select color for your element.','js_composer'), * ), * ), * ), * Ordering of fields, font_family, tag, text_align and etc. will be Same as ordering in array! * To provide default value to field use 'key' => 'value' */ class Vc_Font_Container { /** * @param $settings * @param $value * * @return string */ public function render( $settings, $value ) { $fields = array(); $values = array(); extract( $this->_vc_font_container_parse_attributes( $settings['settings']['fields'], $value ) ); $data = array(); $output = ''; if ( ! empty( $fields ) ) { if ( isset( $fields['tag'] ) ) { $data['tag'] = ' <div class="vc_row-fluid vc_column"> <div class="wpb_element_label">' . esc_html__( 'Element tag', 'js_composer' ) . '</div> <div class="vc_font_container_form_field-tag-container"> <select class="vc_font_container_form_field-tag-select">'; $tags = $this->_vc_font_container_get_allowed_tags(); foreach ( $tags as $tag ) { $data['tag'] .= '<option value="' . $tag . '" class="' . $tag . '" ' . ( $values['tag'] === $tag ? 'selected' : '' ) . '>' . $tag . '</option>'; } $data['tag'] .= ' </select> </div>'; if ( isset( $fields['tag_description'] ) && strlen( $fields['tag_description'] ) > 0 ) { $data['tag'] .= ' <span class="vc_description clear">' . $fields['tag_description'] . '</span> '; } $data['tag'] .= '</div>'; } if ( isset( $fields['font_size'] ) ) { $data['font_size'] = ' <div class="vc_row-fluid vc_column"> <div class="wpb_element_label">' . esc_html__( 'Font size', 'js_composer' ) . '</div> <div class="vc_font_container_form_field-font_size-container"> <input class="vc_font_container_form_field-font_size-input" type="text" value="' . $values['font_size'] . '" /> </div>'; if ( isset( $fields['font_size_description'] ) && strlen( $fields['font_size_description'] ) > 0 ) { $data['font_size'] .= ' <span class="vc_description clear">' . $fields['font_size_description'] . '</span> '; } $data['font_size'] .= '</div>'; } if ( isset( $fields['text_align'] ) ) { $data['text_align'] = ' <div class="vc_row-fluid vc_column"> <div class="wpb_element_label">' . esc_html__( 'Text align', 'js_composer' ) . '</div> <div class="vc_font_container_form_field-text_align-container"> <select class="vc_font_container_form_field-text_align-select"> <option value="left" class="left" ' . ( 'left' === $values['text_align'] ? 'selected="selected"' : '' ) . '>' . esc_html__( 'left', 'js_composer' ) . '</option> <option value="right" class="right" ' . ( 'right' === $values['text_align'] ? 'selected="selected"' : '' ) . '>' . esc_html__( 'right', 'js_composer' ) . '</option> <option value="center" class="center" ' . ( 'center' === $values['text_align'] ? 'selected="selected"' : '' ) . '>' . esc_html__( 'center', 'js_composer' ) . '</option> <option value="justify" class="justify" ' . ( 'justify' === $values['text_align'] ? 'selected="selected"' : '' ) . '>' . esc_html__( 'justify', 'js_composer' ) . '</option> </select> </div>'; if ( isset( $fields['text_align_description'] ) && strlen( $fields['text_align_description'] ) > 0 ) { $data['text_align'] .= ' <span class="vc_description clear">' . $fields['text_align_description'] . '</span> '; } $data['text_align'] .= '</div>'; } if ( isset( $fields['line_height'] ) ) { $data['line_height'] = ' <div class="vc_row-fluid vc_column"> <div class="wpb_element_label">' . esc_html__( 'Line height', 'js_composer' ) . '</div> <div class="vc_font_container_form_field-line_height-container"> <input class="vc_font_container_form_field-line_height-input" type="text" value="' . $values['line_height'] . '" /> </div>'; if ( isset( $fields['line_height_description'] ) && strlen( $fields['line_height_description'] ) > 0 ) { $data['line_height'] .= ' <span class="vc_description clear">' . $fields['line_height_description'] . '</span> '; } $data['line_height'] .= '</div>'; } if ( isset( $fields['color'] ) ) { $data['color'] = ' <div class="vc_row-fluid vc_column"> <div class="wpb_element_label">' . esc_html__( 'Text color', 'js_composer' ) . '</div> <div class="vc_font_container_form_field-color-container"> <div class="color-group"> <input type="text" value="' . $values['color'] . '" class="vc_font_container_form_field-color-input vc_color-control" /> </div> </div>'; if ( isset( $fields['color_description'] ) && strlen( $fields['color_description'] ) > 0 ) { $data['color'] .= ' <span class="vc_description clear">' . $fields['color_description'] . '</span> '; } $data['color'] .= '</div>'; } if ( isset( $fields['font_family'] ) ) { $data['font_family'] = ' <div class="vc_row-fluid vc_column"> <div class="wpb_element_label">' . esc_html__( 'Font Family', 'js_composer' ) . '</div> <div class="vc_font_container_form_field-font_family-container"> <select class="vc_font_container_form_field-font_family-select">'; $fonts = $this->_vc_font_container_get_web_safe_fonts(); foreach ( $fonts as $font_name => $font_data ) { $data['font_family'] .= '<option value="' . $font_name . '" class="' . vc_build_safe_css_class( $font_name ) . '" ' . ( strtolower( $values['font_family'] ) === strtolower( $font_name ) ? 'selected' : '' ) . ' data[font_family]="' . rawurlencode( $font_data ) . '">' . $font_name . '</option>'; } $data['font_family'] .= ' </select> </div>'; if ( isset( $fields['font_family_description'] ) && strlen( $fields['font_family_description'] ) > 0 ) { $data['font_family'] .= ' <span class="vc_description clear">' . $fields['font_family_description'] . '</span> '; } $data['font_family'] .= '</div>'; } if ( isset( $fields['font_style'] ) ) { $data['font_style'] = ' <div class="vc_row-fluid vc_column"> <div class="wpb_element_label">' . esc_html__( 'Font style', 'js_composer' ) . '</div> <div class="vc_font_container_form_field-font_style-container"> <label> <input type="checkbox" class="vc_font_container_form_field-font_style-checkbox italic" value="italic" ' . ( '1' === $values['font_style_italic'] ? 'checked' : '' ) . '><span class="vc_font_container_form_field-font_style-label italic">' . esc_html__( 'italic', 'js_composer' ) . '</span> </label> <br /> <label> <input type="checkbox" class="vc_font_container_form_field-font_style-checkbox bold" value="bold" ' . ( '1' === $values['font_style_bold'] ? 'checked' : '' ) . '><span class="vc_font_container_form_field-font_style-label bold">' . esc_html__( 'bold', 'js_composer' ) . '</span> </label> </div>'; if ( isset( $fields['font_style_description'] ) && strlen( $fields['font_style_description'] ) > 0 ) { $data['font_style'] .= ' <span class="vc_description clear">' . $fields['font_style_description'] . '</span> '; } $data['font_style'] .= '</div>'; } $data = apply_filters( 'vc_font_container_output_data', $data, $fields, $values, $settings ); // combine all in output, make sure you follow ordering foreach ( $fields as $key => $field ) { if ( isset( $data[ $key ] ) ) { $output .= $data[ $key ]; } } } $output .= '<input name="' . $settings['param_name'] . '" class="wpb_vc_param_value ' . $settings['param_name'] . ' ' . $settings['type'] . '_field" type="hidden" value="' . $value . '" />'; return $output; } /** * If field 'font_family' is used this is list of fonts available * To modify this list, you should use add_filter('vc_font_container_get_fonts_filter','your_custom_function'); * vc_filter: vc_font_container_get_fonts_filter - to modify list of fonts * @return array list of fonts */ public function _vc_font_container_get_web_safe_fonts() { // this is "Web Safe FONTS" from w3c: http://www.w3schools.com/cssref/css_websafe_fonts.asp $web_fonts = array( 'Georgia' => 'Georgia, serif', 'Palatino Linotype' => '"Palatino Linotype", "Book Antiqua", Palatino, serif', 'Book Antiqua' => '"Book Antiqua", Palatino, serif', 'Palatino' => 'Palatino, serif', 'Times New Roman' => '"Times New Roman", Times, serif', 'Arial' => 'Arial, Helvetica, sans-serif', 'Arial Black' => '"Arial Black", Gadget, sans-serif', 'Helvetica' => 'Helvetica, sans-serif', 'Comic Sans MS' => '"Comic Sans MS", cursive, sans-serif', 'Impact' => 'Impact, Charcoal, sans-serif', 'Charcoal' => 'Charcoal, sans-serif', 'Lucida Sans Unicode' => '"Lucida Sans Unicode", "Lucida Grande", sans-serif', 'Lucida Grande' => '"Lucida Grande", sans-serif', 'Tahoma' => 'Tahoma, Geneva, sans-serif', 'Geneva' => 'Geneva, sans-serif', 'Trebuchet MS' => '"Trebuchet MS", Helvetica, sans-serif', 'Verdana' => '"Trebuchet MS", Helvetica, sans-serif', 'Courier New' => '"Courier New", Courier, monospace', 'Lucida Console' => '"Lucida Console", Monaco, monospace', 'Monaco' => 'Monaco, monospace', ); return apply_filters( 'vc_font_container_get_fonts_filter', $web_fonts ); } /** * If 'tag' field used this is list of allowed tags * To modify this list, you should use add_filter('vc_font_container_get_allowed_tags','your_custom_function'); * vc_filter: vc_font_container_get_allowed_tags - to modify list of allowed tags by default * @return array list of allowed tags */ public function _vc_font_container_get_allowed_tags() { $allowed_tags = array( 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'div', ); return apply_filters( 'vc_font_container_get_allowed_tags', $allowed_tags ); } /** * @param $attr * @param $value * * @return array */ public function _vc_font_container_parse_attributes( $attr, $value ) { $fields = array(); if ( isset( $attr ) ) { foreach ( $attr as $key => $val ) { if ( is_numeric( $key ) ) { $fields[ $val ] = ''; } else { $fields[ $key ] = $val; } } } $values = vc_parse_multi_attribute( $value, array( 'tag' => isset( $fields['tag'] ) ? $fields['tag'] : 'h2', 'font_size' => isset( $fields['font_size'] ) ? $fields['font_size'] : '', 'font_style_italic' => isset( $fields['font_style_italic'] ) ? $fields['font_style_italic'] : '', 'font_style_bold' => isset( $fields['font_style_bold'] ) ? $fields['font_style_bold'] : '', 'font_family' => isset( $fields['font_family'] ) ? $fields['font_family'] : '', 'color' => isset( $fields['color'] ) ? $fields['color'] : '', 'line_height' => isset( $fields['line_height'] ) ? $fields['line_height'] : '', 'text_align' => isset( $fields['text_align'] ) ? $fields['text_align'] : 'left', 'tag_description' => isset( $fields['tag_description'] ) ? $fields['tag_description'] : '', 'font_size_description' => isset( $fields['font_size_description'] ) ? $fields['font_size_description'] : '', 'font_style_description' => isset( $fields['font_style_description'] ) ? $fields['font_style_description'] : '', 'font_family_description' => isset( $fields['font_family_description'] ) ? $fields['font_family_description'] : '', 'color_description' => isset( $fields['color_description'] ) ? $fields['color_description'] : 'left', 'line_height_description' => isset( $fields['line_height_description'] ) ? $fields['line_height_description'] : '', 'text_align_description' => isset( $fields['text_align_description'] ) ? $fields['text_align_description'] : '', ) ); return array( 'fields' => $fields, 'values' => $values, ); } } /** * @param $settings * @param $value * * @return mixed */ function vc_font_container_form_field( $settings, $value ) { $font_container = new Vc_Font_Container(); return apply_filters( 'vc_font_container_render_filter', $font_container->render( $settings, $value ) ); }