config['php_class'] = get_class($this); // element id $this->config['id'] = 'font_awesome'; // element name $this->config['name'] = __('Font Awesome', 'fusion-core'); // element icon $this->config['icon_url'] = "icons/sc-icon_box.png"; // css class related to this element $this->config['css_class'] = "fusion_element_box"; // element icon class $this->config['icon_class'] = 'fusion-icon builder-options-icon fusiona-flag'; // tooltip that will be displyed upon mouse over the element //$this->config['tool_tip'] = 'Creates Font Awesome Elements'; // any special html data attribute (i.e. data-width) needs to be passed // drop_level: elements with higher drop level can be dropped in elements with lower drop_level, // i.e. element with drop_level = 2 can be dropped in element with drop_level = 0 or 1 only. $this->config['data'] = array("drop_level" => "4"); } // override default implemenation for this function as this element have special view public function create_visual_editor( $params ) { $innerHtml = '

'; $innerHtml .= '

'; $this->config['innerHtml'] = $innerHtml; } //this function defines TextBlock sub elements or structure function popup_elements() { $animation_speed = Helper::get_animation_speed_data(); $animation_direction = Helper::get_animation_direction_data(); $animation_type = Helper::get_animation_type_data(); $choices = Helper::get_shortcode_choices(); $reverse_choices = Helper::get_reversed_choice_data(); $this->config['subElements'] = array( array("name" => __('Select Icon', 'fusion-core'), "desc" => __('Click an icon to select, click again to deselect.', 'fusion-core'), "id" => "icon", "type" => ElementTypeEnum::ICON_BOX, "value" => "fa-flag", "list" => Helper::GET_ICONS_LIST() ), array("name" => __('Icon in Circle', 'fusion-core'), "desc" => __('Choose to display the icon in a circle', 'fusion-core'), "id" => "fusion_circle", "type" => ElementTypeEnum::SELECT, "value" => "yes", "allowedValues" => $choices ), array("name" => __('Size of Icon', 'fusion-core'), "desc" => __('Select the size of the icon', 'fusion-core'), "id" => "fusion_size", "type" => ElementTypeEnum::SELECT, "value" => "small", "allowedValues" => array( 'small' => __('Small', 'fusion-core'), 'medium' =>__('Medium', 'fusion-core'),'large' =>__('Large', 'fusion-core')) ), array("name" => __('Icon Color', 'fusion-core'), "desc" => __('Controls the color of the icon. Leave blank for theme option selection.', 'fusion-core'), "id" => "fusion_iconcolor", "type" => ElementTypeEnum::COLOR, "value" => "" ), array("name" => __('Icon Circle Background Color', 'fusion-core'), "desc" => __('Controls the color of the circle. Leave blank for theme option selection.', 'fusion-core'), "id" => "fusion_circlecolor", "type" => ElementTypeEnum::COLOR, "value" => "" ), array("name" => __('Icon Circle Border Color', 'fusion-core'), "desc" => __('Controls the color of the circle border. Leave blank for theme option selection.', 'fusion-core'), "id" => "circlebordercolor", "type" => ElementTypeEnum::COLOR, "value" => "" ), array("name" => __('Flip Icon', 'fusion-core'), "desc" => __('Choose to flip the icon.', 'fusion-core'), "id" => "fusion_flip", "type" => ElementTypeEnum::SELECT, "value" => "", "allowedValues" => array('' =>'None', 'horizontal' =>__('Horizontal', 'fusion-core'), 'vertical' => __('Vertical', 'fusion-core')) ), array("name" => __('Rotate Icon', 'fusion-core'), "desc" => __('Choose to rotate the icon.', 'fusion-core'), "id" => "fusion_rotate", "type" => ElementTypeEnum::SELECT, "value" => "", "allowedValues" => array('' =>'None', '90' =>'90', '180' => '180', '270' => '270') ), array("name" => __('Spinning Icon', 'fusion-core'), "desc" => __('Choose to let the icon spin.', 'fusion-core'), "id" => "fusion_spin", "type" => ElementTypeEnum::SELECT, "value" => "", "allowedValues" => $reverse_choices ), array("name" => __('Animation Type', 'fusion-core'), "desc" => __('Select the type on animation to use on the shortcode', 'fusion-core'), "id" => "fusion_animation_type", "type" => ElementTypeEnum::SELECT, "value" => "0", "allowedValues" => $animation_type ), array("name" => __('Direction of Animation', 'fusion-core'), "desc" => __('Select the incoming direction for the animation', 'fusion-core'), "id" => "fusion_animation_direction", "type" => ElementTypeEnum::SELECT, "value" => '', "allowedValues" => $animation_direction ), array("name" => __('Speed of Animation', 'fusion-core'), "desc" => __('Type in speed of animation in seconds (0.1 - 1)', 'fusion-core'), "id" => "fusion_animation_speed", "type" => ElementTypeEnum::SELECT, "value" => "", "allowedValues" => $animation_speed ), array("name" => __('Alignment', 'fusion-core'), "desc" => __('Select the icon\'s alignment.', 'fusion-core'), "id" => "fusion_alignment", "type" => ElementTypeEnum::SELECT, "value" => "", "allowedValues" => array('' => __('Default', 'fusion-core'), 'left' => __('Left', 'fusion-core'), 'center' => __('Center', 'fusion-core'), 'right' => __('Right', 'fusion-core')) ), array("name" => __('CSS Class', 'fusion-core'), "desc" => __('Add a class to the wrapping HTML element.', 'fusion-core'), "id" => "fusion_class", "type" => ElementTypeEnum::INPUT, "value" => "" ), array("name" => __('CSS ID', 'fusion-core'), "desc" => __('Add an ID to the wrapping HTML element.', 'fusion-core'), "id" => "fusion_id", "type" => ElementTypeEnum::INPUT, "value" => "" ), ); } }