Na}{

File Content: `spinner-options.php`

<?php

if ( ! function_exists( 'hiroshi_core_add_page_spinner_options' ) ) {
	/**
	 * Function that add general options for this module
	 */
	function hiroshi_core_add_page_spinner_options( $page ) {

		if ( $page ) {
			$page->add_field_element(
				array(
					'field_type'    => 'yesno',
					'name'          => 'qodef_enable_page_spinner',
					'title'         => esc_html__( 'Enable Page Spinner', 'hiroshi-core' ),
					'description'   => esc_html__( 'Enable Page Spinner Effect', 'hiroshi-core' ),
					'default_value' => 'no',
				)
			);

			$spinner_section = $page->add_section_element(
				array(
					'name'       => 'qodef_page_spinner_section',
					'title'      => esc_html__( 'Page Spinner Section', 'hiroshi-core' ),
					'dependency' => array(
						'show' => array(
							'qodef_enable_page_spinner' => array(
								'values'        => 'yes',
								'default_value' => 'no',
							),
						),
					),
				)
			);

			$spinner_section->add_field_element(
				array(
					'field_type'    => 'select',
					'name'          => 'qodef_page_spinner_type',
					'title'         => esc_html__( 'Select Page Spinner Type', 'hiroshi-core' ),
					'description'   => esc_html__( 'Choose a page spinner animation style', 'hiroshi-core' ),
					'options'       => apply_filters( 'hiroshi_core_filter_page_spinner_layout_options', array() ),
					'default_value' => apply_filters( 'hiroshi_core_filter_page_spinner_default_layout_option', '' ),
				)
			);

			$spinner_section->add_field_element(
				array(
					'field_type'  => 'color',
					'name'        => 'qodef_page_spinner_background_color',
					'title'       => esc_html__( 'Spinner Background Color', 'hiroshi-core' ),
					'description' => esc_html__( 'Choose the spinner background color', 'hiroshi-core' ),
				)
			);

			$spinner_section->add_field_element(
				array(
					'field_type'  => 'color',
					'name'        => 'qodef_page_spinner_color',
					'title'       => esc_html__( 'Spinner Color', 'hiroshi-core' ),
					'description' => esc_html__( 'Choose the spinner color', 'hiroshi-core' ),
				)
			);

            $spinner_section->add_field_element(
                array(
                    'field_type'    => 'text',
                    'name'          => 'qodef_page_spinner_text',
                    'title'         => esc_html__( 'Spinner Text', 'hiroshi-core' ),
                    'description'   => esc_html__( 'Enter the spinner text', 'hiroshi-core' ),
                    'default_value' => 'hiroshi',
                    'dependency'    => array(
                        'show' => array(
                            'qodef_page_spinner_type' => array(
                                'values'        => array('textual','predefined'),
                                'default_value' => ''
                            )
                        )
                    )
                )
            );

			$spinner_section->add_field_element(
				array(
					'field_type' => 'image',
					'name'       => 'qodef_spinner_image_gallery',
					'title'      => esc_html__( 'Upload Spinner Images', 'hiroshi-core' ),
					'multiple'   => 'yes',
					'dependency' => array(
						'show' => array(
							'qodef_page_spinner_type' => array(
								'values' => array(
									'predefined'
								),
								'default_value' => '',
							),
						),
					),
				)
			);

			$spinner_section->add_field_element(
				array(
					'field_type'    => 'yesno',
					'name'          => 'qodef_page_spinner_fade_out_animation',
					'title'         => esc_html__( 'Enable Fade Out Animation', 'hiroshi-core' ),
					'description'   => esc_html__( 'Enabling this option will turn on fade out animation when leaving page', 'hiroshi-core' ),
					'default_value' => 'no',
				)
			);
		}
	}

	add_action( 'hiroshi_core_action_after_general_options_map', 'hiroshi_core_add_page_spinner_options' );
}
File Content: spinner-options.php

File Content: `spinner-options.php`
