* @link http://tareq.weDevs.com Tareq's Planet * @example src/settings-api.php How to use the class */ // Exit if accessed directly if ( !defined( 'ABSPATH' ) ) { exit; } class SettingsAPI { /** * settings sections array * * @var array */ private $settings_sections = array() ; /** * Settings fields array * * @var array */ private $settings_fields = array() ; /** * Singleton instance * * @var object */ private static $_instance ; /* * Name */ private $name ; /* * Prefix */ private $prefix ; /* * Constructor * * @param string $prefix - unique prefix for CSS classes and other names */ public function __construct( $name = '' ) { add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) ); $this->name = sanitize_title( $name ); $this->prefix = sanitize_title( $name ) . '-'; } /** * Enqueue scripts and styles */ function admin_enqueue_scripts() { wp_enqueue_style( 'wp-color-picker' ); wp_enqueue_media(); wp_enqueue_script( 'wp-color-picker' ); wp_enqueue_script( 'jquery' ); } /** * Set settings sections * * @param array $sections setting sections array */ function set_sections( $sections ) { $this->settings_sections = $sections; return $this; } /** * Add a single section * * @param array $section */ function add_section( $section ) { $this->settings_sections[] = $section; return $this; } /** * Set settings fields * * @param array $fields settings fields array */ function set_fields( $fields ) { $this->settings_fields = $fields; return $this; } function add_field( $section, $field ) { $defaults = array( 'name' => '', 'label' => '', 'desc' => '', 'type' => 'text', ); $arg = wp_parse_args( $field, $defaults ); $this->settings_fields[$section][] = $arg; return $this; } /** * Initialize and registers the settings sections and fileds to WordPress * * Usually this should be called at `admin_init` hook. * * This function gets the initiated settings sections and fields. Then * registers them to WordPress and ready for use. */ public function settings_init() { if ( false == get_option( $this->name ) ) { add_option( $this->name ); } //Register settings sections foreach ( $this->settings_sections as $section ) { if ( isset( $section['desc'] ) && !empty($section['desc']) ) { $section['desc'] = '
' . $section['desc'] . '
'; $callback = create_function( '', 'echo "' . str_replace( '"', '\\"', $section['desc'] ) . '";' ); } else { if ( isset( $section['callback'] ) ) { $callback = $section['callback']; } else { $callback = null; } } add_settings_section( $section['id'], $section['title'], $callback, $section['id'] ); } //Register settings fields foreach ( $this->settings_fields as $section => $field ) { foreach ( $field as $option ) { $type = ( isset( $option['type'] ) ? $option['type'] : 'text' ); $args = array( 'id' => $option['name'], 'label_for' => $args['label_for'] = "{$this->name}[{$option['name']}]", 'desc' => ( isset( $option['desc'] ) ? $option['desc'] : '' ), 'name' => $option['label'], 'size' => ( isset( $option['size'] ) ? $option['size'] : null ), 'options' => ( isset( $option['options'] ) ? $option['options'] : '' ), 'std' => ( isset( $option['default'] ) ? $option['default'] : '' ), 'class' => ( isset( $option['class'] ) ? $option['class'] : '' ), 'sanitize_callback' => ( isset( $option['sanitize_callback'] ) ? $option['sanitize_callback'] : '' ), 'type' => $type, ); add_settings_field( "{$this->name}[" . $option['name'] . ']', $option['label'], array( $this, 'callback_' . $type ), $section, $section, $args ); } } // Creates our settings in the options table foreach ( $this->settings_sections as $section ) { register_setting( $section['id'], $this->name, array( $this, 'sanitize_options' ) ); } } /** * Get field description for display * * @param array $args settings field args */ public function get_field_description( $args ) { if ( !empty($args['desc']) ) { $css_class = $this->prefix . 'description-field'; $desc = sprintf( '

%s

