finlabsindia/wp-content/plugins/simple-job-board/admin/settings/class-simple-job-board-settings-appearance.php

<?php
if (!defined('ABSPATH')) {
    exit;
} // Exit if accessed directly
/**
 * Simple_Job_Board_Settings_Appearance Class
 * 
 * This is used to define job board appearance settings.
 *
 * This file contains the frontend appearance settings for job listing content, 
 * listing view, job listing and job detail page typography. User can change the
 * job listing layout and content.
 *
 * @link        https://wordpress.org/plugins/simple-job-board
 * @since       2.2.3
 * @since       2.4.0   Revised Inputs and Outputs Sanitization & Escaping
 * @since       2.4.3   Added option for SJB Fonts
 * 
 * @package     Simple_Job_Board
 * @subpackage  Simple_Job_Board/admin/settings
 * @author      PressTigers <support@presstigers.com>
 */

class Simple_Job_Board_Settings_Appearance {

    /**
     * Initialize the class and set its properties.
     *
     * @since   2.2.3
     */
    public function __construct() {

        // Filter -> Add Settings Appearance Tab
        add_filter('sjb_settings_tab_menus', array($this, 'sjb_add_settings_tab'), 30);

        // Action -> Add Settings Appearance Section 
        add_action('sjb_settings_tab_section', array($this, 'sjb_add_settings_section'), 30);

        // Action -> Save Settings Appearance Section 
        add_action('sjb_save_setting_sections', array($this, 'sjb_save_settings_section'));
    }

    /**
     * Add Settings Appearance Tab.
     *
     * @since    2.2.3
     * 
     * @param    array  $tabs  Settings Tab
     * @return   array  $tabs  Merge array of Settings Tab with Appearance Tab.
     */
    public function sjb_add_settings_tab($tabs) {
        $tabs['appearance'] = esc_html__('Appearance', 'simple-job-board');
        return $tabs;
    }

