Manager

Back Back Up Advanced Editor

<?php

namespace CarouselSlider\Admin;

use CarouselSlider\Helper;
use CarouselSlider\Supports\Sanitize;
use WP_Post;

/**
 * MetaBoxConfig class
 */
class MetaBoxConfig {

/**
	 * Get hook args
	 *
	 * @return array
	 */
	public static function get_args(): array {
		global $post;
		$data = [
			'id'   => 0,
			'type' => '',
		];
		if ( $post instanceof WP_Post ) {
			$slide_type = get_post_meta( $post->ID, '_slide_type', true );

$data['id']   = $post->ID;
			$data['type'] = array_key_exists( $slide_type, Helper::get_slide_types() ) ? $slide_type : '';
		}

return $data;
	}

/**
	 * Get sections
	 *
	 * @return array[]
	 */
	public static function get_sections_settings(): array {
		return [
			'section_general_settings'    => [
				'hook'  => 'metabox_general_settings',
				'id'    => 'section_general_settings',
				'label' => __( 'General Settings', 'carousel-slider' ),
			],
			'section_navigation_settings' => [
				'hook'  => 'metabox_navigation_settings',
				'id'    => 'section_navigation_settings',
				'label' => __( 'Navigation Settings', 'carousel-slider' ),
			],
			'section_pagination_settings' => [
				'hook'  => 'metabox_pagination_settings',
				'id'    => 'section_pagination_settings',
				'label' => __( 'Pagination Settings', 'carousel-slider' ),
			],
			'section_autoplay_settings'   => [
				'hook'  => 'metabox_autoplay_settings',
				'id'    => 'section_autoplay_settings',
				'label' => __( 'Autoplay Settings', 'carousel-slider' ),
			],
			'section_color_settings'      => [
				'hook'  => 'metabox_color_settings',
				'id'    => 'section_color_settings',
				'label' => __( 'Color Settings', 'carousel-slider' ),
			],
		];
	}

/**
	 * Get all settings
	 *
	 * @return array
	 */
	public static function get_fields_settings(): array {
		$settings = array_merge(
			self::get_general_settings(),
			self::get_navigation_settings(),
			self::get_pagination_settings(),
			self::get_autoplay_settings(),
			self::get_color_settings()
		);

return apply_filters( 'carousel_slider/admin/metabox_config', $settings, self::get_args() );
	}

/**
	 * Get general settings
	 *
	 * @return array
	 */
	public static function get_general_settings(): array {
		$settings = [
			'image_size'       => [
				'section'     => 'section_general_settings',
				'default'     => 'medium_large',
				'id'          => '_image_size',
				'label'       => esc_html__( 'Carousel Image size', 'carousel-slider' ),
				'description' => sprintf(
				/* translators: 1: setting media page link start, 2: setting media page link end */
					esc_html__( 'Choose "original uploaded image" for full size image or your desired image size for carousel image. You can change the default size for thumbnail, medium and large from %1$s Settings >> Media %2$s.', 'carousel-slider' ),
					'<a target="_blank" href="' . admin_url( 'options-media.php' ) . '">',
					'</a>'
				),
				'type'        => 'image_sizes',
			],
			'space_between'    => [
				'section'     => 'section_general_settings',
				'type'        => 'number',
				'id'          => '_margin_right',
				'label'       => esc_html__( 'Item Spacing.', 'carousel-slider' ),
				'description' => esc_html__( 'Space between two slide. Enter 10 for 10px', 'carousel-slider' ),
				'default'     => Helper::get_default_setting( 'margin_right' ),
			],
			'stage_padding'    => [
				'section'     => 'section_general_settings',
				'type'        => 'number',
				'id'          => '_stage_padding',
				'label'       => esc_html__( 'Stage Padding', 'carousel-slider' ),
				'description' => esc_html__( 'Add left and right padding on carousel slider stage wrapper.', 'carousel-slider' ),
				'default'     => 0,
			],
			'lazy_load'        => [
				'section'     => 'section_general_settings',
				'type'        => 'switch',
				'id'          => '_lazy_load_image',
				'label'       => esc_html__( 'Lazy Loading', 'carousel-slider' ),
				'description' => esc_html__( 'Enable image with lazy loading.', 'carousel-slider' ),
				'default'     => Helper::get_default_setting( 'lazy_load_image' ),
			],
			'loop'             => [
				'section'     => 'section_general_settings',
				'type'        => 'switch',
				'id'          => '_infinity_loop',
				'label'       => esc_html__( 'Infinity loop', 'carousel-slider' ),
				'description' => esc_html__( 'Enable or disable loop(circular) of carousel.', 'carousel-slider' ),
				'default'     => 'on',
			],
			'type_of_slider'   => [
				'section'     => 'section_general_settings',
				'type'        => 'button_group',
				'id'          => '_type_of_slider',
				'label'       => esc_html__( 'Slider Type', 'carousel-slider' ),
				'description' => esc_html__( 'Choose slider if you want to display one image/slide at a time. Choose carousel if you want to display multiple images/slides at a time.', 'carousel-slider' ),
				'default'     => 'carousel',
				'choices'     => [
					[
						'value' => 'carousel',
						'label' => esc_html__( 'Carousel', 'carousel-slider' ),
					],
					[
						'value' => 'slider',
						'label' => esc_html__( 'Slider', 'carousel-slider' ),
					],
				],
			],
			'auto_width'       => [
				'section'     => 'section_general_settings',
				'type'        => 'switch',
				'id'          => '_auto_width',
				'label'       => esc_html__( 'Auto Width', 'carousel-slider' ),
				'description' => esc_html__( 'Set item width according to its content width. Use width style on item to get the result you want. ', 'carousel-slider' ),
				'default'     => 'off',
				'condition'   => [
					'_type_of_slider' => 'carousel',
				],
			],
			'slides_per_view'  => [
				'section'           => 'section_general_settings',
				'type'              => 'responsive_control',
				'id'                => '_slides_per_view',
				'label'             => esc_html__( 'Slides Per View', 'carousel-slider' ),
				'description'       => esc_html__( 'Set number of slides to show per view. If you enable "Auto Width", this option will be disabled.', 'carousel-slider' ),
				'device_choices'    => [ 'xs', 'sm', 'md', 'lg', 'xl', '2xl' ],
				'default'           => [
					'xs'  => 1,
					'sm'  => 2,
					'md'  => 2,
					'lg'  => 3,
					'xl'  => 4,
					'2xl' => 5,
				],
				'condition'         => [
					'_type_of_slider' => 'carousel',
				],
				'sanitize_callback' => [ Sanitize::class, 'deep_int' ],
			],
			'slider_direction' => [
				'section'     => 'section_general_settings',
				'type'        => 'button_group',
				'id'          => '_slider_direction',
				'label'       => esc_html__( 'Slider Direction', 'carousel-slider' ),
				'description' => esc_html__( 'Choose slider direction.', 'carousel-slider' ),
				'default'     => 'horizontal',
				'pro_only'    => true,
				'choices'     => [
					[
						'value' => 'horizontal',
						'label' => esc_html__( 'Horizontal', 'carousel-slider' ),
					],
					[
						'value'    => 'vertical',
						'label'    => esc_html__( 'Vertical', 'carousel-slider' ),
						'pro_only' => true,
					],
				],
			],
			'slider_effect'    => [
				'section'     => 'section_general_settings',
				'type'        => 'button_group',
				'id'          => '_slider_effect',
				'label'       => esc_html__( 'Slider Effect', 'carousel-slider' ),
				'description' => esc_html__( 'Choose slider effect.', 'carousel-slider' ),
				'default'     => 'slide',
				'pro_only'    => true,
				'choices'     => [
					[
						'value' => 'slide',
						'label' => esc_html__( 'Slide', 'carousel-slider' ),
					],
					[
						'value'    => 'fade',
						'label'    => esc_html__( 'Fade', 'carousel-slider' ),
						'pro_only' => true,
					],
					[
						'value'    => 'cube',
						'label'    => esc_html__( 'Cube', 'carousel-slider' ),
						'pro_only' => true,
					],
					[
						'value'    => 'coverflow',
						'label'    => esc_html__( 'Coverflow', 'carousel-slider' ),
						'pro_only' => true,
					],
					[
						'value'    => 'flip',
						'label'    => esc_html__( 'Flip', 'carousel-slider' ),
						'pro_only' => true,
					],
					[
						'value'    => 'creative',
						'label'    => esc_html__( 'Creative', 'carousel-slider' ),
						'pro_only' => true,
					],
					[
						'value'    => 'cards',
						'label'    => esc_html__( 'Cards', 'carousel-slider' ),
						'pro_only' => true,
					],
				],
			],
		];

return apply_filters( 'carousel_slider/admin/metabox_general_config', $settings, self::get_args() );
	}

/**
	 * Get navigation settings
	 *
	 * @return array
	 */
	public static function get_navigation_settings(): array {
		$settings = [
			'nav_visibility' => [
				'section'     => 'section_navigation_settings',
				'type'        => 'button_group',
				'id'          => '_nav_button',
				'label'       => esc_html__( 'Show Navigation', 'carousel-slider' ),
				'description' => esc_html__( 'Choose when to show arrow navigator.', 'carousel-slider' ),
				'default'     => 'on',
				'choices'     => [
					'off'    => esc_html__( 'Never', 'carousel-slider' ),
					'on'     => esc_html__( 'Mouse Over', 'carousel-slider' ),
					'always' => esc_html__( 'Always', 'carousel-slider' ),
				],
			],
			'nav_steps'      => [
				'section'     => 'section_navigation_settings',
				'type'        => 'text',
				'id'          => '_slide_by',
				'label'       => esc_html__( 'Navigation Steps', 'carousel-slider' ),
				'description' => esc_html__( 'Steps to go for each navigation request. Write -1 to slide by page.', 'carousel-slider' ),
				'default'     => 1,
			],
			'nav_size'       => [
				'section'     => 'section_navigation_settings',
				'type'        => 'number',
				'id'          => '_arrow_size',
				'label'       => esc_html__( 'Navigation Size', 'carousel-slider' ),
				'description' => esc_html__( 'Enter arrow size in pixels.', 'carousel-slider' ),
				'default'     => 48,
			],
			'nav_position'   => [
				'section'     => 'section_navigation_settings',
				'type'        => 'button_group',
				'id'          => '_arrow_position',
				'label'       => esc_html__( 'Navigation Position', 'carousel-slider' ),
				'description' => esc_html__( 'Choose where to show arrow. Inside slider or outside slider.', 'carousel-slider' ),
				'default'     => Helper::is_using_swiper() ? 'inside' : 'outside',
				'choices'     => [
					[
						'value'    => 'outside',
						'label'    => esc_html__( 'Outside', 'carousel-slider' ),
						'disabled' => Helper::is_using_swiper(),
					],
					[
						'value' => 'inside',
						'label' => esc_html__( 'Inside', 'carousel-slider' ),
					],
				],
			],
		];

return apply_filters( 'carousel_slider/admin/metabox_navigation_config', $settings, self::get_args() );
	}

/**
	 * Get pagination settings
	 *
	 * @return array
	 */
	public static function get_pagination_settings(): array {
		$settings = [
			'pagination_visibility' => [
				'section'     => 'section_pagination_settings',
				'type'        => 'button_group',
				'id'          => '_dot_nav',
				'label'       => esc_html__( 'Show Pagination', 'carousel-slider' ),
				'description' => esc_html__( 'Choose when to show pagination.', 'carousel-slider' ),
				'default'     => 'off',
				'choices'     => [
					'off'   => esc_html__( 'Never', 'carousel-slider' ),
					'on'    => esc_html__( 'Always', 'carousel-slider' ),
					'hover' => esc_html__( 'Mouse Over', 'carousel-slider' ),
				],
			],
			'pagination_alignment'  => [
				'section'     => 'section_pagination_settings',
				'type'        => 'button_group',
				'id'          => '_bullet_position',
				'label'       => esc_html__( 'Pagination Alignment', 'carousel-slider' ),
				'description' => esc_html__( 'Choose pagination alignment.', 'carousel-slider' ),
				'default'     => 'center',
				'choices'     => [
					'left'   => esc_html__( 'Left', 'carousel-slider' ),
					'center' => esc_html__( 'Center', 'carousel-slider' ),
					'right'  => esc_html__( 'Right', 'carousel-slider' ),
				],
			],
			'pagination_size'       => [
				'section'     => 'section_pagination_settings',
				'type'        => 'number',
				'id'          => '_bullet_size',
				'label'       => esc_html__( 'Pagination Size', 'carousel-slider' ),
				'description' => esc_html__( 'Enter pagination size in pixels.', 'carousel-slider' ),
				'default'     => 10,
			],
			'pagination_shape'      => [
				'section'     => 'section_pagination_settings',
				'type'        => 'button_group',
				'id'          => '_bullet_shape',
				'label'       => esc_html__( 'Pagination Shape', 'carousel-slider' ),
				'description' => esc_html__( 'Choose pagination shape.', 'carousel-slider' ),
				'default'     => 'circle',
				'choices'     => [
					'square' => esc_html__( 'Square', 'carousel-slider' ),
					'circle' => esc_html__( 'Circle', 'carousel-slider' ),
				],
			],
		];

$settings['pagination_position'] = [
			'section'     => 'section_pagination_settings',
			'type'        => 'button_group',
			'id'          => '_pagination_position',
			'label'       => esc_html__( 'Pagination Position', 'carousel-slider' ),
			'description' => esc_html__( 'Choose where to show pagination. Inside slider or outside slider.', 'carousel-slider' ),
			'default'     => Helper::is_using_swiper() ? 'inside' : 'outside',
			'pro_only'    => true,
			'choices'     => [
				[
					'value'    => 'outside',
					'label'    => esc_html__( 'Outside', 'carousel-slider' ),
					'disabled' => Helper::is_using_swiper(),
				],
				[
					'value' => 'inside',
					'label' => esc_html__( 'Inside', 'carousel-slider' ),
				],
			],
		];
		$settings['pagination_type']     = [
			'section'     => 'section_pagination_settings',
			'type'        => 'button_group',
			'id'          => '_pagination_type',
			'label'       => esc_html__( 'Pagination Type', 'carousel-slider' ),
			'description' => esc_html__( 'Choose pagination type.', 'carousel-slider' ),
			'default'     => 'bullets',
			'pro_only'    => true,
			'choices'     => [
				[
					'value' => 'bullets',
					'label' => esc_html__( 'Bullets', 'carousel-slider' ),
				],
				[
					'value'    => 'fraction',
					'label'    => esc_html__( 'Fraction', 'carousel-slider' ),
					'pro_only' => true,
				],
				[
					'value'    => 'progressbar',
					'label'    => esc_html__( 'progressbar', 'carousel-slider' ),
					'pro_only' => true,
				],
				[
					'value'    => 'custom',
					'label'    => esc_html__( 'custom', 'carousel-slider' ),
					'pro_only' => true,
				],
			],
		];

return apply_filters( 'carousel_slider/admin/metabox_pagination_config', $settings, self::get_args() );
	}

/**
	 * Get autoplay settings
	 *
	 * @return array
	 */
	public static function get_autoplay_settings(): array {
		$settings = [
			'autoplay'             => [
				'section'     => 'section_autoplay_settings',
				'type'        => 'switch',
				'id'          => '_autoplay',
				'label'       => esc_html__( 'AutoPlay', 'carousel-slider' ),
				'description' => esc_html__( 'Choose whether slideshow should play automatically.', 'carousel-slider' ),
				'default'     => 'on',
			],
			'autoplay_hover_pause' => [
				'section'     => 'section_autoplay_settings',
				'type'        => 'switch',
				'id'          => '_autoplay_pause',
				'label'       => esc_html__( 'Pause On Hover', 'carousel-slider' ),
				'description' => esc_html__( 'Pause automatic play on mouse hover.', 'carousel-slider' ),
				'default'     => 'on',
			],
			'autoplay_delay'       => [
				'section'     => 'section_autoplay_settings',
				'type'        => 'number',
				'id'          => '_autoplay_timeout',
				'label'       => esc_html__( 'Autoplay Timeout', 'carousel-slider' ),
				'description' => esc_html__( 'Automatic play interval timeout in millisecond.', 'carousel-slider' ),
				'default'     => 5000,
			],
			'autoplay_speed'       => [
				'section'     => 'section_autoplay_settings',
				'type'        => 'number',
				'id'          => '_autoplay_speed',
				'label'       => esc_html__( 'Autoplay Speed', 'carousel-slider' ),
				'description' => esc_html__( 'Automatic play speed in millisecond.', 'carousel-slider' ),
				'default'     => 500,
			],
		];

return apply_filters( 'carousel_slider/admin/metabox_autoplay_config', $settings, self::get_args() );
	}

/**
	 * Get color settings
	 *
	 * @return array
	 */
	public static function get_color_settings(): array {
		$settings = [
			'nav_color'        => [
				'section'     => 'section_color_settings',
				'type'        => 'color',
				'id'          => '_nav_color',
				'label'       => esc_html__( 'Navigation & Pagination Color', 'carousel-slider' ),
				'description' => esc_html__( 'Set theme color to use with navigation and pagination.', 'carousel-slider' ),
				'default'     => Helper::get_default_setting( 'nav_color' ),
			],
			'nav_active_color' => [
				'section'     => 'section_color_settings',
				'type'        => 'color',
				'id'          => '_nav_active_color',
				'label'       => esc_html__( 'Navigation & Pagination Hover Color', 'carousel-slider' ),
				'description' => esc_html__( 'Set theme color for hover and active state to use with navigation and pagination.', 'carousel-slider' ),
				'default'     => Helper::get_default_setting( 'nav_active_color' ),
			],
		];

return apply_filters( 'carousel_slider/admin/metabox_color_config', $settings, self::get_args() );
	}

/**
	 * Get responsive settings
	 *
	 * @return array
	 */
	public static function get_responsive_settings(): array {
		$settings = [
			'items_on_fullhd'       => [
				'section'     => 'section_responsive_settings',
				'type'        => 'number',
				'id'          => '_items',
				'label'       => esc_html__( 'Columns: Full HD', 'carousel-slider' ),
				'description' => esc_html__( 'The number of items you want to see on the Extra Large Desktop Layout (Screens size greater than 1921 pixels DP)', 'carousel-slider' ),
				'default'     => 4,
			],
			'items_on_widescreen'   => [
				'section'     => 'section_responsive_settings',
				'type'        => 'number',
				'id'          => '_items_desktop',
				'label'       => esc_html__( 'Columns : Desktop', 'carousel-slider' ),
				'description' => esc_html__( 'The number of items you want to see on the Desktop Layout (Screens size from 1200 pixels DP to 1920 pixels DP)', 'carousel-slider' ),
				'default'     => 4,
			],
			'items_on_desktop'      => [
				'section'     => 'section_responsive_settings',
				'type'        => 'number',
				'id'          => '_items_small_desktop',
				'label'       => esc_html__( 'Columns : Small Desktop', 'carousel-slider' ),
				'description' => esc_html__( 'The number of items you want to see on the Small Desktop Layout (Screens size from 993 pixels DP to 1199 pixels DP)', 'carousel-slider' ),
				'default'     => 3,
			],
			'items_on_tablet'       => [
				'section'     => 'section_responsive_settings',
				'type'        => 'number',
				'id'          => '_items_portrait_tablet',
				'label'       => esc_html__( 'Columns : Tablet', 'carousel-slider' ),
				'description' => esc_html__( 'The number of items you want to see on the Tablet Layout (Screens size from 768 pixels DP to 992 pixels DP)', 'carousel-slider' ),
				'default'     => 2,
			],
			'items_on_small_tablet' => [
				'section'     => 'section_responsive_settings',
				'type'        => 'number',
				'id'          => '_items_small_portrait_tablet',
				'label'       => esc_html__( 'Columns : Small Tablet', 'carousel-slider' ),
				'description' => esc_html__( 'The number of items you want to see on the Small Tablet Layout(Screens size from 600 pixels DP to 767 pixels DP)', 'carousel-slider' ),
				'default'     => 2,
			],
			'items_on_mobile'       => [
				'section'     => 'section_responsive_settings',
				'type'        => 'number',
				'id'          => '_items_portrait_mobile',
				'label'       => esc_html__( 'Columns : Mobile', 'carousel-slider' ),
				'description' => esc_html__( 'The number of items you want to see on the Mobile Layout (Screens size from 320 pixels DP to 599 pixels DP)', 'carousel-slider' ),
				'default'     => 1,
			],
		];

return apply_filters( 'carousel_slider/admin/metabox_responsive_config', $settings, self::get_args() );
	}
}