', $css_class, $args['desc'] ); } else { $desc = ''; } return $desc; } /** * Head */ function callback_head( $args ) { echo '' ; } /** * Displays a text field for a settings field * * @param array $args settings field args */ function callback_text( $args ) { $value = apply_filters( 'dgwt/wcas/settings/option_value', esc_attr( $this->get_option( $args['id'], $args['std'] ) ), $args['std'], $args ); $size = ( isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular' ); $type = ( isset( $args['type'] ) ? $args['type'] : 'text' ); $html = sprintf( '', $type, $size, $this->name, $args['id'], $value ); $html .= $this->get_field_description( $args ); echo $html ; } /** * Displays a url field for a settings field * * @param array $args settings field args */ function callback_url( $args ) { $this->callback_text( $args ); } /** * Displays a number field for a settings field * * @param array $args settings field args */ function callback_number( $args ) { $this->callback_text( $args ); } /** * Displays a checkbox for a settings field * * @param array $args settings field args */ function callback_checkbox( $args ) { $value = apply_filters( 'dgwt/wcas/settings/option_value', esc_attr( $this->get_option( $args['id'], $args['std'] ) ), $args['std'], $args ); $html = '
'; $html .= sprintf( '', $this->name, $args['desc'] ); $html .= '
'; echo $html ; } /** * Displays a multicheckbox a settings field * * @param array $args settings field args */ function callback_multicheck( $args ) { $value = apply_filters( 'dgwt/wcas/settings/option_value', $this->get_option( $args['id'], $args['std'] ), $args['std'], $args ); $html = '
'; foreach ( $args['options'] as $key => $label ) { $checked = ( isset( $value[$key] ) ? $value[$key] : '0' ); $html .= sprintf( '
', $label ); } $html .= $this->get_field_description( $args ); $html .= '
'; echo $html ; } /** * Displays a multicheckbox a settings field * * @param array $args settings field args */ function callback_radio( $args ) { $value = apply_filters( 'dgwt/wcas/settings/option_value', $this->get_option( $args['id'], $args['std'], false ), $args['std'], $args ); $html = '
'; foreach ( $args['options'] as $key => $label ) { $html .= sprintf( '
', $label ); } $html .= $this->get_field_description( $args ); $html .= '
'; echo $html ; } /** * Displays a selectbox for a settings field * * @param array $args settings field args */ function callback_select( $args ) { $value = apply_filters( 'dgwt/wcas/settings/option_value', esc_attr( $this->get_option( $args['id'], $args['std'] ) ), $args['std'], $args ); $size = ( isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular' ); $html = sprintf( '' ); $html .= $this->get_field_description( $args ); echo $html ; } /** * Displays a textarea for a settings field * * @param array $args settings field args */ function callback_textarea( $args ) { $value = apply_filters( 'dgwt/wcas/settings/option_value', esc_textarea( $this->get_option( $args['id'], $args['std'] ) ), $args['std'], $args ); $size = ( isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular' ); $html = sprintf( '', $size, $this->name, $args['id'], $value ); $html .= $this->get_field_description( $args ); echo $html ; } /** * Displays a textarea for a settings field * * @param array $args settings field args * @return string */ function callback_html( $args ) { if ( !empty($args['desc']) ) { $css_class = $this->prefix . 'description-row'; $desc = sprintf( '
%s
', $css_class, $args['desc'] ); } else { $desc = ''; } echo $desc ; } /** * Displays a rich text textarea for a settings field * * @param array $args settings field args */ function callback_wysiwyg( $args ) { $value = $this->get_option( $args['id'], $args['std'] ); $size = ( isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : '500px' ); echo '
' ; $editor_settings = array( 'teeny' => true, 'textarea_name' => $this->name . '[' . $args['id'] . ']', 'textarea_rows' => 10, ); if ( isset( $args['options'] ) && is_array( $args['options'] ) ) { $editor_settings = array_merge( $editor_settings, $args['options'] ); } wp_editor( $value, $this->name . '-' . $args['id'], $editor_settings ); echo '
' ; echo $this->get_field_description( $args ) ; } /** * Displays a file upload field for a settings field * * @param array $args settings field args */ function callback_file( $args ) { $value = esc_attr( $this->get_option( $args['id'], $args['std'] ) ); $size = ( isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular' ); $id = $this->name . '[' . $args['id'] . ']'; $label = ( isset( $args['options']['button_label'] ) ? $args['options']['button_label'] : __( 'Choose File' ) ); $html = sprintf( '', $size, $this->prefix, $this->name, $args['id'], $value ); $html .= ''; $html .= $this->get_field_description( $args ); echo $html ; } /** * Displays a password field for a settings field * * @param array $args settings field args */ function callback_password( $args ) { $value = esc_attr( $this->get_option( $args['id'], $args['std'] ) ); $size = ( isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular' ); $html = sprintf( '', $size, $this->name, $args['id'], $value ); $html .= $this->get_field_description( $args ); echo $html ; } /** * Displays a color picker field for a settings field * * @param array $args settings field args */ function callback_color( $args ) { $value = esc_attr( $this->get_option( $args['id'], $args['std'] ) ); $size = ( isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular' ); $html = sprintf( '', $size, $this->name, $args['id'], $value, $args['std'] ); $html .= $this->get_field_description( $args ); echo $html ; } /** * Displays a color picker field for a settings field * * @param array $args settings field args */ function callback_desc( $args ) { $html = ''; if ( isset( $args['desc'] ) && !empty($args['desc']) ) { $html .= '
'; $html .= $args['desc']; $html .= '
'; } echo $html ; } /** * Displays a color picker field for a settings field * * @param array $args settings field args */ function callback_datepicker( $args ) { $value = esc_attr( $this->get_option( $args['id'], $args['std'] ) ); $size = ( isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular' ); $html = sprintf( '', $size, $this->name, $args['id'], $value ); $html .= $this->get_field_description( $args ); echo $html ; } /** * Sanitize callback for Settings API */ function sanitize_options( $options ) { if ( !isset( $options ) || empty($options) || !is_array( $options ) ) { return $options; } foreach ( $options as $option_slug => $option_value ) { $sanitize_callback = $this->get_sanitize_callback( $option_slug ); // If callback is set, call it if ( $sanitize_callback ) { $options[$option_slug] = call_user_func( $sanitize_callback, $option_value ); continue; } } return $options; } /** * Get sanitization callback for given option slug * * @param string $slug option slug * * @return mixed string or bool false */ function get_sanitize_callback( $slug = '' ) { if ( empty($slug) ) { return false; } // Iterate over registered fields and see if we can find proper callback foreach ( $this->settings_fields as $section => $options ) { foreach ( $options as $option ) { if ( $option['name'] != $slug ) { continue; } // Return the callback name return ( isset( $option['sanitize_callback'] ) && is_callable( $option['sanitize_callback'] ) ? $option['sanitize_callback'] : false ); } } return false; } /** * Get the value of a settings field * * @param string $option settings field name * @param string $default default text if it's not found * @param bool $not_empty allow empty value * @return string */ function get_option( $option, $default = '', $allow_empty = true ) { $options = get_option( $this->name ); if ( isset( $options[$option] ) ) { if ( $allow_empty ) { return $options[$option]; } else { if ( !empty($options[$option]) ) { return $options[$option]; } } } return $default; } /** * Show navigations as tab * * Shows all the settings section labels as tab */ function show_navigation() { $html = ''; echo $html ; } /** * Show the section settings forms * * This function displays every sections in a different form */ function show_forms() { ?>
settings_sections as $form ) { ?>
script(); } /** * Tabbable JavaScript codes & Initiate Color Picker * * This code uses localstorage for displaying active tabs */ function script() { ?>