    /**
     * Add Settings Appearance Section.
     *
     * @since    2.2.3
     */
    public function sjb_add_settings_section() {

        // Enqueue Alpha Color Picker Script
        wp_enqueue_script('wp-color-picker-alpha');
        ?>

        <!-- Appearance -->
        <div id="settings-appearance" class="sjb-admin-settings" style="display: none;" >
            <form method="post" id="appearance_options_form">
                <?php
                // Get Appearance Options
                $container_class = get_option('job_board_container_class') ? get_option('job_board_container_class') : 'container sjb-container';

                // Get Container Id
                if (get_option('job_board_container_id')) {
                    $container_ids = explode(" ", get_option('job_board_container_id'));
                    $container_id = $container_ids[0];
                } else {
                    $container_id = 'container';
                }

                // Select Job Listing View                   
                $logo_detail = $without_logo_detail = $without_logo = $without_detail = $sjbpage_layout = $list_view = $grid_view = $jobpost_logo = $jobpost_without_logo = $sjb_layout = $theme_layout = '';

                if ($list_view = get_option('job_board_listing_view')) {
                    if ('list-view' === $list_view)
                        $list_view = 'checked';

                    if ('grid-view' === $list_view)
                        $grid_view = 'checked';
                } else {
                    // Default List View
                    $list_view = 'checked';
                }

                // Select job pages layout
                if ( $sjb_layout = get_option('job_board_pages_layout')) {
                    if ('sjb-layout' === $sjb_layout)
                        $sjbpage_layout = 'checked';

                    if ('theme-layout' === $sjb_layout)
                        $theme_layout = 'checked';
                } else {
                    $sjbpage_layout = 'checked';
                }
                
                // Select job post content with or without company logo & job detail
                if ($jobpost_content = get_option('job_board_jobpost_content')) {
                    if ('with-logo' === $jobpost_content)
                        $jobpost_logo = 'checked';

                    if ('without-logo' === $jobpost_content)
                        $jobpost_without_logo = 'checked';
                } else {
                    $jobpost_logo = 'checked';
                }

                // Select job listing with or without company logo & job detail
                if ($list_contents = get_option('job_board_listing')) {
                    if ('logo-detail' === $list_contents)
                        $logo_detail = 'checked';

                    if ('without-logo-detail' === $list_contents)
                        $without_logo_detail = 'checked';

                    if ('without-logo' === $list_contents)
                        $without_logo = 'checked';

                    if ('without-detail' === $list_contents)
                        $without_detail = 'checked';
                } else {
                    $logo_detail = 'checked';
                }

                // Get Settings Job Board Typography
                if (get_option('job_board_typography')) {
                    $job_board_typography = get_option('job_board_typography');
                }
                
                // Get Settings Job Board Typography
                if (get_option('sjb_fonts')) {
                    $sjb_fonts = get_option('sjb_fonts');
                } else {
                    $sjb_fonts = 'enable-fonts';
                }


                /**
                 * Action -> Add new section before job pages layout.  
                 * 
                 * @since 2.2.2 
                 */
                do_action('sjb_theme_layout_before');
                ?>

                <h4 class="first"><?php esc_html_e('Job Pages Layout', 'simple-job-board'); ?></h4>
                <div class="sjb-section">
                    <div class="sjb-content">

                        <?php
                        /**
                         * Action -> Add new fields at start of of Content Wrapper.  
                         * 
                         * @since 2.2.2 
                         */
                        do_action('sjb_content_wrapper_styling_start');
                        ?> 
                        <div class="sjb-form-group">
                            <input type="radio" name="job_pages_layout" value="sjb-layout" id="sjb-layout" <?php echo esc_attr( $sjbpage_layout ); ?> />
                            <label><?php esc_html_e('SJB Layout', 'simple-job-board'); ?></label>
                        </div>						
                        <div class="sjb-form-group">
                            <input type="radio" name="job_pages_layout" value="theme-layout" id="theme-layout" <?php echo esc_attr( $theme_layout ); ?> />
                            <label><?php esc_html_e('Theme Layout', 'simple-job-board'); ?></label>
                        </div>
                        <?php
                        /**
                         * Action -> Add new fields at the end of Content Wrapper.  
                         * 
                         * @since 2.2.2 
                         */
                        do_action('sjb_theme_layout_end');
                        ?>
                    </div>
                </div>

                <?php
                /**
                 * Action -> Add new section after content wrapper styling.  
                 * 
                 * @since 2.2.2 
                 */
                do_action('sjb_theme_layout_after');

                /**
                 * Action -> Add new section before content wrapper styling.  
                 * 
                 * @since 2.2.2 
                 */
                do_action('sjb_content_wrapper_styling_before');
                ?>

                <h4 class="first"><?php esc_html_e('Content Wrapper Styling', 'simple-job-board'); ?></h4>
                <div class="sjb-section">
                    <div class="sjb-content">

                        <?php
                        /**
                         * Action -> Add new fields at start of of Content Wrapper.  
                         * 
                         * @since 2.2.2 
                         */
                        do_action('sjb_content_wrapper_styling_start');
                        ?> 
                        <div class="sjb-form-group">
                            <input type="checkbox" name="sjb_fonts" value="enable-fonts" id="sjb-fonts" <?php checked('enable-fonts', esc_attr($sjb_fonts)); ?> />
                            <input type="hidden" name="no_fonts" value="sjb-fonts" />
                            <label><?php _e('Enable SJB Fonts', 'simple-job-board'); ?></label>
                        </div>
                        <div class="sjb-form-group">
                            <label><?php esc_html_e('Job Board Container Id:', 'simple-job-board'); ?></label>
                            <input type="text" name="container_id" value="<?php echo esc_attr($container_id); ?>" size="30" />
                        </div>
                        <div class="sjb-form-group">
                            <label><?php esc_html_e('Job Board Container Class:', 'simple-job-board'); ?></label>
                            <input type="text" name="container_class" value="<?php echo esc_attr($container_class); ?>" size="30" >
                        </div>
                        <p><?php _e('Add classes seprated by space or comma e.g. container sjb-container or container,sjb-container', 'simple-job-board'); ?></p>                        

                        <?php
                        /**
                         * Action -> Add new fields at the end of Content Wrapper.  
                         * 
                         * @since 2.2.2 
                         */
                        do_action('sjb_content_wrapper_styling_end');
                        ?>
                    </div>
                </div>

                <?php
                /**
                 * Action -> Add new section after content wrapper styling.  
                 * 
                 * @since 2.2.2 
                 */
                do_action('sjb_content_wrapper_styling_after');
                ?>

                <h4><?php echo apply_filters('sjb_job_listing_views_title', esc_html__('Job Listing Views', 'simple-job-board')); ?></h4>
                <div class="sjb-section">
                    <div class="sjb-content">

                        <?php
                        /**
                         * Action -> Add new fields at start of job listing view.  
                         * 
                         * @since   2.2.0
                         */
                        do_action('sjb_listing_view_start');
                        ?>
                        <div class="sjb-form-group">
                            <input type="radio" name="job_listing_views_settings" value="list-view" id="list-view" <?php echo esc_attr($list_view); ?> />
                            <label><?php esc_html_e('Display Job Listing in List view', 'simple-job-board'); ?></label>
                        </div>						
                        <div class="sjb-form-group">
                            <input type="radio" name="job_listing_views_settings" value="grid-view" id="grid-view" <?php echo esc_attr($grid_view); ?> />
                            <label><?php esc_html_e('Display Job Listing in Grid view', 'simple-job-board'); ?></label>
                        </div>

                        <?php
                        /**
                         * Action -> Add new fields at end of job listing view.  
                         * 
                         * @since   2.2.0
                         */
                        do_action('sjb_listing_view_end');
                        ?>
                    </div>
                </div>

                <?php
                /**
                 * Action -> Add new section after appearance listing view .  
                 * 
                 * @since   2.2.0 
                 */
                do_action('sjb_appearance_listing_view_after');
                ?>

                <h4><?php echo apply_filters('sjb_job_listing_content_title', esc_html__('Job Listing Contents', 'simple-job-board')); ?></h4>
                <div class="sjb-section">
                    <div class="sjb-content">

                        <?php
                        /**
                         * Action -> Add new fields at start of job content.  
                         * 
                         * @since   2.2.0 
                         */
                        do_action('sjb_listing_content_start');
                        ?>   
                        <div class="sjb-form-group">
                            <input type="radio" name="job_listing_content_settings" value="logo-detail" id="logo-detail" <?php echo esc_attr($logo_detail); ?> />
                            <label><?php _e('Display Job Listing with Company Logo and Detail', 'simple-job-board'); ?></label>
                        </div>
                        <div class="sjb-form-group">
                            <input type="radio" name="job_listing_content_settings" value="without-logo-detail" id="without-logo-detail" <?php echo esc_attr($without_logo_detail); ?> /> 
                            <label><?php _e('Display Job Listing without Company Logo and Detail', 'simple-job-board'); ?></label>
                        </div>
                        <div class="sjb-form-group">
                            <input type="radio" name="job_listing_content_settings" value="without-logo" id="without-logo" <?php echo esc_attr($without_logo); ?> />
                            <label><?php _e('Display Job Listing without Company Logo', 'simple-job-board'); ?></label>
                        </div>
                        <div class="sjb-form-group">
                            <input type="radio" name="job_listing_content_settings" value="without-detail" id="without-detail" <?php echo esc_attr($without_detail); ?> />
                            <label><?php _e('Display Job Listing without Company Detail', 'simple-job-board'); ?></label>
                        </div>

                        <?php
                        /**
                         * Action -> Add new fields at the end of job content.  
                         * 
                         * @since   2.2.0 
                         */
                        do_action('sjb_listing_content_end');
                        ?>
                    </div>
                </div>

                <?php
                /**
                 * Action -> Add new section after appearance listing content.  
                 * 
                 * @since   2.2.0 
                 */
                do_action('sjb_appearance_listing_content_after');
                ?>

                <h4><?php echo apply_filters('sjb_job_post_content_title', esc_html__('Job Post Content', 'simple-job-board')); ?></h4>
                <div class="sjb-section">
                    <div class="sjb-content">

                        <?php
                        /**
                         * Action -> Add new fields at start of job content.  
                         * 
                         * @since   2.3.2 
                         */
                        do_action('sjb_job_post_content_start');
                        ?>   
                        <div class="sjb-form-group">
                            <input type="radio" name="job_post_content_settings" value="with-logo" id="logo-detail" <?php echo esc_attr($jobpost_logo); ?> />
                            <label><?php _e('Display Job Post with Company Logo', 'simple-job-board'); ?></label>
                        </div>
                        <div class="sjb-form-group">
                            <input type="radio" name="job_post_content_settings" value="without-logo" id="without-logo-detail" <?php echo esc_attr($jobpost_without_logo); ?> /> 
                            <label><?php _e('Display Job Post without Company Logo', 'simple-job-board'); ?></label>
                        </div>

                        <?php
                        /**
                         * Action -> Add new fields at the end of job content.  
                         * 
                         * @since   2.3.2
                         */
                        do_action('sjb_job_post_content_end');
                        ?>
                    </div>
                </div>

                <?php
                /**
                 * Action -> Add new section after appearance listing content.  
                 * 
                 * @since   2.3.2 
                 */
                do_action('sjb_appearance_listing_content_after');
                ?>

                <h4><?php echo apply_filters('sjb_job_color_options_title', esc_html__('Color Options', 'simple-job-board')); ?></h4>
                <div class="sjb-section">

                    <?php
                    /**
                     * Action -> Add new fields at start of job listing typography section.  
                     * 
                     * @since   2.2.0
                     * @since   2.4.0   Rename Action
                     */
                    do_action('sjb_job_color_options_start');
                    ?>

                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Job Filters Background Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['filters_background_color']) ? esc_attr($job_board_typography['filters_background_color']) : '#f2f2f2'; ?>" name="job_board_typography[filters_background_color]" class="sjb-color-picker" data-alpha="true"  data-default-color="#f2f2f2" />
                        </li>
                    </ul>
                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Job Title Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['job_listing_title_color']) ? esc_attr($job_board_typography['job_listing_title_color']) : '#3b3a3c'; ?>" name="job_board_typography[job_listing_title_color]" class="sjb-color-picker" data-alpha="true" data-default-color="#3b3a3c" />
                        </li>
                    </ul>            
                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Headings Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['headings_color']) ? esc_attr($job_board_typography['headings_color']) : '#3297fa'; ?>" name="job_board_typography[headings_color]" class="sjb-color-picker" data-alpha="true" data-default-color="#3297fa"/>
                        </li>
                    </ul>
                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Font Awesome Icon Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['fontawesome_icon_color']) ? esc_attr($job_board_typography['fontawesome_icon_color']) : '#3b3a3c'; ?>" name="job_board_typography[fontawesome_icon_color]" class="sjb-color-picker" data-alpha="true" data-default-color="#3b3a3c" />
                        </li>
                    </ul>
                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Font Awesome Text Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['fontawesome_text_color']) ? esc_attr($job_board_typography['fontawesome_text_color']) : '#3297fa'; ?>" name="job_board_typography[fontawesome_text_color]" class="sjb-color-picker" data-alpha="true" data-default-color="#3297fa" />
                        </li>
                    </ul>
                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Buttons Background Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['job_submit_button_background_color']) ? esc_attr($job_board_typography['job_submit_button_background_color']) : '#3297fa'; ?>" name="job_board_typography[job_submit_button_background_color]" class="sjb-color-picker" data-alpha="true" data-default-color="#3297fa" />
                        </li>
                    </ul>
                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Buttons Text Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['job_submit_button_text_color']) ? esc_attr($job_board_typography['job_submit_button_text_color']) : '#fff'; ?>" name="job_board_typography[job_submit_button_text_color]" class="sjb-color-picker" data-alpha="true" data-default-color="#fff" />
                        </li>
                    </ul>
                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Pagination Background Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['pagination_background_color']) ? esc_attr($job_board_typography['pagination_background_color']) : '#164e91'; ?>" name="job_board_typography[pagination_background_color]" class="sjb-color-picker" data-alpha="true" data-default-color="#3297fa" />
                        </li>
                    </ul>
                    <ul class="sjb-typography">
                        <li class="sjb-typography-label">
                            <label><?php _e('Pagination Text Color', 'simple-job-board'); ?></label>
                        </li>
                        <li class="sjb-typography-input">
                            <input type="text" value="<?php echo isset($job_board_typography['pagination_text_color']) ? esc_attr($job_board_typography['pagination_text_color']) : '#fff'; ?>" name="job_board_typography[pagination_text_color]" class="sjb-color-picker" data-alpha="true" data-default-color="#fff" />
                        </li>
                    </ul>

                    <?php
                    /**
                     * Action -> Add new fields at the end of job listing page typography section.  
                     * 
                     * @since   2.2.0
                     * @since   2.4.0   Rename Action
                     */
                    do_action('sjb_job_color_options_end');
                    ?> 
                </div>

                <?php
                /**
                 * Action -> Add new section after appearance listing typography content.  
                 * 
                 * @since   2.3.2 
                 */
                do_action('sjb_appearance_color_options_after');
                ?>

                <input type="hidden" value="1" name="admin_notices" />
                <input type="submit" name="job_general_options" id="job_general_options" class="button button-primary" value="<?php echo esc_html__('Save Changes', 'simple-job-board'); ?>" />
            </form>
        </div>
        <?php
    }

    /**
     * Save Settings Appearance Section.
     * 
     * This function save the settings for job listing views, content and typography.
     *
     * @since   2.2.3
     */
    public function sjb_save_settings_section() {

        // Apearance Settings Paramerters
//        $job_listing_views_settings = filter_input(INPUT_POST, 'job_listing_views_settings');
//        $job_listing_content_settings = filter_input(INPUT_POST, 'job_listing_content_settings');
//        $job_post_content_settings = filter_input(INPUT_POST, 'job_post_content_settings');
//        $container_class = filter_input(INPUT_POST, 'container_class');
//        $container_id = filter_input(INPUT_POST, 'container_id');
//        $job_board_typography = filter_input(INPUT_POST, 'job_board_typography', FILTER_DEFAULT, FILTER_REQUIRE_ARRAY);
//        $sjb_fonts = filter_input(INPUT_POST, 'sjb_fonts');
//        $no_fonts = filter_input(INPUT_POST, 'no_fonts');
        
        // nnnnnnnnnnnnnnnnnnn
        $job_layout_settings = isset($_POST['job_pages_layout'] ) ? sanitize_text_field( $_POST['job_pages_layout'] ) : '';
        $job_listing_views_settings = isset($_POST['job_listing_views_settings'] ) ? sanitize_text_field( $_POST['job_listing_views_settings'] ) : '';
        $job_listing_content_settings = isset($_POST['job_listing_content_settings'] ) ? sanitize_text_field( $_POST['job_listing_content_settings'] ) : '';
        $job_post_content_settings = isset($_POST['job_post_content_settings'] ) ? sanitize_text_field($_POST['job_post_content_settings'] ) : '';
        $container_class = isset($_POST['container_class'] ) ? sanitize_text_field( $_POST['container_class'] ) : '';
        $container_id = isset($_POST['container_id'] ) ? sanitize_text_field( $_POST['container_id'] ) : '';
        $job_board_typography =isset($_POST['job_board_typography'] ) ? array_map('sanitize_text_field',$_POST['job_board_typography'] ) :'';
        $sjb_fonts = isset( $_POST['sjb_fonts'] ) ? sanitize_text_field( $_POST['sjb_fonts'] ) : '';
        $no_fonts = isset( $_POST['no_fonts'] ) ? sanitize_text_field( $_POST['no_fonts'] ) : '';
        $fonts = 0;


        // Save Job Pages Layout
        if (!empty($job_layout_settings)) {
            update_option('job_board_pages_layout', $job_layout_settings);
        }
        
        // Save Job Listing View        
        if (!empty($job_listing_views_settings)) {
            update_option('job_board_listing_view', $job_listing_views_settings);
        }

        // Save Job Listing Content
        if (!empty($job_listing_content_settings)) {
            update_option('job_board_listing', $job_listing_content_settings);
        }

        // Save Job Post Content
        if (!empty($job_post_content_settings)) {
            update_option('job_board_jobpost_content', $job_post_content_settings);
        }

        // Save Container Class
        if (!empty($container_class)) {
            update_option('job_board_container_class', $container_class);
        }

        // Save Container Id
        if (!empty($container_id)) {
            update_option('job_board_container_id', $container_id);
        }

        // Save Job Board Typography
        if (!empty($job_board_typography)) {
            update_option('job_board_typography', $job_board_typography);
        }

        // Save Fonts Settings
        if (!empty($no_fonts)) {
            if (!empty($sjb_fonts)) {
                update_option('sjb_fonts', $sjb_fonts);
                $fonts = 1;
            }

            if (0 === $fonts) {
                update_option('sjb_fonts', 'disable-fonts');
            }
        }
    }
}