Modularización de GKACHELE SaaS
This commit is contained in:
gkachele
@@ -0,0 +1,849 @@
|
||||
<?php if ( ! class_exists( 'WP_Customize_Control' ) ) {
|
||||
return null;
|
||||
}
|
||||
class ABIZ_Repeater extends WP_Customize_Control {
|
||||
|
||||
public $id;
|
||||
private $boxtitle = array();
|
||||
private $add_field_label = array();
|
||||
private $customizer_repeater_title_control = false;
|
||||
private $customizer_repeater_subtitle_control = false;
|
||||
private $customizer_repeater_subtitle2_control = false;
|
||||
private $customizer_repeater_button_text_control = false;
|
||||
private $customizer_repeater_link_control = false;
|
||||
private $customizer_repeater_align_control = false;
|
||||
private $customizer_repeater_video_url_control = false;
|
||||
private $customizer_repeater_image_control = false;
|
||||
private $customizer_repeater_icon_control = false;
|
||||
private $customizer_repeater_color_control = false;
|
||||
private $customizer_repeater_text_control = false;
|
||||
public $customizer_repeater_text2_control = false;
|
||||
public $customizer_repeater_button2_control = false;
|
||||
public $customizer_repeater_link2_control = false;
|
||||
public $customizer_repeater_btn3_control = false;
|
||||
public $customizer_repeater_link3_control = false;
|
||||
private $customizer_repeater_designation_control = false;
|
||||
private $customizer_repeater_shortcode_control = false;
|
||||
private $customizer_repeater_repeater_control = false;
|
||||
private $customizer_repeater_checkbox_control = false;
|
||||
|
||||
private $customizer_icon_container = '';
|
||||
private $allowed_html = array();
|
||||
|
||||
|
||||
/*Class constructor*/
|
||||
public function __construct( $manager, $id, $args = array() ) {
|
||||
parent::__construct( $manager, $id, $args );
|
||||
/*Get options from customizer.php*/
|
||||
$this->add_field_label = esc_html__( 'Add new field', 'abiz' );
|
||||
if ( ! empty( $args['add_field_label'] ) ) {
|
||||
$this->add_field_label = $args['add_field_label'];
|
||||
}
|
||||
|
||||
$this->boxtitle = esc_html__( 'Customizer Repeater', 'abiz' );
|
||||
if ( ! empty ( $args['item_name'] ) ) {
|
||||
$this->boxtitle = $args['item_name'];
|
||||
} elseif ( ! empty( $this->label ) ) {
|
||||
$this->boxtitle = $this->label;
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_image_control'] ) ) {
|
||||
$this->customizer_repeater_image_control = $args['customizer_repeater_image_control'];
|
||||
}
|
||||
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_icon_control'] ) ) {
|
||||
$this->customizer_repeater_icon_control = $args['customizer_repeater_icon_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_color_control'] ) ) {
|
||||
$this->customizer_repeater_color_control = $args['customizer_repeater_color_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_title_control'] ) ) {
|
||||
$this->customizer_repeater_title_control = $args['customizer_repeater_title_control'];
|
||||
}
|
||||
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_subtitle_control'] ) ) {
|
||||
$this->customizer_repeater_subtitle_control = $args['customizer_repeater_subtitle_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_subtitle2_control'] ) ) {
|
||||
$this->customizer_repeater_subtitle2_control = $args['customizer_repeater_subtitle2_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_btn3_control'] ) ) {
|
||||
$this->customizer_repeater_btn3_control = $args['customizer_repeater_btn3_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_text_control'] ) ) {
|
||||
$this->customizer_repeater_text_control = $args['customizer_repeater_text_control'];
|
||||
}
|
||||
if ( ! empty( $args['customizer_repeater_text2_control'] ) ) {
|
||||
$this->customizer_repeater_text2_control = $args['customizer_repeater_text2_control'];
|
||||
}
|
||||
if ( ! empty( $args['customizer_repeater_button2_control'] ) ) {
|
||||
$this->customizer_repeater_button2_control = $args['customizer_repeater_button2_control'];
|
||||
}
|
||||
if ( ! empty( $args['customizer_repeater_link2_control'] ) ) {
|
||||
$this->customizer_repeater_link2_control = $args['customizer_repeater_link2_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_link3_control'] ) ) {
|
||||
$this->customizer_repeater_link3_control = $args['customizer_repeater_link3_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_designation_control'] ) ) {
|
||||
$this->customizer_repeater_designation_control = $args['customizer_repeater_designation_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_button_text_control'] ) ) {
|
||||
$this->customizer_repeater_button_text_control = $args['customizer_repeater_button_text_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_link_control'] ) ) {
|
||||
$this->customizer_repeater_link_control = $args['customizer_repeater_link_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_checkbox_control'] ) ) {
|
||||
$this->customizer_repeater_checkbox_control = $args['customizer_repeater_checkbox_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_video_url_control'] ) ) {
|
||||
$this->customizer_repeater_video_url_control = $args['customizer_repeater_video_url_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_align_control'] ) ) {
|
||||
$this->customizer_repeater_align_control = $args['customizer_repeater_align_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_shortcode_control'] ) ) {
|
||||
$this->customizer_repeater_shortcode_control = $args['customizer_repeater_shortcode_control'];
|
||||
}
|
||||
|
||||
if ( ! empty( $args['customizer_repeater_repeater_control'] ) ) {
|
||||
$this->customizer_repeater_repeater_control = $args['customizer_repeater_repeater_control'];
|
||||
}
|
||||
|
||||
|
||||
if ( ! empty( $id ) ) {
|
||||
$this->id = $id;
|
||||
}
|
||||
|
||||
if ( file_exists( get_template_directory() . '/core/customizer/customizer-repeater/inc/icons.php' ) ) {
|
||||
$this->customizer_icon_container = 'core/customizer/customizer-repeater/inc/icons';
|
||||
}
|
||||
|
||||
$allowed_array1 = wp_kses_allowed_html( 'post' );
|
||||
$allowed_array2 = array(
|
||||
'input' => array(
|
||||
'type' => array(),
|
||||
'class' => array(),
|
||||
'placeholder' => array()
|
||||
)
|
||||
);
|
||||
|
||||
$this->allowed_html = array_merge( $allowed_array1, $allowed_array2 );
|
||||
}
|
||||
|
||||
/*Enqueue resources for the control*/
|
||||
public function enqueue() {
|
||||
wp_enqueue_style( 'all-css', get_template_directory_uri() . '/assets/css/all.min.css', array(), 999 );
|
||||
|
||||
wp_enqueue_style( 'abiz_customizer-repeater-admin-stylesheet', get_template_directory_uri() . '/core/customizer/customizer-repeater/css/admin-style.css', array(), 999 );
|
||||
|
||||
wp_enqueue_style( 'wp-color-picker' );
|
||||
|
||||
wp_enqueue_script( 'abiz_customizer-repeater-script', get_template_directory_uri() . '/core/customizer/customizer-repeater/js/customizer_repeater.js', array('jquery', 'jquery-ui-draggable', 'wp-color-picker' ), 999, true );
|
||||
|
||||
wp_enqueue_script( 'abiz_customizer-repeater-fontawesome-iconpicker', get_template_directory_uri() . '/core/customizer/customizer-repeater/js/fontawesome-iconpicker.js', array( 'jquery' ), 999, true );
|
||||
|
||||
wp_enqueue_style( 'abiz_customizer-repeater-fontawesome-iconpicker-script', get_template_directory_uri() . '/core/customizer/customizer-repeater/css/fontawesome-iconpicker.min.css', array(), 999 );
|
||||
}
|
||||
|
||||
public function render_content() {
|
||||
|
||||
/*Get default options*/
|
||||
$this_default = json_decode( $this->setting->default );
|
||||
|
||||
/*Get values (json format)*/
|
||||
$values = $this->value();
|
||||
|
||||
/*Decode values*/
|
||||
$json = json_decode( $values );
|
||||
|
||||
if ( ! is_array( $json ) ) {
|
||||
$json = array( $values );
|
||||
} ?>
|
||||
|
||||
<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
|
||||
<div class="customizer-repeater-general-control-repeater customizer-repeater-general-control-droppable">
|
||||
<?php
|
||||
if ( ( count( $json ) == 1 && '' === $json[0] ) || empty( $json ) ) {
|
||||
if ( ! empty( $this_default ) ) {
|
||||
$this->iterate_array( $this_default ); ?>
|
||||
<input type="hidden"
|
||||
id="customizer-repeater-<?php echo esc_attr( $this->id ); ?>-colector" <?php esc_attr( $this->link() ); ?>
|
||||
class="customizer-repeater-colector"
|
||||
value="<?php echo esc_textarea( json_encode( $this_default ) ); ?>"/>
|
||||
<?php
|
||||
} else {
|
||||
$this->iterate_array(); ?>
|
||||
<input type="hidden"
|
||||
id="customizer-repeater-<?php echo esc_attr( $this->id ); ?>-colector" <?php esc_attr( $this->link() ); ?>
|
||||
class="customizer-repeater-colector"/>
|
||||
<?php
|
||||
}
|
||||
} else {
|
||||
$this->iterate_array( $json ); ?>
|
||||
<input type="hidden" id="customizer-repeater-<?php echo esc_attr( $this->id ); ?>-colector" <?php esc_attr( $this->link() ); ?>
|
||||
class="customizer-repeater-colector" value="<?php echo esc_textarea( $this->value() ); ?>"/>
|
||||
<?php
|
||||
} ?>
|
||||
</div>
|
||||
<button type="button" class="button add_field customizer-repeater-new-field">
|
||||
<?php echo esc_html( $this->add_field_label ); ?>
|
||||
</button>
|
||||
<?php
|
||||
}
|
||||
|
||||
private function iterate_array($array = array()){
|
||||
/*Counter that helps checking if the box is first and should have the delete button disabled*/
|
||||
$it = 0;
|
||||
if(!empty($array)){
|
||||
$exist_service=count($array);
|
||||
|
||||
$abiz_del_btn_id=$this->boxtitle;
|
||||
|
||||
global $abiz_limit;
|
||||
global $abiz_type_with_id;
|
||||
echo sprintf("<input type='hidden' value='$exist_service' id='exist_abiz_$abiz_del_btn_id'/>");
|
||||
foreach($array as $icon){
|
||||
if($it<4)
|
||||
{
|
||||
$abiz_limit="abiz_limit";
|
||||
$abiz_type_with_id='';
|
||||
}
|
||||
else
|
||||
{
|
||||
$abiz_limit="abiz_overlimit";
|
||||
$abiz_type_with_id=$abiz_del_btn_id."_".$it;
|
||||
}
|
||||
|
||||
|
||||
?>
|
||||
<div class="customizer-repeater-general-control-repeater-container customizer-repeater-draggable">
|
||||
<div class="customizer-repeater-customize-control-title">
|
||||
<?php echo esc_html( $this->boxtitle ) ?>
|
||||
</div>
|
||||
<div class="customizer-repeater-box-content-hidden">
|
||||
<?php
|
||||
$choice = $image_url = $icon_value = $title = $subtitle = $subtitle2 = $text = $text2 = $link2 = $button_second = $link = $btn3 = $link3 = $designation = $align = $button = $open_new_tab = $shortcode = $repeater = $color = $video_url = '';
|
||||
if(!empty($icon->id)){
|
||||
$id = $icon->id;
|
||||
}
|
||||
if(!empty($icon->choice)){
|
||||
$choice = $icon->choice;
|
||||
}
|
||||
if(!empty($icon->image_url)){
|
||||
$image_url = $icon->image_url;
|
||||
}
|
||||
if(!empty($icon->icon_value)){
|
||||
$icon_value = $icon->icon_value;
|
||||
}
|
||||
if(!empty($icon->color)){
|
||||
$color = $icon->color;
|
||||
}
|
||||
if(!empty($icon->title)){
|
||||
$title = $icon->title;
|
||||
}
|
||||
|
||||
if(!empty($icon->align)){
|
||||
$align = $icon->align;
|
||||
}
|
||||
|
||||
if(!empty($icon->designation)){
|
||||
$designation = $icon->designation;
|
||||
}
|
||||
|
||||
if(!empty($icon->subtitle)){
|
||||
$subtitle = $icon->subtitle;
|
||||
}
|
||||
|
||||
if(!empty($icon->subtitle2)){
|
||||
$subtitle2 = $icon->subtitle2;
|
||||
}
|
||||
|
||||
if(!empty($icon->text)){
|
||||
$text = $icon->text;
|
||||
}
|
||||
if(!empty($icon->text2)){
|
||||
$text2 = $icon->text2;
|
||||
}
|
||||
|
||||
if(!empty($icon->button_second)){
|
||||
$button_second = $icon->button_second;
|
||||
}
|
||||
|
||||
if(!empty($icon->link2)){
|
||||
$link2 = $icon->link2;
|
||||
}
|
||||
|
||||
if(!empty($icon->btn3)){
|
||||
$btn3 = $icon->btn3;
|
||||
}
|
||||
|
||||
if(!empty($icon->link3)){
|
||||
$link3 = $icon->link3;
|
||||
}
|
||||
|
||||
if(!empty($icon->video_url)){
|
||||
$video_url = $icon->video_url;
|
||||
}
|
||||
|
||||
if(!empty($icon->button)){
|
||||
$button = $icon->button_text;
|
||||
}
|
||||
if(!empty($icon->link)){
|
||||
$link = $icon->link;
|
||||
}
|
||||
if(!empty($icon->shortcode)){
|
||||
$shortcode = $icon->shortcode;
|
||||
}
|
||||
|
||||
if(!empty($icon->social_repeater)){
|
||||
$repeater = $icon->social_repeater;
|
||||
}
|
||||
|
||||
if(!empty($icon->open_new_tab)){
|
||||
$open_new_tab = $icon->open_new_tab;
|
||||
}
|
||||
|
||||
|
||||
if($this->customizer_repeater_title_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Title','abiz' ), $this->id, 'customizer_repeater_title_control' ),
|
||||
'class' => 'customizer-repeater-title-control '."$abiz_limit".' '."$abiz_type_with_id".'',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_title_control' ),
|
||||
), $title);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_subtitle_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Subtitle','abiz' ), $this->id, 'customizer_repeater_subtitle_control' ),
|
||||
'class' => 'customizer-repeater-subtitle-control '."$abiz_limit".' '."$abiz_type_with_id".'',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_subtitle_control' ),
|
||||
), $subtitle);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_subtitle2_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Subtitle 2','abiz' ), $this->id, 'customizer_repeater_subtitle2_control' ),
|
||||
'class' => 'customizer-repeater-subtitle2-control '."$abiz_limit".' '."$abiz_type_with_id".'',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_subtitle2_control' ),
|
||||
), $subtitle2);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_text_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Description','abiz' ), $this->id, 'customizer_repeater_text_control' ),
|
||||
'class' => 'customizer-repeater-text-control '."$abiz_limit".' '."$abiz_type_with_id".'',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', 'textarea', $this->id, 'customizer_repeater_text_control' ),
|
||||
), $text);
|
||||
}
|
||||
if($this->customizer_repeater_text2_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Button Label','abiz' ), $this->id, 'customizer_repeater_text2_control' ),
|
||||
'class' => 'customizer-repeater-text2-control '."$abiz_limit".'',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_text2_control' ),
|
||||
), $text2);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_link_control){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Link','abiz' ), $this->id, 'customizer_repeater_link_control' ),
|
||||
'class' => 'customizer-repeater-link-control '."$abiz_limit".' '."$abiz_type_with_id".'',
|
||||
'sanitize_callback' => 'esc_url_raw',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_link_control' ),
|
||||
), $link);
|
||||
}
|
||||
|
||||
|
||||
if($this->customizer_repeater_button2_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Button Label second','abiz' ), $this->id, 'customizer_repeater_button2_control' ),
|
||||
'class' => 'customizer-repeater-button2-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_button2_control' ),
|
||||
), $button_second);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_link2_control){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'link','abiz' ), $this->id, 'customizer_repeater_link2_control' ),
|
||||
'class' => 'customizer-repeater-link2-control '."$abiz_limit".' '."$abiz_type_with_id".'',
|
||||
//'sanitize_callback' => 'esc_url_raw',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_link2_control' ),
|
||||
), $link2);
|
||||
}
|
||||
if($this->customizer_repeater_button_text_control){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__('Button Text',
|
||||
'abiz'), $this->id, 'customizer_repeater_button_text_control'),
|
||||
'class' => 'customizer-repeater-button-text-control '."$abiz_limit".'',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '' , $this->id,
|
||||
'customizer_repeater_button_text_control'),
|
||||
), $button);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
if($this->customizer_repeater_btn3_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Button Label Third','abiz' ), $this->id, 'customizer_repeater_btn3_control' ),
|
||||
'class' => 'customizer-repeater-btn3-control '."$abiz_limit".' '."$abiz_type_with_id".'',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_btn3_control' ),
|
||||
), $btn3);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_link3_control){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'link','abiz' ), $this->id, 'customizer_repeater_link3_control' ),
|
||||
'class' => 'customizer-repeater-link3-control '."$abiz_limit".' '."$abiz_type_with_id".'',
|
||||
//'sanitize_callback' => 'esc_url_raw',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_link3_control' ),
|
||||
), $link3);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_checkbox_control == true){
|
||||
$this->testimonila_check($open_new_tab);
|
||||
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_video_url_control){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__('Video Url',
|
||||
'abiz'), $this->id, 'customizer_repeater_video_url_control'),
|
||||
'class' => 'customizer-repeater-video-url-control',
|
||||
'type' => apply_filters('abiz_customizer_repeater_video_url_control', 'textarea', $this->id, 'customizer_repeater_video_url_control' ),
|
||||
), $video_url);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_align_control == true){
|
||||
$this->align($align);
|
||||
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_image_control == true && $this->customizer_repeater_icon_control == true) {
|
||||
$this->icon_type_choice( $choice,$abiz_limit );
|
||||
}
|
||||
if($this->customizer_repeater_image_control == true){
|
||||
$this->image_control($image_url, $choice, $abiz_limit, $it+1, $abiz_del_btn_id);
|
||||
}
|
||||
if($this->customizer_repeater_icon_control == true){
|
||||
$this->icon_picker_control($icon_value, $choice);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
if($this->customizer_repeater_color_control == true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Color','abiz' ), $this->id, 'customizer_repeater_color_control' ),
|
||||
'class' => 'customizer-repeater-color-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', 'color', $this->id, 'customizer_repeater_color_control' ),
|
||||
'sanitize_callback' => 'sanitize_hex_color'
|
||||
), $color);
|
||||
}
|
||||
|
||||
|
||||
if($this->customizer_repeater_shortcode_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Shortcode','abiz' ), $this->id, 'customizer_repeater_shortcode_control' ),
|
||||
'class' => 'customizer-repeater-shortcode-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_shortcode_control' ),
|
||||
), $shortcode);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_designation_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Designation','abiz' ), $this->id, 'customizer_repeater_designation_control' ),
|
||||
'class' => 'customizer-repeater-designation-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', 'textarea', $this->id, 'customizer_repeater_designation_control' ),
|
||||
), $designation);
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_repeater_control==true){
|
||||
$this->repeater_control($repeater, $abiz_limit, $abiz_type_with_id);
|
||||
} ?>
|
||||
|
||||
<input type="hidden" class="social-repeater-box-id" value="<?php if ( ! empty( $id ) ) {
|
||||
echo esc_attr( $id );
|
||||
} ?>">
|
||||
<button type="button" class="social-repeater-general-control-remove-field" <?php if ( $it == 0 ) {
|
||||
echo esc_attr('style=display:none;');
|
||||
} ?>>
|
||||
<?php printf( __( 'Delete %s', 'abiz' ), $this->boxtitle ); ?>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$it++;
|
||||
}
|
||||
} else { ?>
|
||||
<div class="customizer-repeater-general-control-repeater-container">
|
||||
<div class="customizer-repeater-customize-control-title">
|
||||
<?php echo esc_html( $this->boxtitle ) ?>
|
||||
</div>
|
||||
<div class="customizer-repeater-box-content-hidden">
|
||||
<?php
|
||||
if ( $this->customizer_repeater_image_control == true && $this->customizer_repeater_icon_control == true ) {
|
||||
$this->icon_type_choice();
|
||||
}
|
||||
if ( $this->customizer_repeater_image_control == true ) {
|
||||
$this->image_control();
|
||||
}
|
||||
if ( $this->customizer_repeater_icon_control == true ) {
|
||||
$this->icon_picker_control();
|
||||
}
|
||||
|
||||
|
||||
|
||||
if($this->customizer_repeater_color_control==true){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Color','abiz' ), $this->id, 'customizer_repeater_color_control' ),
|
||||
'class' => 'customizer-repeater-color-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', 'color', $this->id, 'customizer_repeater_color_control' ),
|
||||
'sanitize_callback' => 'sanitize_hex_color'
|
||||
) );
|
||||
}
|
||||
if ( $this->customizer_repeater_title_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Title','abiz' ), $this->id, 'customizer_repeater_title_control' ),
|
||||
'class' => 'customizer-repeater-title-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_title_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
if ( $this->customizer_repeater_subtitle_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Subtitle','abiz' ), $this->id, 'customizer_repeater_subtitle_control' ),
|
||||
'class' => 'customizer-repeater-subtitle-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_subtitle_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
if ( $this->customizer_repeater_subtitle2_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Subtitle 2','abiz' ), $this->id, 'customizer_repeater_subtitle2_control' ),
|
||||
'class' => 'customizer-repeater-subtitle-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_subtitle2_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
|
||||
if ( $this->customizer_repeater_text_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Description','abiz' ), $this->id, 'customizer_repeater_text_control' ),
|
||||
'class' => 'customizer-repeater-text-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', 'textarea', $this->id, 'customizer_repeater_text_control' ),
|
||||
) );
|
||||
}
|
||||
if ( $this->customizer_repeater_text2_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Button Label','abiz' ), $this->id, 'customizer_repeater_text2_control' ),
|
||||
'class' => 'customizer-repeater-text2-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_text2_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
if ( $this->customizer_repeater_button2_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Button Label Second','abiz' ), $this->id, 'customizer_repeater_button2_control' ),
|
||||
'class' => 'customizer-repeater-button2-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_button2_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
if ( $this->customizer_repeater_link2_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'link','abiz' ), $this->id, 'customizer_repeater_link2_control' ),
|
||||
'class' => 'customizer-repeater-link2-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_link2_control' ),
|
||||
) );
|
||||
}
|
||||
if($this->customizer_repeater_button_text_control){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__('Button Text',
|
||||
'abiz'), $this->id, 'customizer_repeater_button_text_control'),
|
||||
'class' => 'customizer-repeater-button-text-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '' , $this->id,
|
||||
'customizer_repeater_button_text_control'),
|
||||
));
|
||||
}
|
||||
|
||||
if ( $this->customizer_repeater_link_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Link','abiz' ), $this->id, 'customizer_repeater_link_control' ),
|
||||
'class' => 'customizer-repeater-link-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_link_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
if ( $this->customizer_repeater_btn3_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Button Label 3','abiz' ), $this->id, 'customizer_repeater_btn3_control' ),
|
||||
'class' => 'customizer-repeater-btn3-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_btn3_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
if ( $this->customizer_repeater_link3_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'link','abiz' ), $this->id, 'customizer_repeater_link3_control' ),
|
||||
'class' => 'customizer-repeater-link3-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_link3_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_checkbox_control == true){
|
||||
$this->testimonila_check();
|
||||
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_video_url_control){
|
||||
$this->input_control(array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__('Video Url',
|
||||
'abiz'), $this->id, 'customizer_repeater_video_url_control'),
|
||||
'class' => 'customizer-repeater-video-url-control',
|
||||
'type' => apply_filters('abiz_customizer_repeater_video_url_control', 'textarea', $this->id, 'customizer_repeater_video_url_control' ),
|
||||
));
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_align_control == true){
|
||||
$this->align($align);
|
||||
|
||||
}
|
||||
|
||||
|
||||
if ( $this->customizer_repeater_shortcode_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Shortcode','abiz' ), $this->id, 'customizer_repeater_shortcode_control' ),
|
||||
'class' => 'customizer-repeater-shortcode-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', '', $this->id, 'customizer_repeater_shortcode_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
|
||||
if ( $this->customizer_repeater_designation_control == true ) {
|
||||
$this->input_control( array(
|
||||
'label' => apply_filters('abiz_repeater_input_labels_filter', esc_html__( 'Designation','abiz' ), $this->id, 'customizer_repeater_designation_control' ),
|
||||
'class' => 'customizer-repeater-designation-control',
|
||||
'type' => apply_filters('abiz_repeater_input_types_filter', 'textarea', $this->id, 'customizer_repeater_designation_control' ),
|
||||
) );
|
||||
}
|
||||
|
||||
if($this->customizer_repeater_repeater_control==true){
|
||||
$this->repeater_control();
|
||||
} ?>
|
||||
<input type="hidden" class="social-repeater-box-id">
|
||||
<button type="button" class="social-repeater-general-control-remove-field button" style="display:none;">
|
||||
<?php esc_html_e( 'Delete field', 'abiz' ); ?>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
||||
private function input_control( $options, $value='' ){
|
||||
//print_r($options);
|
||||
?>
|
||||
<span class="customize-control-title <?php echo esc_html( $options['label'] ); ?>"
|
||||
<?php if($options['class']== 'customizer-repeater-video-url-control') {echo esc_attr('style="display:none;"'); }?>
|
||||
|
||||
><?php echo esc_html( $options['label'] ); ?></span>
|
||||
<?php
|
||||
if( !empty($options['type']) ){
|
||||
switch ($options['type']) {
|
||||
case 'textarea':?>
|
||||
<textarea class="<?php echo esc_attr( $options['class'] ); ?>" placeholder="<?php echo esc_attr( $options['label'] ); ?>"><?php echo ( !empty($options['sanitize_callback']) ? call_user_func_array( $options['sanitize_callback'], array( $value ) ) : esc_attr($value) ); ?></textarea>
|
||||
<?php
|
||||
break;
|
||||
case 'color': ?>
|
||||
<input type="text" value="<?php echo ( !empty($options['sanitize_callback']) ? call_user_func_array( $options['sanitize_callback'], array( $value ) ) : esc_attr($value) ); ?>" class="<?php echo esc_attr($options['class']); ?>" />
|
||||
<?php
|
||||
break;
|
||||
}
|
||||
} else { ?>
|
||||
<input type="text" value="<?php echo ( !empty($options['sanitize_callback']) ? call_user_func_array( $options['sanitize_callback'], array( $value ) ) : esc_attr($value) ); ?>" class="<?php echo esc_attr($options['class']); ?>" placeholder="<?php echo esc_attr( $options['label'] ); ?>"/>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
private function testimonila_check($value='no', $class='', $abiz_type_with_id=''){
|
||||
?>
|
||||
<div class="customize-control-title">
|
||||
<?php esc_html_e('Open link in new tab:','abiz'); ?>
|
||||
<span class="switch">
|
||||
<input type="checkbox" name="custom_checkbox" value="yes" <?php if($value=='yes'){echo esc_attr('checked');}?> class="customizer-repeater-checkbox <?php echo esc_attr($class);?> <?php echo esc_attr($abiz_type_with_id);?>">
|
||||
</span>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
private function icon_picker_control($value = '', $show = '', $class=''){ ?>
|
||||
<div class="social-repeater-general-control-icon" <?php if( $show === 'customizer_repeater_image' || $show === 'customizer_repeater_none' ) { echo esc_attr('style="display:none;"'); } ?>>
|
||||
<span class="customize-control-title">
|
||||
<?php esc_html_e('Icon','abiz'); ?>
|
||||
</span>
|
||||
<span class="description customize-control-description">
|
||||
<?php
|
||||
echo sprintf(
|
||||
esc_html__( 'Note: Some icons may not be displayed here. You can see the full list of icons at %1$s.', 'abiz' ),
|
||||
sprintf( '<a href="http://fontawesome.io/icons/" rel="nofollow">%s</a>', esc_html__( 'http://fontawesome.io/icons/', 'abiz' ) )
|
||||
); ?>
|
||||
</span>
|
||||
<div class="input-group icp-container">
|
||||
<input data-placement="bottomRight" class="icp icp-auto" value="<?php if(!empty($value)) { echo esc_attr( $value );} ?>" type="text">
|
||||
<span class="input-group-addon">
|
||||
<i class="<?php echo esc_attr($value); ?>"></i>
|
||||
</span>
|
||||
</div>
|
||||
<?php get_template_part( $this->customizer_icon_container ); ?>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
private function image_control($value = '', $show = '', $class='', $auto='', $sections=''){
|
||||
if($auto==1)
|
||||
{
|
||||
$auto="one";
|
||||
}
|
||||
|
||||
if($auto==2)
|
||||
{
|
||||
$auto="two";
|
||||
}
|
||||
if($auto==3)
|
||||
{
|
||||
$auto="three";
|
||||
}
|
||||
if($auto==4)
|
||||
{
|
||||
$auto="four";
|
||||
}
|
||||
?>
|
||||
<div class="customizer-repeater-image-control" <?php if( $show === 'customizer_repeater_icon' || $show === 'customizer_repeater_none' ) { echo esc_attr('style="display:none;"'); } ?>>
|
||||
<span class="customize-control-title">
|
||||
<?php esc_html_e('Image','abiz')?>
|
||||
</span>
|
||||
<input type="text" class="widefat custom-media-url <?php if($class="abiz_overlimit") { echo esc_attr('abiz-uploading-img');}?> <?php echo esc_attr($auto);?>" value="<?php echo esc_attr( $value ); ?>">
|
||||
<input type="button" class="button button-secondary customizer-repeater-custom-media-button <?php if($class="abiz_overlimit") { echo esc_attr('abiz-uploading-img-btn');}?> <?php echo esc_attr($auto);?>" value="<?php esc_attr_e( 'Upload Image','abiz' ); ?>" />
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
private function align($value='left'){?>
|
||||
|
||||
<span class="customize-control-title">
|
||||
<?php esc_html_e('Align','abiz'); ?>
|
||||
</span>
|
||||
<select class="customizer-repeater-align">
|
||||
<option value="left" <?php selected($value,'left');?>>
|
||||
<?php esc_html_e('Left','abiz') ?>
|
||||
</option>
|
||||
|
||||
<option value="right" <?php selected($value,'right');?>>
|
||||
<?php esc_html_e('Right','abiz') ?>
|
||||
</option>
|
||||
|
||||
<option value="center" <?php selected($value,'center');?>>
|
||||
<?php esc_html_e('Center','abiz') ?>
|
||||
</option>
|
||||
|
||||
|
||||
</select>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
private function icon_type_choice($value='customizer_repeater_icon', $abiz_limit=''){ ?>
|
||||
<span class="customize-control-title">
|
||||
<?php esc_html_e('Image type','abiz');?>
|
||||
</span>
|
||||
<select class="customizer-repeater-image-choice <?php echo esc_attr($abiz_limit);?>">
|
||||
<option value="customizer_repeater_icon" <?php selected($value,'customizer_repeater_icon');?>><?php esc_html_e('Icon','abiz'); ?></option>
|
||||
<option value="customizer_repeater_image" <?php selected($value,'customizer_repeater_image');?>><?php esc_html_e('Image','abiz'); ?></option>
|
||||
<option value="customizer_repeater_none" <?php selected($value,'customizer_repeater_none');?>><?php esc_html_e('None','abiz'); ?></option>
|
||||
</select>
|
||||
<?php
|
||||
}
|
||||
|
||||
private function repeater_control($value = '', $abiz_limit='', $abiz_type_with_id=''){
|
||||
$social_repeater = array();
|
||||
$show_del = 0; ?>
|
||||
<span class="customize-control-title"><?php esc_html_e( 'Social icons', 'abiz' ); ?></span>
|
||||
<?php
|
||||
if(!empty($value)) {
|
||||
$social_repeater = json_decode( html_entity_decode( $value ), true );
|
||||
}
|
||||
if ( ( count( $social_repeater ) == 1 && '' === $social_repeater[0] ) || empty( $social_repeater ) ) { ?>
|
||||
<div class="customizer-repeater-social-repeater">
|
||||
<div class="customizer-repeater-social-repeater-container">
|
||||
<div class="customizer-repeater-rc input-group icp-container">
|
||||
<input data-placement="bottomRight" class="icp icp-auto" value="<?php if(!empty($value)) { echo esc_attr( $value ); } ?>" type="text">
|
||||
<span class="input-group-addon"></span>
|
||||
</div>
|
||||
<?php get_template_part( $this->customizer_icon_container ); ?>
|
||||
<input type="text" class="customizer-repeater-social-repeater-link team_linkdata_<?php echo $abiz_limit;?> <?php echo esc_attr($abiz_type_with_id);?>"
|
||||
placeholder="<?php esc_attr_e( 'Link', 'abiz' ); ?>">
|
||||
<input type="hidden" class="customizer-repeater-social-repeater-id" value="">
|
||||
<button class="social-repeater-remove-social-item" style="display:none">
|
||||
<?php esc_html_e( 'Remove Icon', 'abiz' ); ?>
|
||||
</button>
|
||||
</div>
|
||||
<input type="hidden" id="social-repeater-socials-repeater-colector" class="social-repeater-socials-repeater-colector" value=""/>
|
||||
</div>
|
||||
<button class="social-repeater-add-social-item button-secondary "><?php esc_html_e( 'Add Icon', 'abiz' ); ?></button>
|
||||
<?php
|
||||
} else { ?>
|
||||
<div class="customizer-repeater-social-repeater">
|
||||
<?php
|
||||
foreach ( $social_repeater as $social_icon ) {
|
||||
$show_del ++; ?>
|
||||
<div class="customizer-repeater-social-repeater-container">
|
||||
<div class="customizer-repeater-rc input-group icp-container">
|
||||
<input data-placement="bottomRight" class="icp icp-auto team_data_<?php echo esc_attr($abiz_limit);?> <?php echo esc_attr($abiz_type_with_id);?>" value="<?php if( !empty($social_icon['icon']) ) { echo esc_attr( $social_icon['icon'] ); } ?>" type="text">
|
||||
<span class="input-group-addon"><i class="<?php echo esc_attr( $social_icon['icon'] ); ?>"></i></span>
|
||||
</div>
|
||||
<?php get_template_part( $this->customizer_icon_container ); ?>
|
||||
<input type="text" class="customizer-repeater-social-repeater-link"
|
||||
placeholder="<?php esc_attr_e( 'Link', 'abiz' ); ?>"
|
||||
value="<?php if ( ! empty( $social_icon['link'] ) ) {
|
||||
echo esc_url( $social_icon['link'] );
|
||||
} ?>">
|
||||
<input type="hidden" class="customizer-repeater-social-repeater-id"
|
||||
value="<?php if ( ! empty( $social_icon['id'] ) ) {
|
||||
echo esc_attr( $social_icon['id'] );
|
||||
} ?>">
|
||||
<button class="social-repeater-remove-social-item"
|
||||
style="<?php if ( $show_del == 1 ) {
|
||||
echo esc_attr("display:none");
|
||||
} ?>"><?php esc_html_e( 'Remove Icon', 'abiz' ); ?></button>
|
||||
</div>
|
||||
<?php
|
||||
} ?>
|
||||
<input type="hidden" id="social-repeater-socials-repeater-colector"
|
||||
class="social-repeater-socials-repeater-colector"
|
||||
value="<?php echo esc_textarea( html_entity_decode( $value ) ); ?>" />
|
||||
</div>
|
||||
<button class="social-repeater-add-social-item button-secondary <?php echo esc_attr($abiz_limit);?> <?php echo esc_attr($abiz_type_with_id);?>"><?php esc_html_e( 'Add Icon', 'abiz' ); ?></button>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,213 @@
|
||||
.customizer-repeater-general-control-repeater-container .customizer-repeater-box-content-hidden:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.customizer-repeater-general-control-repeater-container .customizer-repeater-box-content-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customizer-repeater-customize-control-title {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
font-size: 1em;
|
||||
line-height: 1;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
color: #23282d;
|
||||
border: 1px solid #e5e5e5;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.customizer-repeater-customize-control-title:hover {
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
.customizer-repeater-customize-control-title:after {
|
||||
content: "\f140";
|
||||
font-family: dashicons;
|
||||
font-size: 20px;
|
||||
height: 13px;
|
||||
bottom: 3px;
|
||||
position: relative;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.customizer-repeater-customize-control-title.repeater-expanded:after {
|
||||
content: "\f142";
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden {
|
||||
border: 1px solid #e5e5e5;
|
||||
border-top: none;
|
||||
padding: 1px 10px 10px;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden > div {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden .customize-control-title {
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden .customize-control-title:after {
|
||||
content: ":";
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden span.description {
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.customizer-repeater-general-control-repeater-container, .customizer-repeater-general-control-repeater_container {
|
||||
border: 1px solid #e5e5e5;
|
||||
border-top: none;
|
||||
margin-bottom: 12px;
|
||||
width: 100%;
|
||||
float: left;
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden .wp-picker-container, .customizer-repeater-box-content-hidden .wp-picker-container .wp-color-result, .icp-container {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden input:not(.icp, .wp-color-picker),
|
||||
.customizer-repeater-box-content-hidden textarea,
|
||||
.customizer-repeater-box-content-hidden .wp-picker-container {
|
||||
margin-bottom: 1em !important;
|
||||
}
|
||||
|
||||
.social-repeater-general-control-remove-field {
|
||||
cursor: pointer;
|
||||
color: #a00;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.social-repeater-general-control-remove-field:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden .wp-picker-holder {
|
||||
position: relative;
|
||||
left: -10px;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden .wp-picker-input-wrap {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden .wp-picker-container .iris-picker {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
button.customizer-repeater-new-field {
|
||||
float: right;
|
||||
}
|
||||
|
||||
button.customizer-repeater-new-field:before {
|
||||
content: "\f132";
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: -2px;
|
||||
top: -1px;
|
||||
font: 400 20px/1 dashicons;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: all .2s;
|
||||
transition: all .2s;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden > div.customizer-repeater-social-repeater {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.customizer-repeater-general-control-repeater-container .customizer-repeater-icon-control {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#customizer-repeater-new-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget-control-save {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.customizer-repeater-image-control .customizer-repeater-custom-media-button {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.customizer-icons {
|
||||
display: inline-block;
|
||||
padding: 0 10px 0 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.social-repeater-remove-social-item {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
color: #a00;
|
||||
border: none;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.social-repeater-remove-social-item:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.customizer-repeater-social-repeater > .customizer-repeater-social-repeater-container:not(:first-child) {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.icp-container {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.button-secondary.social-repeater-add-social-item:before {
|
||||
content: "\f132";
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: -2px;
|
||||
top: -1px;
|
||||
font: 400 20px/1 dashicons;
|
||||
vertical-align: middle;
|
||||
-webkit-transition: all .2s;
|
||||
transition: all .2s;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.button-secondary.social-repeater-add-social-item {
|
||||
vertical-align: text-top;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.customizer-repeater-box-content-hidden textarea {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
.iconpicker .iconpicker-items,
|
||||
.iconpicker .iconpicker-items:after,
|
||||
.iconpicker-popover .popover-footer:after,
|
||||
.iconpicker:after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover {
|
||||
position: absolute;
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
background: #e5e5e5;
|
||||
z-index: 999;
|
||||
display: none;
|
||||
margin-left: -10px;
|
||||
width: 254px
|
||||
}
|
||||
|
||||
.iconpicker,
|
||||
.iconpicker-popover.popover.iconpicker-visible {
|
||||
display: block
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover .popover-title {
|
||||
padding: 5px;
|
||||
font-size: 5px;
|
||||
line-height: 16px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
background-color: #e5e5e5
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover .popover-title input[type=search].iconpicker-search {
|
||||
margin: 0 0 2px
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover .popover-title-text~input[type=search].iconpicker-search {
|
||||
margin-top: 14px
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover .popover-content {
|
||||
padding: 0;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover>.arrow,
|
||||
.iconpicker-popover.popover>.arrow:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid
|
||||
}
|
||||
|
||||
.iconpicker *,
|
||||
.icp-container {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover>.arrow {
|
||||
border-width: 11px
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover>.arrow:after {
|
||||
border-width: 10px;
|
||||
content: ""
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover.bottomLeft>.arrow {
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #e5e5e5;
|
||||
top: -11px
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover.bottomLeft>.arrow:after {
|
||||
content: " ";
|
||||
top: 1px;
|
||||
margin-left: -10px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #e5e5e5
|
||||
}
|
||||
|
||||
.iconpicker-popover.popover.bottomLeft>.arrow {
|
||||
left: 14px;
|
||||
margin-left: 0
|
||||
}
|
||||
|
||||
.iconpicker,
|
||||
.iconpicker .iconpicker-items {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.iconpicker {
|
||||
text-align: left;
|
||||
text-shadow: none;
|
||||
line-height: 0
|
||||
}
|
||||
|
||||
.iconpicker .iconpicker-items:after,
|
||||
.iconpicker .iconpicker-items:before,
|
||||
.iconpicker:after,
|
||||
.iconpicker:before {
|
||||
content: " ";
|
||||
display: table
|
||||
}
|
||||
|
||||
.iconpicker * {
|
||||
box-sizing: content-box
|
||||
}
|
||||
|
||||
.iconpicker .iconpicker-items {
|
||||
float: none;
|
||||
padding: 5px 0 0 5px;
|
||||
background: #fff;
|
||||
overflow-y: auto;
|
||||
min-height: 55px;
|
||||
max-height: 275px
|
||||
}
|
||||
|
||||
.iconpicker .iconpicker-items i {
|
||||
float: left;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 7px 7px 0;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
font-size: 18px;
|
||||
color: #444;
|
||||
box-shadow: 0 0 0 1px #ddd;
|
||||
transition: transform .2s ease
|
||||
}
|
||||
|
||||
.iconpicker .iconpicker-items i:nth-child(6n) {
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
.iconpicker .iconpicker-items i:hover {
|
||||
transform: scale(1.4);
|
||||
color: #008ec2;
|
||||
box-shadow: none
|
||||
}
|
||||
|
||||
.icp {
|
||||
padding-left: 30px
|
||||
}
|
||||
|
||||
.icp-container .input-group-addon {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 5px;
|
||||
padding: 3px
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.iconpicker .iconpicker-items,.iconpicker .iconpicker-items:after,.iconpicker-popover .popover-footer:after,.iconpicker:after{clear:both}.iconpicker-popover.popover{position:absolute;padding:1px;text-align:left;background:#e5e5e5;z-index:999;display:none;margin-left:-10px;width:254px}.iconpicker,.iconpicker-popover.popover.iconpicker-visible{display:block}.iconpicker-popover.popover .popover-title{padding:5px;font-size:5px;line-height:16px;border-bottom:1px solid #ebebeb;background-color:#e5e5e5}.iconpicker-popover.popover .popover-title input[type=search].iconpicker-search{margin:0 0 2px}.iconpicker-popover.popover .popover-title-text~input[type=search].iconpicker-search{margin-top:14px}.iconpicker-popover.popover .popover-content{padding:0;text-align:center}.iconpicker-popover.popover>.arrow,.iconpicker-popover.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.iconpicker *,.icp-container{position:relative}.iconpicker-popover.popover>.arrow{border-width:11px}.iconpicker-popover.popover>.arrow:after{border-width:10px;content:""}.iconpicker-popover.popover.bottomLeft>.arrow{border-top-width:0;border-bottom-color:#e5e5e5;top:-11px}.iconpicker-popover.popover.bottomLeft>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#e5e5e5}.iconpicker-popover.popover.bottomLeft>.arrow{left:14px;margin-left:0}.iconpicker,.iconpicker .iconpicker-items{position:relative;margin:0;overflow:hidden}.iconpicker{text-align:left;text-shadow:none;line-height:0}.iconpicker .iconpicker-items:after,.iconpicker .iconpicker-items:before,.iconpicker:after,.iconpicker:before{content:" ";display:table}.iconpicker *{box-sizing:content-box}.iconpicker .iconpicker-items{float:none;padding:5px 0 0 5px;background:#fff;overflow-y:auto;min-height:55px;max-height:275px}.iconpicker .iconpicker-items i{float:left;width:32px;height:32px;line-height:32px;margin:0 7px 7px 0;text-align:center;cursor:pointer;border-radius:3px;font-size:18px;color:#444;box-shadow:0 0 0 1px #ddd;transition:transform .2s ease}.iconpicker .iconpicker-items i:nth-child(6n){margin-right:0}.iconpicker .iconpicker-items i:hover{transform:scale(1.4);color:#008ec2;box-shadow:none}.icp{padding-left:30px !important}.icp-container .input-group-addon{position:absolute;top:1px;left:5px;padding:3px}
|
||||
@@ -0,0 +1,34 @@
|
||||
<?php
|
||||
function abiz_repeater_register( $wp_customize ) {
|
||||
|
||||
require_once ABIZ_THEME_CORE_DIR . '/customizer/customizer-repeater/class/customizer-repeater-control.php';
|
||||
|
||||
}
|
||||
add_action( 'customize_register', 'abiz_repeater_register' );
|
||||
|
||||
function abiz_repeater_sanitize($input){
|
||||
$input_decoded = json_decode($input,true);
|
||||
|
||||
if(!empty($input_decoded)) {
|
||||
foreach ($input_decoded as $boxk => $box ){
|
||||
foreach ($box as $key => $value){
|
||||
|
||||
switch ( $key ) {
|
||||
case 'icon_value':
|
||||
$input_decoded[$boxk][$key] = wp_kses_post( force_balance_tags( $value ) );
|
||||
break;
|
||||
|
||||
case 'link':
|
||||
$input_decoded[$boxk][$key] = esc_url_raw( $value );
|
||||
break;
|
||||
|
||||
default:
|
||||
$input_decoded[$boxk][$key] = wp_kses_post( force_balance_tags( $value ) );
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
return json_encode($input_decoded);
|
||||
}
|
||||
return $input;
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
<div class="iconpicker-popover popover bottomLeft">
|
||||
<div class="arrow"></div>
|
||||
<div class="popover-title">
|
||||
<input type="search" class="form-control iconpicker-search" placeholder="Type to filter">
|
||||
</div>
|
||||
<div class="popover-content">
|
||||
<div class="iconpicker">
|
||||
<div class="iconpicker-items">
|
||||
<i data-type="iconpicker-item" title=".fa-behance" class="fab fa-behance" data-icon=""></i>
|
||||
<i data-type="iconpicker-item" title=".fa-behance-square" class="fab fa-behance-square"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-facebook-f" class="fab fa-facebook-f"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-facebook-square" class="fab fa-facebook-square"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-google-plus-g" class="fab fa-google-plus-g"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-google-plus-square" class="fab fa-google-plus-square"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-linkedin-in" class="fab fa-linkedin-in"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-linkedin" class="fab fa-linkedin"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-twitter" class="fab fa-twitter"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-twitter-square" class="fab fa-twitter-square"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-vimeo-v" class="fab fa-vimeo-v"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-vimeo-square" class="fab fa-vimeo-square"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-youtube" class="fab fa-youtube"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-youtube-square" class="fab fa-youtube-square"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-ambulance" class="fas fa-ambulance"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-american-sign-language-interpreting" class="fas fa-american-sign-language-interpreting"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-anchor" class="fas fa-anchor"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-android" class="fab fa-android"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-apple" class="fab fa-apple"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-archive" class="fas fa-archive"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-chart-area" class="fas fa-chart-area"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-asterisk" class="fas fa-asterisk"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-car" class="fas fa-car"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-balance-scale" class="fas fa-balance-scale"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-ban" class="fas fa-ban"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-university" class="fas fa-university"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-bicycle" class="fas fa-bicycle"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-birthday-cake" class="fas fa-birthday-cake"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-btc" class="fab fa-btc"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-black-tie" class="fab fa-black-tie"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-bookmark" class="fas fa-bookmark"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-briefcase" class="fas fa-briefcase"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-bus" class="fas fa-bus"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-taxi" class="fas fa-taxi"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-camera" class="fas fa-camera"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-check" class="fas fa-check"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-child" class="fas fa-child"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-code" class="fas fa-code"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-coffee" class="fas fa-coffee"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-cog" class="fas fa-cog"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-comment-dots" class="fas fa-comment-dots"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-cube" class="fas fa-cube"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-dollar-sign" class="fas fa-dollar-sign"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-gem" class="far fa-gem"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-envelope" class="fas fa-envelope"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-female" class="fas fa-female"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-fire-extinguisher" class="fas fa-fire-extinguisher"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-glass-martini" class="fas fa-glass-martini"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-globe" class="fas fa-globe"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-graduation-cap" class="fas fa-graduation-cap"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-heartbeat" class="fas fa-heartbeat"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-heart" class="fas fa-heart"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-bed" class="fas fa-bed"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-hourglass" class="fas fa-hourglass"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-home" class="fas fa-home"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-gavel" class="fas fa-gavel"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-lock" class="fas fa-lock"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-map-signs" class="fas fa-map-signs"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-paint-brush" class="fas fa-paint-brush"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-plane" class="fas fa-plane"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-rocket" class="fas fa-rocket"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-puzzle-piece" class="fas fa-puzzle-piece"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-shield-alt" class="fas fa-shield-alt"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-tag" class="fas fa-tag"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-times" class="fas fa-times"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-unlock" class="fas fa-unlock"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-user" class="fas fa-user"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-user-md" class="fas fa-user-md"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-video" class="fas fa-video"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-wordpress" class="fab fa-wordpress"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-wrench" class="fas fa-wrench"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-chart-line" class="fas fa-chart-line"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-chart-area" class="fas fa-chart-area"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-signal" class="fas fa-signal"></i>
|
||||
<i data-type="iconpicker-item" title=".fa-500px" class="fab fa-500px"></i>
|
||||
</div> <!-- /.iconpicker-items -->
|
||||
</div> <!-- /.iconpicker -->
|
||||
</div> <!-- /.popover-content -->
|
||||
</div> <!-- /.iconpicker-popover -->
|
||||
@@ -0,0 +1,584 @@
|
||||
/* global jQuery */
|
||||
/* global wp */
|
||||
function abiz_media_upload(button_class) {
|
||||
'use strict';
|
||||
jQuery('body').on('click', button_class, function () {
|
||||
var button_id = '#' + jQuery(this).attr('id');
|
||||
var display_field = jQuery(this).parent().children('input:text');
|
||||
var _custom_media = true;
|
||||
|
||||
wp.media.editor.send.attachment = function (props, attachment) {
|
||||
|
||||
if (_custom_media) {
|
||||
if (typeof display_field !== 'undefined') {
|
||||
switch (props.size) {
|
||||
case 'full':
|
||||
display_field.val(attachment.sizes.full.url);
|
||||
display_field.trigger('change');
|
||||
break;
|
||||
case 'medium':
|
||||
display_field.val(attachment.sizes.medium.url);
|
||||
display_field.trigger('change');
|
||||
break;
|
||||
case 'thumbnail':
|
||||
display_field.val(attachment.sizes.thumbnail.url);
|
||||
display_field.trigger('change');
|
||||
break;
|
||||
default:
|
||||
display_field.val(attachment.url);
|
||||
display_field.trigger('change');
|
||||
}
|
||||
}
|
||||
_custom_media = false;
|
||||
} else {
|
||||
return wp.media.editor.send.attachment(button_id, [props, attachment]);
|
||||
}
|
||||
};
|
||||
wp.media.editor.open(button_class);
|
||||
window.send_to_editor = function (html) {
|
||||
|
||||
};
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
/********************************************
|
||||
*** Generate unique id ***
|
||||
*********************************************/
|
||||
function abiz_customizer_repeater_uniqid(prefix, more_entropy) {
|
||||
'use strict';
|
||||
if (typeof prefix === 'undefined') {
|
||||
prefix = '';
|
||||
}
|
||||
|
||||
var retId;
|
||||
var php_js;
|
||||
var formatSeed = function (seed, reqWidth) {
|
||||
seed = parseInt(seed, 10)
|
||||
.toString(16); // to hex str
|
||||
if (reqWidth < seed.length) { // so long we split
|
||||
return seed.slice(seed.length - reqWidth);
|
||||
}
|
||||
if (reqWidth > seed.length) { // so short we pad
|
||||
return new Array(1 + (reqWidth - seed.length))
|
||||
.join('0') + seed;
|
||||
}
|
||||
return seed;
|
||||
};
|
||||
|
||||
// BEGIN REDUNDANT
|
||||
if (!php_js) {
|
||||
php_js = {};
|
||||
}
|
||||
// END REDUNDANT
|
||||
if (!php_js.uniqidSeed) { // init seed with big random int
|
||||
php_js.uniqidSeed = Math.floor(Math.random() * 0x75bcd15);
|
||||
}
|
||||
php_js.uniqidSeed++;
|
||||
|
||||
retId = prefix; // start with prefix, add current milliseconds hex string
|
||||
retId += formatSeed(parseInt(new Date()
|
||||
.getTime() / 1000, 10), 8);
|
||||
retId += formatSeed(php_js.uniqidSeed, 5); // add seed hex string
|
||||
if (more_entropy) {
|
||||
// for more entropy we add a float lower to 10
|
||||
retId += (Math.random() * 10)
|
||||
.toFixed(8)
|
||||
.toString();
|
||||
}
|
||||
|
||||
return retId;
|
||||
}
|
||||
|
||||
|
||||
/********************************************
|
||||
*** General Repeater ***
|
||||
*********************************************/
|
||||
function abiz_customizer_repeater_refresh_social_icons(th) {
|
||||
'use strict';
|
||||
var icons_repeater_values = [];
|
||||
th.find('.customizer-repeater-social-repeater-container').each(function () {
|
||||
var icon = jQuery(this).find('.icp').val();
|
||||
var link = jQuery(this).find('.customizer-repeater-social-repeater-link').val();
|
||||
var id = jQuery(this).find('.customizer-repeater-social-repeater-id').val();
|
||||
|
||||
if (!id) {
|
||||
id = 'customizer-repeater-social-repeater-' + abiz_customizer_repeater_uniqid();
|
||||
jQuery(this).find('.customizer-repeater-social-repeater-id').val(id);
|
||||
}
|
||||
|
||||
if (icon !== '' && link !== '') {
|
||||
icons_repeater_values.push({
|
||||
'icon': icon,
|
||||
'link': link,
|
||||
'id': id
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
th.find('.social-repeater-socials-repeater-colector').val(JSON.stringify(icons_repeater_values));
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
}
|
||||
|
||||
|
||||
function abiz_customizer_repeater_refresh_general_control_values() {
|
||||
'use strict';
|
||||
jQuery('.customizer-repeater-general-control-repeater').each(function () {
|
||||
var values = [];
|
||||
var th = jQuery(this);
|
||||
th.find('.customizer-repeater-general-control-repeater-container').each(function () {
|
||||
|
||||
var icon_value = jQuery(this).find('.icp').val();
|
||||
var text = jQuery(this).find('.customizer-repeater-text-control').val();
|
||||
var link = jQuery(this).find('.customizer-repeater-link-control').val();
|
||||
var text2 = jQuery(this).find('.customizer-repeater-text2-control').val();
|
||||
var link2 = jQuery(this).find('.customizer-repeater-link2-control').val();
|
||||
var link3 = jQuery(this).find('.customizer-repeater-link3-control').val();
|
||||
var color = jQuery(this).find('input.customizer-repeater-color-control').val();
|
||||
var color2 = jQuery(this).find('input.customizer-repeater-color2-control').val();
|
||||
var image_url = jQuery(this).find('.custom-media-url').val();
|
||||
var choice = jQuery(this).find('.customizer-repeater-image-choice').val();
|
||||
var title = jQuery(this).find('.customizer-repeater-title-control').val();
|
||||
var subtitle = jQuery(this).find('.customizer-repeater-subtitle-control').val();
|
||||
var subtitle2 = jQuery(this).find('.customizer-repeater-subtitle2-control').val();
|
||||
var btn3 = jQuery(this).find('.customizer-repeater-btn3-control').val();
|
||||
var button_second = jQuery(this).find('.customizer-repeater-button2-control').val();
|
||||
var align = jQuery(this).find('.customizer-repeater-align').val();
|
||||
var open_new_tab = jQuery(this).find('.customizer-repeater-checkbox').attr("checked") ? 'yes' : 'no';
|
||||
var id = jQuery(this).find('.social-repeater-box-id').val();
|
||||
if (!id) {
|
||||
id = 'social-repeater-' + abiz_customizer_repeater_uniqid();
|
||||
jQuery(this).find('.social-repeater-box-id').val(id);
|
||||
}
|
||||
var social_repeater = jQuery(this).find('.social-repeater-socials-repeater-colector').val();
|
||||
var shortcode = jQuery(this).find('.customizer-repeater-shortcode-control').val();
|
||||
|
||||
if (text !== '' || image_url !== '' || title !== '' || subtitle !== '' || subtitle2 !== '' || btn3 !== '' || icon_value !== '' || link !== '' || choice !== '' || social_repeater !== '' || shortcode !== '' || align !== '' || color !== '') {
|
||||
values.push({
|
||||
'icon_value': (choice === 'customizer_repeater_none' ? '' : icon_value),
|
||||
'color': color,
|
||||
'color2': color2,
|
||||
'text': abizescapeHtml(text),
|
||||
'link': link,
|
||||
'text2': abizescapeHtml(text2),
|
||||
'button_second': abizescapeHtml(button_second),
|
||||
'link2': link2,
|
||||
'link3': link3,
|
||||
'image_url': (choice === 'customizer_repeater_none' ? '' : image_url),
|
||||
'choice': choice,
|
||||
'title': abizescapeHtml(title),
|
||||
'subtitle': abizescapeHtml(subtitle),
|
||||
'subtitle2': abizescapeHtml(subtitle2),
|
||||
'btn3': abizescapeHtml(btn3),
|
||||
'align': abizescapeHtml(align),
|
||||
'open_new_tab' : open_new_tab,
|
||||
'social_repeater': abizescapeHtml(social_repeater),
|
||||
'id': id,
|
||||
'shortcode': abizescapeHtml(shortcode)
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
th.find('.customizer-repeater-colector').val(JSON.stringify(values));
|
||||
th.find('.customizer-repeater-colector').trigger('change');
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
'use strict';
|
||||
var abiz_theme_controls = jQuery('#customize-theme-controls');
|
||||
abiz_theme_controls.on('click', '.customizer-repeater-customize-control-title', function () {
|
||||
jQuery(this).next().slideToggle('medium', function () {
|
||||
if (jQuery(this).is(':visible')){
|
||||
jQuery(this).prev().addClass('repeater-expanded');
|
||||
jQuery(this).css('display', 'block');
|
||||
} else {
|
||||
jQuery(this).prev().removeClass('repeater-expanded');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('change', '.icp',function(){
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
return false;
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('change','.customizer-repeater-align', function(){
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
return false;
|
||||
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('change', '.customizer-repeater-image-choice', function () {
|
||||
if (jQuery(this).val() === 'customizer_repeater_image') {
|
||||
jQuery(this).parent().parent().find('.social-repeater-general-control-icon').hide();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-image-control').show();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-color-control').prev().prev().hide();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-color-control').hide();
|
||||
|
||||
}
|
||||
if (jQuery(this).val() === 'customizer_repeater_icon') {
|
||||
jQuery(this).parent().parent().find('.social-repeater-general-control-icon').show();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-image-control').hide();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-color-control').prev().prev().show();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-color-control').show();
|
||||
}
|
||||
if (jQuery(this).val() === 'customizer_repeater_none') {
|
||||
jQuery(this).parent().parent().find('.social-repeater-general-control-icon').hide();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-image-control').hide();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-color-control').prev().prev().hide();
|
||||
jQuery(this).parent().parent().find('.customizer-repeater-color-control').hide();
|
||||
}
|
||||
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
return false;
|
||||
});
|
||||
abiz_media_upload('.customizer-repeater-custom-media-button');
|
||||
jQuery('.custom-media-url').on('change', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
return false;
|
||||
});
|
||||
|
||||
var color_options = {
|
||||
change: function(event, ui){
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* This adds a new box to repeater
|
||||
*
|
||||
*/
|
||||
abiz_theme_controls.on('click', '.customizer-repeater-new-field', function () {
|
||||
// Usable For Free Theme Only
|
||||
var parentid = jQuery(this).parent().attr("id");
|
||||
|
||||
if(parentid == 'customize-control-hdr_social_icons')
|
||||
{
|
||||
var numItems = jQuery("#customize-control-hdr_social_icons .customizer-repeater-general-control-repeater-container").length
|
||||
if(numItems >= 4){
|
||||
jQuery( "#customize-control-abiz_social_icon_upgrade .flixita-upgrade-pro-message" ).show();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if(parentid == 'customize-control-footer_top_info')
|
||||
{
|
||||
var numItems = jQuery("#customize-control-footer_top_info .customizer-repeater-general-control-repeater-container").length
|
||||
if(numItems >= 4){
|
||||
jQuery( "#customize-control-abiz_footer_top_info_upgrade .flixita-upgrade-pro-message" ).show();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if(parentid == 'customize-control-slider')
|
||||
{
|
||||
var numItems = jQuery("#customize-control-slider .customizer-repeater-general-control-repeater-container").length
|
||||
if(numItems >= 3){
|
||||
jQuery( "#customize-control-abiz_slider_upgrade .flixita-upgrade-pro-message" ).show();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if(parentid == 'customize-control-info_data')
|
||||
{
|
||||
var numItems = jQuery("#customize-control-info_data .customizer-repeater-general-control-repeater-container").length
|
||||
if(numItems >= 4){
|
||||
jQuery( "#customize-control-abiz_info_upgrade .flixita-upgrade-pro-message" ).show();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if(parentid == 'customize-control-service_data')
|
||||
{
|
||||
var numItems = jQuery("#customize-control-service_data .customizer-repeater-general-control-repeater-container").length
|
||||
if(numItems >= 4){
|
||||
jQuery( "#customize-control-abiz_service_upgrade .flixita-upgrade-pro-message" ).show();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if(parentid == 'customize-control-features2_data')
|
||||
{
|
||||
var numItems = jQuery("#customize-control-features2_data .customizer-repeater-general-control-repeater-container").length
|
||||
if(numItems >= 8){
|
||||
jQuery( "#customize-control-abiz_features_upgrade .flixita-upgrade-pro-message" ).show();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var th = jQuery(this).parent();
|
||||
var id = 'customizer-repeater-' + abiz_customizer_repeater_uniqid();
|
||||
|
||||
if (typeof th !== 'undefined') {
|
||||
/* Clone the first box*/
|
||||
var field = th.find('.customizer-repeater-general-control-repeater-container:first').clone( true, true );
|
||||
|
||||
if (typeof field !== 'undefined') {
|
||||
/*Set the default value for choice between image and icon to icon*/
|
||||
field.find('.customizer-repeater-image-choice').val('customizer_repeater_icon');
|
||||
|
||||
/*Show icon selector*/
|
||||
field.find('.social-repeater-general-control-icon').show();
|
||||
|
||||
/*Hide image selector*/
|
||||
if (field.find('.social-repeater-general-control-icon').length > 0) {
|
||||
field.find('.customizer-repeater-image-control').hide();
|
||||
}
|
||||
|
||||
/*Show delete box button because it's not the first box*/
|
||||
field.find('.social-repeater-general-control-remove-field').show();
|
||||
|
||||
/* Empty control for icon */
|
||||
field.find('.input-group-addon').find('.fa').attr('class', 'fa');
|
||||
|
||||
|
||||
/*Remove all repeater fields except first one*/
|
||||
|
||||
field.find('.customizer-repeater-social-repeater').find('.customizer-repeater-social-repeater-container').not(':first').remove();
|
||||
field.find('.customizer-repeater-social-repeater-link').val('');
|
||||
field.find('.social-repeater-socials-repeater-colector').val('');
|
||||
|
||||
/*Remove value from icon field*/
|
||||
field.find('.icp').val('');
|
||||
|
||||
/*Remove value from text field*/
|
||||
field.find('.customizer-repeater-text-control').val('');
|
||||
|
||||
/*Remove value from link field*/
|
||||
field.find('.customizer-repeater-link-control').val('');
|
||||
|
||||
/*Remove value from text field*/
|
||||
field.find('.customizer-repeater-text2-control').val('');
|
||||
|
||||
/*Remove value from button field*/
|
||||
field.find('.customizer-repeater-button2-control').val('');
|
||||
|
||||
/*Remove value from link field*/
|
||||
field.find('.customizer-repeater-link2-control').val('');
|
||||
|
||||
/*Remove value from link field*/
|
||||
field.find('.customizer-repeater-link3-control').val('');
|
||||
|
||||
/*Set the default value in slide align*/
|
||||
field.find('.customizer-repeater-align').val('left');
|
||||
|
||||
/*Set the default value in checkbox*/
|
||||
field.find('.customizer-repeater-checkbox').val('');
|
||||
|
||||
/*Set box id*/
|
||||
field.find('.social-repeater-box-id').val(id);
|
||||
|
||||
/*Remove value from media field*/
|
||||
field.find('.custom-media-url').val('');
|
||||
|
||||
/*Remove value from title field*/
|
||||
field.find('.customizer-repeater-title-control').val('');
|
||||
|
||||
|
||||
/*Remove value from color field*/
|
||||
field.find('div.customizer-repeater-color-control .wp-picker-container').replaceWith('<input type="text" class="customizer-repeater-color-control ' + id + '">');
|
||||
field.find('input.customizer-repeater-color-control').wpColorPicker(color_options);
|
||||
|
||||
|
||||
field.find('div.customizer-repeater-color2-control .wp-picker-container').replaceWith('<input type="text" class="customizer-repeater-color2-control ' + id + '">');
|
||||
field.find('input.customizer-repeater-color2-control').wpColorPicker(color_options);
|
||||
|
||||
// field.find('.customize-control-notifications-container').remove();
|
||||
|
||||
|
||||
/*Remove value from subtitle field*/
|
||||
field.find('.customizer-repeater-subtitle-control').val('');
|
||||
|
||||
/*Remove value from subtitle field*/
|
||||
field.find('.customizer-repeater-subtitle2-control').val('');
|
||||
|
||||
|
||||
/*Remove value from subtitle field*/
|
||||
field.find('.customizer-repeater-btn3-control').val('');
|
||||
|
||||
/*Remove value from shortcode field*/
|
||||
field.find('.customizer-repeater-shortcode-control').val('');
|
||||
|
||||
/*Append new box*/
|
||||
th.find('.customizer-repeater-general-control-repeater-container:first').parent().append(field);
|
||||
|
||||
/*Refresh values*/
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
}
|
||||
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
abiz_theme_controls.on('click', '.social-repeater-general-control-remove-field', function () {
|
||||
if (typeof jQuery(this).parent() !== 'undefined') {
|
||||
jQuery(this).parent().hide(500, function(){
|
||||
var main_social_items = jQuery("#customize-control-hdr_social_icons .customizer-repeater-general-control-repeater-container").length
|
||||
if(main_social_items <= 4){
|
||||
jQuery( "#customize-control-abiz_social_icon_upgrade .flixita-upgrade-pro-message" ).hide();
|
||||
}
|
||||
|
||||
var main_footer_top_items = jQuery("#customize-control-footer_top_info .customizer-repeater-general-control-repeater-container").length
|
||||
if(main_footer_top_items <= 4){
|
||||
jQuery( "#customize-control-abiz_footer_top_info_upgrade .flixita-upgrade-pro-message" ).hide();
|
||||
}
|
||||
|
||||
var main_slider_items = jQuery("#customize-control-slider .customizer-repeater-general-control-repeater-container").length
|
||||
if(main_slider_items <= 3){
|
||||
jQuery( "#customize-control-abiz_slider_upgrade .flixita-upgrade-pro-message" ).hide();
|
||||
}
|
||||
|
||||
var main_info_items = jQuery("#customize-control-info_data .customizer-repeater-general-control-repeater-container").length
|
||||
if(main_info_items <= 4){
|
||||
jQuery( "#customize-control-abiz_info_upgrade .flixita-upgrade-pro-message" ).hide();
|
||||
}
|
||||
|
||||
var main_service_items = jQuery("#customize-control-service_data .customizer-repeater-general-control-repeater-container").length
|
||||
if(main_service_items <= 4){
|
||||
jQuery( "#customize-control-abiz_service_upgrade .flixita-upgrade-pro-message" ).hide();
|
||||
}
|
||||
|
||||
var main_features_items = jQuery("#customize-control-features2_data .customizer-repeater-general-control-repeater-container").length
|
||||
if(main_features_items <= 8){
|
||||
jQuery( "#customize-control-abiz_features_upgrade .flixita-upgrade-pro-message" ).hide();
|
||||
}
|
||||
|
||||
jQuery(this).parent().remove();
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
|
||||
});
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-title-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
jQuery('input.customizer-repeater-color-control').wpColorPicker(color_options);
|
||||
jQuery('input.customizer-repeater-color2-control').wpColorPicker(color_options);
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-subtitle-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-subtitle2-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-btn3-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-shortcode-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-text-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-link-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-text2-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-button2-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-link2-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-link3-control', function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('change','.customizer-repeater-checkbox', function(){
|
||||
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
});
|
||||
|
||||
/*Drag and drop to change icons order*/
|
||||
|
||||
jQuery('.customizer-repeater-general-control-droppable').sortable({
|
||||
axis: 'y',
|
||||
update: function () {
|
||||
abiz_customizer_repeater_refresh_general_control_values();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/*----------------- Socials Repeater ---------------------*/
|
||||
abiz_theme_controls.on('click', '.social-repeater-add-social-item', function (event) {
|
||||
event.preventDefault();
|
||||
var th = jQuery(this).parent();
|
||||
var id = 'customizer-repeater-social-repeater-' + abiz_customizer_repeater_uniqid();
|
||||
if (typeof th !== 'undefined') {
|
||||
var field = th.find('.customizer-repeater-social-repeater-container:first').clone( true, true );
|
||||
if (typeof field !== 'undefined') {
|
||||
field.find( '.icp' ).val('');
|
||||
field.find( '.input-group-addon' ).find('.fa').attr('class','fa');
|
||||
field.find('.social-repeater-remove-social-item').show();
|
||||
field.find('.customizer-repeater-social-repeater-link').val('');
|
||||
field.find('.customizer-repeater-social-repeater-id').val(id);
|
||||
th.find('.customizer-repeater-social-repeater-container:first').parent().append(field);
|
||||
}
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('click', '.social-repeater-remove-social-item', function (event) {
|
||||
event.preventDefault();
|
||||
var th = jQuery(this).parent();
|
||||
var repeater = jQuery(this).parent().parent();
|
||||
th.remove();
|
||||
abiz_customizer_repeater_refresh_social_icons(repeater);
|
||||
return false;
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('keyup', '.customizer-repeater-social-repeater-link', function (event) {
|
||||
event.preventDefault();
|
||||
var repeater = jQuery(this).parent().parent();
|
||||
abiz_customizer_repeater_refresh_social_icons(repeater);
|
||||
return false;
|
||||
});
|
||||
|
||||
abiz_theme_controls.on('change', '.customizer-repeater-social-repeater-container .icp', function (event) {
|
||||
event.preventDefault();
|
||||
var repeater = jQuery(this).parent().parent().parent();
|
||||
abiz_customizer_repeater_refresh_social_icons(repeater);
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
var abizentityMap = {
|
||||
'&': '&',
|
||||
'<': '<',
|
||||
'>': '>',
|
||||
'"': '"',
|
||||
'\'': ''',
|
||||
'/': '/'
|
||||
};
|
||||
|
||||
function abizescapeHtml(string) {
|
||||
'use strict';
|
||||
//noinspection JSUnresolvedFunction
|
||||
string = String(string).replace(new RegExp('\r?\n', 'g'), '<br />');
|
||||
string = String(string).replace(/\\/g, '\');
|
||||
return String(string).replace(/[&<>"'\/]/g, function (s) {
|
||||
return abizentityMap[s];
|
||||
});
|
||||
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
(function ($) {
|
||||
'use strict';
|
||||
wp.abizcustomizerRepeater = {
|
||||
|
||||
init: function () {
|
||||
$('.iconpicker-items>i').on('click', function () {
|
||||
var iconClass = $(this).attr('class');
|
||||
var classInput = $(this).parents('.iconpicker-popover').prev().find('.icp');
|
||||
classInput.val(iconClass);
|
||||
classInput.attr('value', iconClass);
|
||||
|
||||
var iconPreview = classInput.next('.input-group-addon');
|
||||
var iconElement = '<i class="'.concat(iconClass, '"><\/i>');
|
||||
iconPreview.empty();
|
||||
iconPreview.append(iconElement);
|
||||
|
||||
var th = $(this).parent().parent().parent();
|
||||
classInput.trigger('change');
|
||||
abiz_customizer_repeater_refresh_social_icons(th);
|
||||
return false;
|
||||
});
|
||||
},
|
||||
search: function ($searchField) {
|
||||
var itemsList = $searchField.parent().next().find('.iconpicker-items');
|
||||
var searchTerm = $searchField.val().toLowerCase();
|
||||
if (searchTerm.length > 0) {
|
||||
itemsList.children().each(function () {
|
||||
if ($(this).filter('[title*='.concat(searchTerm)).length > 0 || searchTerm.length < 1) {
|
||||
$(this).show();
|
||||
} else {
|
||||
$(this).hide();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
itemsList.children().show();
|
||||
}
|
||||
},
|
||||
iconPickerToggle: function ($input) {
|
||||
var iconPicker = $input.parent().next();
|
||||
iconPicker.addClass('iconpicker-visible');
|
||||
}
|
||||
};
|
||||
|
||||
$(document).ready(function () {
|
||||
wp.abizcustomizerRepeater.init();
|
||||
|
||||
$('.iconpicker-search').on('keyup', function () {
|
||||
wp.abizcustomizerRepeater.search($(this));
|
||||
});
|
||||
|
||||
$('.icp-auto').on('click', function () {
|
||||
wp.abizcustomizerRepeater.iconPickerToggle($(this));
|
||||
});
|
||||
|
||||
$(document).mouseup( function (e) {
|
||||
var container = $('.iconpicker-popover');
|
||||
|
||||
if (!container.is(e.target)
|
||||
&& container.has(e.target).length === 0)
|
||||
{
|
||||
container.removeClass('iconpicker-visible');
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
1
wp-content/themes/abiz/core/customizer/customizer-repeater/js/fontawesome-iconpicker.min.js
vendored
Normal file
1
wp-content/themes/abiz/core/customizer/customizer-repeater/js/fontawesome-iconpicker.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
!function(e){"use strict";wp.abizcustomizerRepeater={init:function(){e(".iconpicker-items>i").on("click",function(){var i=e(this).attr("class").slice(3),t=e(this).parents(".iconpicker-popover").prev().find(".icp");t.val(i),t.attr("value",i);var n=t.next(".input-group-addon"),c='<i class="fa '.concat(i,'"></i>');n.empty(),n.append(c);var r=e(this).parent().parent().parent();return t.trigger("change"),abiz_customizer_repeater_refresh_social_icons(r),!1})},search:function(i){var t=i.parent().next().find(".iconpicker-items"),n=i.val().toLowerCase();n.length>0?t.children().each(function(){e(this).filter("[title*=".concat(n)).length>0||n.length<1?e(this).show():e(this).hide()}):t.children().show()},iconPickerToggle:function(e){e.parent().next().addClass("iconpicker-visible")}},e(document).ready(function(){wp.abizcustomizerRepeater.init(),e(".iconpicker-search").on("keyup",function(){wp.abizcustomizerRepeater.search(e(this))}),e(".icp-auto").on("click",function(){wp.abizcustomizerRepeater.iconPickerToggle(e(this))}),e(document).mouseup(function(i){var t=e(".iconpicker-popover");t.is(i.target)||0!==t.has(i.target).length||t.removeClass("iconpicker-visible")})})}(jQuery);
|
||||
Reference in New Issue
Block a user