Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
wp-content
/
test
/
wp-content
/
plugins
/
custom-css-js
/
includes
:
admin-screens.php
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<?php /** * Custom CSS and JS */ if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } /** * CustomCSSandJS_Admin */ class CustomCSSandJS_Admin { /** * Default options for a new page */ private $default_options = array( 'type' => 'header', 'linking' => 'internal', 'side' => 'frontend', 'priority' => 5, 'language' => 'css', ); /** * Array with the options for a specific custom-css-js post */ private $options = array(); /** * Constructor */ public function __construct() { $this->add_functions(); } /** * Add actions and filters */ function add_functions() { // Add filters $filters = array( 'manage_custom-css-js_posts_columns' => 'manage_custom_posts_columns', ); foreach ( $filters as $_key => $_value ) { add_filter( $_key, array( $this, $_value ) ); } // Add actions $actions = array( 'admin_menu' => 'admin_menu', 'admin_enqueue_scripts' => 'admin_enqueue_scripts', 'current_screen' => 'current_screen', 'admin_notices' => 'create_uploads_directory', 'edit_form_after_title' => 'codemirror_editor', 'add_meta_boxes' => 'add_meta_boxes', 'save_post' => 'options_save_meta_box_data', 'trashed_post' => 'trash_post', 'untrashed_post' => 'trash_post', 'wp_ajax_ccj_active_code' => 'wp_ajax_ccj_active_code', 'wp_ajax_ccj_permalink' => 'wp_ajax_ccj_permalink', 'post_submitbox_start' => 'post_submitbox_start', 'restrict_manage_posts' => 'restrict_manage_posts', 'load-post.php' => 'contextual_help', 'load-post-new.php' => 'contextual_help', 'edit_form_before_permalink' => 'edit_form_before_permalink', 'before_delete_post' => 'before_delete_post', ); foreach ( $actions as $_key => $_value ) { add_action( $_key, array( $this, $_value ) ); } // Add some custom actions/filters add_action( 'manage_custom-css-js_posts_custom_column', array( $this, 'manage_posts_columns' ), 10, 2 ); add_filter( 'manage_edit-custom-css-js_sortable_columns', array( $this, 'manage_edit_posts_sortable_columns' ) ); add_action( 'posts_orderby', array( $this, 'posts_orderby' ), 10, 2 ); add_action( 'posts_join_paged', array( $this, 'posts_join_paged' ), 10, 2 ); add_action( 'posts_where_paged', array( $this, 'posts_where_paged' ), 10, 2 ); add_filter( 'post_row_actions', array( $this, 'post_row_actions' ), 10, 2 ); add_filter( 'parse_query', array( $this, 'parse_query' ), 10 ); add_filter( 'wp_statuses_get_supported_post_types', array( $this, 'wp_statuses_get_supported_post_types' ), 20 ); add_action( 'current_screen', array( $this, 'current_screen_2' ), 100 ); } /** * Add submenu pages */ function admin_menu() { $menu_slug = 'edit.php?post_type=custom-css-js'; $submenu_slug = 'post-new.php?post_type=custom-css-js'; remove_submenu_page( $menu_slug, $submenu_slug ); $title = __( 'Add Custom CSS', 'custom-css-js' ); add_submenu_page( $menu_slug, $title, $title, 'publish_custom_csss', $submenu_slug . '&language=css' ); $title = __( 'Add Custom JS', 'custom-css-js' ); add_submenu_page( $menu_slug, $title, $title, 'publish_custom_csss', $submenu_slug . '&language=js' ); $title = __( 'Add Custom HTML', 'custom-css-js' ); add_submenu_page( $menu_slug, $title, $title, 'publish_custom_csss', $submenu_slug . '&language=html' ); } /** * Enqueue the scripts and styles */ public function admin_enqueue_scripts( $hook ) { $screen = get_current_screen(); // Only for custom-css-js post type if ( $screen->post_type != 'custom-css-js' ) { return false; } // Some handy variables $a = plugins_url( '/', CCJ_PLUGIN_FILE ) . 'assets'; $cm = $a . '/codemirror'; $v = CCJ_VERSION; wp_enqueue_script( 'ccj-tipsy', $a . '/jquery.tipsy.js', array( 'jquery' ), $v, false ); wp_enqueue_style( 'ccj-tipsy', $a . '/tipsy.css', array(), $v ); wp_enqueue_script( 'ccj-cookie', $a . '/js.cookie.js', array( 'jquery' ), $v, false ); wp_register_script( 'ccj-admin', $a . '/ccj_admin.js', array( 'jquery', 'jquery-ui-resizable' ), $v, false ); wp_localize_script( 'ccj-admin', 'CCJ', $this->cm_localize() ); wp_enqueue_script( 'ccj-admin' ); wp_enqueue_style( 'ccj-admin', $a . '/ccj_admin.css', array(), $v ); // Only for the new/edit Code's page if ( $hook == 'post-new.php' || $hook == 'post.php' ) { wp_deregister_script( 'wp-codemirror' ); wp_enqueue_style( 'jquery-ui', 'https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css', array(), $v ); wp_enqueue_script( 'ccj-codemirror', $cm . '/lib/codemirror.js', array( 'jquery' ), $v, false ); wp_enqueue_style( 'ccj-codemirror', $cm . '/lib/codemirror.css', array(), $v ); wp_enqueue_script( 'ccj-admin_url_rules', $a . '/ccj_admin-url_rules.js', array( 'jquery' ), $v, false ); // Add the language modes $cmm = $cm . '/mode/'; wp_enqueue_script( 'cm-xml', $cmm . 'xml/xml.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'cm-js', $cmm . 'javascript/javascript.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'cm-css', $cmm . 'css/css.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'cm-htmlmixed', $cmm . 'htmlmixed/htmlmixed.js', array( 'ccj-codemirror' ), $v, false ); $cma = $cm . '/addon/'; wp_enqueue_script( 'ccj-closebrackets', $cma . 'edit/closebrackets.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-matchbrackets', $cma . 'edit/matchbrackets.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-matchtags', $cma . 'edit/matchtags.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'cm-dialog', $cma . 'dialog/dialog.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'cm-search', $cma . 'search/search.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'cm-searchcursor', $cma . 'search/searchcursor.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'cm-jump-to-line', $cma . 'search/jump-to-line.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-fullscreen', $cma . 'display/fullscreen.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_style( 'cm-dialog', $cma . 'dialog/dialog.css', array(), $v ); wp_enqueue_script( 'ccj-formatting', $cm . '/lib/util/formatting.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-comment', $cma . 'comment/comment.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-active-line', $cma . 'selection/active-line.js', array( 'ccj-codemirror' ), $v, false ); // Hint Addons wp_enqueue_script( 'ccj-hint', $cma . 'hint/show-hint.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-hint-js', $cma . 'hint/javascript-hint.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-hint-xml', $cma . 'hint/xml-hint.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-hint-html', $cma . 'hint/html-hint.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-hint-css', $cma . 'hint/css-hint.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-hint-anyword', $cma . 'hint/anyword-hint.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_style( 'ccj-hint', $cma . 'hint/show-hint.css', array(), $v ); // Fold Addons wp_enqueue_script( 'ccj-fold-brace', $cma . 'fold/brace-fold.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-fold-comment', $cma . 'fold/comment-fold.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-fold-code', $cma . 'fold/foldcode.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-fold-gutter', $cma . 'fold/foldgutter.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-fold-indent', $cma . 'fold/indent-fold.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-fold-markdown', $cma . 'fold/markdown-fold.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_script( 'ccj-fold-xml', $cma . 'fold/xml-fold.js', array( 'ccj-codemirror' ), $v, false ); wp_enqueue_style( 'ccj-fold-gutter', $cma . 'fold/foldgutter.css', array(), $v ); // remove the assets from other plugins so it doesn't interfere with CodeMirror global $wp_scripts; if ( is_array( $wp_scripts->registered ) && count( $wp_scripts->registered ) != 0 ) { foreach ( $wp_scripts->registered as $_key => $_value ) { if ( ! isset( $_value->src ) ) { continue; } if ( strstr( $_value->src, 'wp-content/plugins' ) !== false && strstr( $_value->src, 'plugins/custom-css-js/assets' ) === false && strstr( $_value->src, 'plugins/advanced-custom-fields/' ) === false && strstr( $_value->src, 'plugins/wp-jquery-update-test/' ) === false && strstr( $_value->src, 'plugins/enable-jquery-migrate-helper/' ) === false && strstr( $_value->src, 'plugins/tablepress/' ) === false && strstr( $_value->src, 'plugins/advanced-custom-fields-pro/' ) === false ) { unset( $wp_scripts->registered[ $_key ] ); } } } // remove the CodeMirror library added by the Product Slider for WooCommerce plugin by ShapedPlugin wp_enqueue_style( 'spwps-codemirror', $a . '/empty.css', '1.0' ); wp_enqueue_script( 'spwps-codemirror', $a . '/empty.js', array(), '1.0', true ); } } /** * Send variables to the ccj_admin.js script */ public function cm_localize() { $settings = get_option( 'ccj_settings', array() ); $vars = array( 'autocomplete' => isset( $settings['ccj_autocomplete'] ) && ! $settings['ccj_autocomplete'] ? false : true, 'active' => __( 'Active', 'custom-css-js' ), 'inactive' => __( 'Inactive', 'custom-css-js' ), 'activate' => __( 'Activate', 'custom-css-js' ), 'deactivate' => __( 'Deactivate', 'custom-css-js' ), 'active_title' => __( 'The code is active. Click to deactivate it', 'custom-css-js' ), 'deactive_title' => __( 'The code is inactive. Click to activate it', 'custom-css-js' ), /* CodeMirror options */ 'codemirror' => array( 'indentUnit' => 4, 'indentWithTabs' => true, 'inputStyle' => 'contenteditable', 'lineNumbers' => true, 'lineWrapping' => true, 'styleActiveLine' => true, 'continueComments' => true, 'extraKeys' => array( 'Ctrl-Space' => 'autocomplete', 'Cmd-Space' => 'autocomplete', 'Ctrl-/' => 'toggleComment', 'Cmd-/' => 'toggleComment', 'Alt-F' => 'findPersistent', 'Ctrl-F' => 'findPersistent', 'Cmd-F' => 'findPersistent', 'Ctrl-J' => 'toMatchingTag', ), 'direction' => 'ltr', // Code is shown in LTR even in RTL languages. 'gutters' => array( 'CodeMirror-lint-markers' ), 'matchBrackets' => true, 'matchTags' => array( 'bothTags' => true ), 'autoCloseBrackets' => true, 'autoCloseTags' => true, ) ); return apply_filters( 'ccj_code_editor_settings', $vars); } public function add_meta_boxes() { add_meta_box( 'custom-code-options', __( 'Options', 'custom-css-js' ), array( $this, 'custom_code_options_meta_box_callback' ), 'custom-css-js', 'side', 'low' ); remove_meta_box( 'slugdiv', 'custom-css-js', 'normal' ); } /** * Get options for a specific custom-css-js post */ private function get_options( $post_id ) { if ( isset( $this->options[ $post_id ] ) ) { return $this->options[ $post_id ]; } $options = get_post_meta( $post_id ); if ( empty( $options ) || ! isset( $options['options'][0] ) ) { $this->options[ $post_id ] = $this->default_options; return $this->default_options; } if ( is_array( $options['options'][0] ) && isset( $options['options'][0]['type'] ) ) { return $options['options'][0]; } $options = @unserialize( $options['options'][0] ); $this->options[ $post_id ] = $options; return $options; } /** * Reformat the `edit` or the `post` screens */ function current_screen( $current_screen ) { if ( $current_screen->post_type != 'custom-css-js' ) { return false; } if ( $current_screen->base == 'post' ) { add_action( 'admin_head', array( $this, 'current_screen_post' ) ); } if ( $current_screen->base == 'edit' ) { add_action( 'admin_head', array( $this, 'current_screen_edit' ) ); } wp_deregister_script( 'autosave' ); } /** * Add the buttons in the `edit` screen */ function add_new_buttons() { $current_screen = get_current_screen(); if ( ( isset( $current_screen->action ) && $current_screen->action == 'add' ) || $current_screen->post_type != 'custom-css-js' ) { return false; } ?> <div class="updated buttons"> <a href="post-new.php?post_type=custom-css-js&language=css" class="custom-btn custom-css-btn"><?php _e( 'Add CSS code', 'custom-css-js' ); ?></a> <a href="post-new.php?post_type=custom-css-js&language=js" class="custom-btn custom-js-btn"><?php _e( 'Add JS code', 'custom-css-js' ); ?></a> <a href="post-new.php?post_type=custom-css-js&language=html" class="custom-btn custom-js-btn"><?php _e( 'Add HTML code', 'custom-css-js' ); ?></a> <!-- a href="post-new.php?post_type=custom-css-js&language=php" class="custom-btn custom-php-btn">Add PHP code</a --> </div> <?php } /** * Add new columns in the `edit` screen */ function manage_custom_posts_columns( $columns ) { return array( 'cb' => '<input type="checkbox" />', 'active' => '<span class="ccj-dashicons dashicons dashicons-star-empty" title="' . __( 'Active', 'custom-css-js' ) . '"></span>', 'type' => __( 'Type', 'custom-css-js' ), 'title' => __( 'Title' ), 'author' => __( 'Author' ), 'published' => __( 'Published' ), 'modified' => __( 'Modified', 'custom-css-js' ), ); } /** * Fill the data for the new added columns in the `edit` screen */ function manage_posts_columns( $column, $post_id ) { if ( 'type' === $column ) { $options = $this->get_options( $post_id ); echo '<span class="language language-' . $options['language'] . '">' . $options['language'] . '</span>'; } if ( 'modified' === $column || 'published' === $column ) { $post = get_post( $post_id ); if ( '0000-00-00 00:00:00' === $post->post_date ) { $t_time = __( 'Unpublished' ); $h_time = $t_time; $time_diff = 0; } else { $time = ( 'published' === $column ) ? get_post_time( 'U', false, $post ) : get_post_modified_time( 'U', false, $post ); $time_diff = time() - $time; if ( $time && $time_diff > 0 && $time_diff < DAY_IN_SECONDS ) { /* translators: %s: Human-readable time difference. */ $h_time = sprintf( __( '%s ago' ), human_time_diff( $time ) ); } else { $h_time = ( 'published' === $column ) ? get_the_time( __( 'Y/m/d' ), $post ) : get_the_modified_time( __( 'Y/m/d' ), $post ); } } echo $h_time; } if ( 'active' === $column ) { $url = wp_nonce_url( admin_url( 'admin-ajax.php?action=ccj_active_code&code_id=' . $post_id ), 'ccj-active-code-' . $post_id ); if ( $this->is_active( $post_id ) ) { $active_title = __( 'The code is active. Click to deactivate it', 'custom-css-js' ); $active_icon = 'dashicons-star-filled'; } else { $active_title = __( 'The code is inactive. Click to activate it', 'custom-css-js' ); $active_icon = 'dashicons-star-empty ccj_row'; } echo '<a href="' . esc_url( $url ) . '" class="ccj_activate_deactivate" data-code-id="' . $post_id . '" title="' . $active_title . '">' . '<span class="dashicons ' . $active_icon . '"></span>' . '</a>'; } } /** * Make the 'Modified' column sortable */ function manage_edit_posts_sortable_columns( $columns ) { $columns['active'] = 'active'; $columns['type'] = 'type'; $columns['modified'] = 'modified'; $columns['published'] = 'published'; return $columns; } /** * List table: Change the query in order to filter by code type */ function parse_query( $query ) { global $wpdb; if ( ! is_admin() || ! $query->is_main_query() ) { return $query; } if ( ! isset( $query->query['post_type'] ) ) { return $query; } if ( 'custom-css-js' !== $query->query['post_type'] ) { return $query; } $filter = filter_input( INPUT_GET, 'language_filter' ); if ( ! is_string( $filter ) || strlen( $filter ) == 0 ) { return $query; } $filter = '%' . $wpdb->esc_like( $filter ) . '%'; $post_id_query = "SELECT post_id FROM {$wpdb->postmeta} WHERE meta_key = %s AND meta_value LIKE %s"; $post_ids = $wpdb->get_col( $wpdb->prepare( $post_id_query, 'options', $filter ) ); if ( ! is_array( $post_ids ) || count( $post_ids ) == 0 ) { $post_ids = array( -1 ); } $query->query_vars['post__in'] = $post_ids; return $query; } /** * The "Publish"/"Update" button is missing if the "LH Archived Post Status" plugins is installed. */ function wp_statuses_get_supported_post_types( $post_types ) { unset( $post_types['custom-css-js'] ); return $post_types; } /** * List table: add a filter by code type */ function restrict_manage_posts( $post_type ) { if ( 'custom-css-js' !== $post_type ) { return; } $languages = array( 'css' => __( 'CSS Codes', 'custom-cs-js' ), 'js' => __( 'JS Codes', 'custom-css-js' ), 'html' => __( 'HTML Codes', 'custom-css-js' ), ); echo '<label class="screen-reader-text" for="custom-css-js-filter">' . esc_html__( 'Filter Code Type', 'custom-css-js' ) . '</label>'; echo '<select name="language_filter" id="custom-css-js-filter">'; echo '<option value="">' . __( 'All Custom Codes', 'custom-css-js' ) . '</option>'; foreach ( $languages as $_lang => $_label ) { $selected = selected( filter_input( INPUT_GET, 'language_filter' ), $_lang, false ); echo '<option ' . $selected . ' value="' . $_lang . '">' . $_label . '</option>'; } echo '</select>'; } /** * Order table by Type and Active columns */ function posts_orderby( $orderby, $query ) { if ( ! is_admin() ) { return $orderby; } global $wpdb; if ( 'custom-css-js' === $query->get( 'post_type' ) && 'type' === $query->get( 'orderby' ) ) { $orderby = "REGEXP_SUBSTR( {$wpdb->prefix}postmeta.meta_value, 'js|html|css') " . $query->get( 'order' ); } if ( 'custom-css-js' === $query->get( 'post_type' ) && 'active' === $query->get( 'orderby' ) ) { $orderby = "coalesce( postmeta1.meta_value, 'p' ) " . $query->get( 'order' ); } return $orderby; } /** * Order table by Type and Active columns */ function posts_join_paged( $join, $query ) { if ( ! is_admin() ) { return $join; } global $wpdb; if ( 'custom-css-js' === $query->get( 'post_type' ) && 'type' === $query->get( 'orderby' ) ) { $join = "LEFT JOIN {$wpdb->prefix}postmeta ON {$wpdb->prefix}posts.ID = {$wpdb->prefix}postmeta.post_id"; } if ( 'custom-css-js' === $query->get( 'post_type' ) && 'active' === $query->get( 'orderby' ) ) { $join = "LEFT JOIN (SELECT post_id AS ID, meta_value FROM {$wpdb->prefix}postmeta WHERE meta_key = '_active' ) as postmeta1 USING( ID )"; } return $join; } /** * Order table by Type and Active columns */ function posts_where_paged( $where, $query ) { if ( ! is_admin() ) { return $where; } global $wpdb; if ( 'custom-css-js' === $query->get( 'post_type' ) && 'type' === $query->get( 'orderby' ) ) { $where .= " AND {$wpdb->prefix}postmeta.meta_key = 'options'"; } return $where; } /** * Activate/deactivate a code * * @return void */ function wp_ajax_ccj_active_code() { if ( ! isset( $_GET['code_id'] ) ) { die(); } $code_id = absint( $_GET['code_id'] ); $response = 'error'; if ( check_admin_referer( 'ccj-active-code-' . $code_id ) ) { if ( 'custom-css-js' === get_post_type( $code_id ) ) { $active = get_post_meta( $code_id, '_active', true ); $active = ( $active !== 'no' ) ? $active = 'yes' : 'no'; update_post_meta( $code_id, '_active', $active === 'yes' ? 'no' : 'yes' ); $this->build_search_tree(); } } echo $active; die(); } /** * Check if a code is active * * @return bool */ function is_active( $post_id ) { return get_post_meta( $post_id, '_active', true ) !== 'no'; } /** * Reformat the `edit` screen */ function current_screen_edit() { ?> <script type="text/javascript"> /* <![CDATA[ */ jQuery(window).ready(function($){ var h1 = '<?php _e( 'Custom Code', 'custom-css-js' ); ?> '; h1 += '<a href="post-new.php?post_type=custom-css-js&language=css" class="page-title-action"><?php _e( 'Add CSS Code', 'custom-css-js' ); ?></a>'; h1 += '<a href="post-new.php?post_type=custom-css-js&language=js" class="page-title-action"><?php _e( 'Add JS Code', 'custom-css-js' ); ?></a>'; h1 += '<a href="post-new.php?post_type=custom-css-js&language=html" class="page-title-action"><?php _e( 'Add HTML Code', 'custom-css-js' ); ?></a>'; $("#wpbody-content h1").html(h1); }); </script> <?php } /** * Reformat the `post` screen */ function current_screen_post() { $this->remove_unallowed_metaboxes(); $strings = array( 'Add CSS Code' => __( 'Add CSS Code', 'custom-css-js' ), 'Add JS Code' => __( 'Add JS Code', 'custom-css-js' ), 'Add HTML Code' => __( 'Add HTML Code', 'custom-css-js' ), 'Edit CSS Code' => __( 'Edit CSS Code', 'custom-css-js' ), 'Edit JS Code' => __( 'Edit JS Code', 'custom-css-js' ), 'Edit HTML Code' => __( 'Edit HTML Code', 'custom-css-js' ), ); if ( isset( $_GET['post'] ) ) { $action = 'Edit'; $post_id = esc_attr( $_GET['post'] ); } else { $action = 'Add'; $post_id = false; } $language = $this->get_language( $post_id ); $title = $action . ' ' . strtoupper( $language ) . ' Code'; $title = ( isset( $strings[ $title ] ) ) ? $strings[ $title ] : $strings['Add CSS Code']; if ( $action == 'Edit' ) { $title .= ' <a href="post-new.php?post_type=custom-css-js&language=css" class="page-title-action">' . __( 'Add CSS Code', 'custom-css-js' ) . '</a> '; $title .= '<a href="post-new.php?post_type=custom-css-js&language=js" class="page-title-action">' . __( 'Add JS Code', 'custom-css-js' ) . '</a>'; $title .= '<a href="post-new.php?post_type=custom-css-js&language=html" class="page-title-action">' . __( 'Add HTML Code', 'custom-css-js' ) . '</a>'; } ?> <style type="text/css"> #post-body-content, .edit-form-section { position: static !important; } #ed_toolbar { display: none; } #postdivrich { display: none; } </style> <script type="text/javascript"> /* <![CDATA[ */ jQuery(window).ready(function($){ $("#wpbody-content h1").html('<?php echo $title; ?>'); $("#message.updated.notice").html('<p><?php _e( 'Code updated', 'custom-css-js' ); ?></p>'); var from_top = -$("#normal-sortables").height(); if ( from_top != 0 ) { $(".ccj_only_premium-first").css('margin-top', from_top.toString() + 'px' ); } else { $(".ccj_only_premium-first").hide(); } }); /* ]]> */ </script> <?php } /** * Remove unallowed metaboxes from custom-css-js edit page * * Use the custom-css-js-meta-boxes filter to add/remove allowed metaboxdes on the page */ function remove_unallowed_metaboxes() { global $wp_meta_boxes; // Side boxes $allowed = array( 'submitdiv', 'custom-code-options' ); $allowed = apply_filters( 'custom-css-js-meta-boxes', $allowed ); foreach ( $wp_meta_boxes['custom-css-js']['side'] as $_priority => $_boxes ) { foreach ( $_boxes as $_key => $_value ) { if ( ! in_array( $_key, $allowed ) ) { unset( $wp_meta_boxes['custom-css-js']['side'][ $_priority ][ $_key ] ); } } } // Normal boxes $allowed = array( 'slugdiv', 'previewdiv', 'url-rules', 'revisionsdiv' ); $allowed = apply_filters( 'custom-css-js-meta-boxes-normal', $allowed ); foreach ( $wp_meta_boxes['custom-css-js']['normal'] as $_priority => $_boxes ) { foreach ( $_boxes as $_key => $_value ) { if ( ! in_array( $_key, $allowed ) ) { unset( $wp_meta_boxes['custom-css-js']['normal'][ $_priority ][ $_key ] ); } } } unset( $wp_meta_boxes['custom-css-js']['advanced'] ); } /** * Add the codemirror editor in the `post` screen */ public function codemirror_editor( $post ) { $current_screen = get_current_screen(); if ( $current_screen->post_type != 'custom-css-js' ) { return false; } if ( empty( $post->post_title ) && empty( $post->post_content ) ) { $new_post = true; $post_id = false; } else { $new_post = false; if ( ! isset( $_GET['post'] ) ) { $_GET['post'] = $post->id; } $post_id = esc_attr( $_GET['post'] ); } $language = $this->get_language( $post_id ); $settings = get_option( 'ccj_settings' ); // Replace the htmlentities (https://wordpress.org/support/topic/annoying-bug-in-text-editor/), but only selectively if ( isset( $settings['ccj_htmlentities'] ) && $settings['ccj_htmlentities'] == 1 && strstr( $post->post_content, '&' ) ) { // First the ampresands $post->post_content = str_replace( '&', htmlentities( '&' ), $post->post_content ); // Then the rest of the entities $html_flags = defined( 'ENT_HTML5' ) ? ENT_QUOTES | ENT_HTML5 : ENT_QUOTES; $entities = get_html_translation_table( HTML_ENTITIES, $html_flags ); unset( $entities[ array_search( '&', $entities ) ] ); $regular_expression = str_replace( ';', '', '/(' . implode( '|', $entities ) . ')/i' ); preg_match_all( $regular_expression, $post->post_content, $matches ); if ( isset( $matches[0] ) && count( $matches[0] ) > 0 ) { foreach ( $matches[0] as $_entity ) { $post->post_content = str_replace( $_entity, htmlentities( $_entity ), $post->post_content ); } } } if ( isset( $settings['ccj_htmlentities2'] ) && $settings['ccj_htmlentities2'] == 1 ) { $post->post_content = htmlentities( $post->post_content ); } switch ( $language ) { case 'js': if ( $new_post ) { $post->post_content = __( '/* Add your JavaScript code here. If you are using the jQuery library, then don\'t forget to wrap your code inside jQuery.ready() as follows: jQuery(document).ready(function( $ ){ // Your code in here }); -- If you want to link a JavaScript file that resides on another server (similar to <script src="https://example.com/your-js-file.js"></script>), then please use the "Add HTML Code" page, as this is a HTML code that links a JavaScript file. End of comment */ ', 'custom-css-js' ) . PHP_EOL . PHP_EOL; } $code_mirror_mode = 'text/javascript'; $code_mirror_before = '<script type="text/javascript">'; $code_mirror_after = '</script>'; break; case 'html': if ( $new_post ) { $post->post_content = __( '<!-- Add HTML code to the header or the footer. For example, you can use the following code for loading the jQuery library from Google CDN: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> or the following one for loading the Bootstrap library from jsDelivr: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> -- End of the comment --> ', 'custom-css-js' ) . PHP_EOL . PHP_EOL; } $code_mirror_mode = 'html'; $code_mirror_before = ''; $code_mirror_after = ''; break; case 'php': if ( $new_post ) { $post->post_content = '/* The following will be executed as if it were written in functions.php. */' . PHP_EOL . PHP_EOL; } $code_mirror_mode = 'php'; $code_mirror_before = '<?php'; $code_mirror_after = '?>'; break; default: if ( $new_post ) { $post->post_content = __( '/* Add your CSS code here. For example: .example { color: red; } For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp End of comment */ ', 'custom-css-js' ) . PHP_EOL . PHP_EOL; } $code_mirror_mode = 'text/css'; $code_mirror_before = '<style type="text/css">'; $code_mirror_after = '</style>'; } ?> <div class="code-mirror-buttons"> <div class="button-left"><span rel="tipsy" original-title="<?php _e( 'Beautify Code', 'custom-css-js-pro' ); ?>"><button type="button" tabindex="-1" id="ccj-beautifier"><i class="ccj-i-beautifier"></i></button></span></div> <!--div class="button-left"><span rel="tipsy" original-title="<?php _e( 'Editor Settings', 'custom-css-js-pro' ); ?>"><button type="button" tabindex="-1" id="ccj-settings"><i class="ccj-i-settings"></i></button></span></div --> <div class="button-right" id="ccj-fullscreen-button" alt="<?php _e( 'Distraction-free writing mode', 'custom-css-js-pro' ); ?>"><span rel="tipsy" original-title="<?php _e( 'Fullscreen', 'custom-css-js-pro' ); ?>"><button role="presentation" type="button" tabindex="-1"><i class="ccj-i-fullscreen"></i></button></span></div> <input type="hidden" name="fullscreen" id="ccj-fullscreen-hidden" value="false" /> <!-- div class="button-right" id="ccj-search-button" alt="Search"><button role="presentation" type="button" tabindex="-1"><i class="ccj-i-find"></i></button></div --> </div> <div class="code-mirror-before"><div><?php echo htmlentities( $code_mirror_before ); ?></div></div> <textarea class="wp-editor-area" id="ccj_content" mode="<?php echo htmlentities( $code_mirror_mode ); ?>" name="content" autofocus><?php echo $post->post_content; ?></textarea> <div class="code-mirror-after"><div><?php echo htmlentities( $code_mirror_after ); ?></div></div> <table id="post-status-info"><tbody><tr> <td class="autosave-info"> <span class="autosave-message"> </span> <?php if ( 'auto-draft' != $post->post_status ) { echo '<span id="last-edit">'; if ( $last_user = get_userdata( get_post_meta( $post->ID, '_edit_last', true ) ) ) { printf( __( 'Last edited by %1$s on %2$s at %3$s', 'custom-css-js-pro' ), esc_html( $last_user->display_name ), mysql2date( get_option( 'date_format' ), $post->post_modified ), mysql2date( get_option( 'time_format' ), $post->post_modified ) ); } else { printf( __( 'Last edited on %1$s at %2$s', 'custom-css-js-pro' ), mysql2date( get_option( 'date_format' ), $post->post_modified ), mysql2date( get_option( 'time_format' ), $post->post_modified ) ); } echo '</span>'; } ?> </td> </tr></tbody></table> <input type="hidden" id="update-post_<?php echo $post->ID; ?>" value="<?php echo wp_create_nonce( 'update-post_' . $post->ID ); ?>" /> <?php } /** * Show the options form in the `post` screen */ function custom_code_options_meta_box_callback( $post ) { $options = $this->get_options( $post->ID ); if ( ! isset( $options['preprocessor'] ) ) { $options['preprocessor'] = 'none'; } if ( isset( $_GET['language'] ) ) { $options['language'] = $this->get_language(); } $meta = $this->get_options_meta(); if ( $options['language'] == 'html' ) { $meta = $this->get_options_meta_html(); } $options['multisite'] = false; wp_nonce_field( 'options_save_meta_box_data', 'custom-css-js_meta_box_nonce' ); ?> <div class="options_meta_box"> <?php $output = ''; foreach ( $meta as $_key => $a ) { $close_div = false; if ( ( $_key == 'preprocessor' && $options['language'] == 'css' ) || ( $_key == 'linking' && $options['language'] == 'html' ) || in_array( $_key, ['priority', 'minify', 'multisite' ] ) ) { $close_div = true; $output .= '<div class="ccj_opaque">'; } // Don't show Pre-processors for JavaScript Codes if ( $options['language'] == 'js' && $_key == 'preprocessor' ) { continue; } $output .= '<h3>' . esc_attr( $a['title'] ) . '</h3>' . PHP_EOL; $output .= $this->render_input( $_key, $a, $options ); if ( $close_div ) { $output .= '</div>'; } } echo $output; ?> <input type="hidden" name="custom_code_language" value="<?php echo $options['language']; ?>" /> <div style="clear: both;"></div> </div> <div class="ccj_only_premium ccj_only_premium-right"> <div> <a href="https://www.silkypress.com/simple-custom-css-js-pro/?utm_source=wordpress&utm_campaign=ccj_free&utm_medium=banner" target="_blank"><?php _e( 'Available only in <br />Simple Custom CSS and JS Pro', 'custom-css-js' ); ?></a> </div> </div> <?php } /** * Get an array with all the information for building the code's options */ function get_options_meta() { $options = array( 'linking' => array( 'title' => __( 'Linking type', 'custom-css-js' ), 'type' => 'radio', 'default' => 'internal', 'values' => array( 'external' => array( 'title' => __( 'External File', 'custom-css-js' ), 'dashicon' => 'media-code', ), 'internal' => array( 'title' => __( 'Internal', 'custom-css-js' ), 'dashicon' => 'editor-alignleft', ), ), ), 'type' => array( 'title' => __( 'Where on page', 'custom-css-js' ), 'type' => 'radio', 'default' => 'header', 'values' => array( 'header' => array( 'title' => __( 'In the <head> element', 'custom-css-js' ), 'dashicon' => 'arrow-up-alt2', ), 'footer' => array( 'title' => __( 'In the <footer> element', 'custom-css-js' ), 'dashicon' => 'arrow-down-alt2', ), ), ), 'side' => array( 'title' => __( 'Where in site', 'custom-css-js' ), 'type' => 'checkbox', 'default' => 'frontend', 'values' => array( 'frontend' => array( 'title' => __( 'In Frontend', 'custom-css-js' ), 'dashicon' => 'tagcloud', ), 'admin' => array( 'title' => __( 'In Admin', 'custom-css-js' ), 'dashicon' => 'id', ), 'login' => array( 'title' => __( 'On Login Page', 'custom-css-js' ), 'dashicon' => 'admin-network', ), ), ), 'preprocessor' => array( 'title' => __( 'CSS Preprocessor', 'custom-css-js' ), 'type' => 'radio', 'default' => 'none', 'values' => array( 'none' => array( 'title' => __( 'None', 'custom-css-js' ), ), 'sass' => array( 'title' => __( 'Sass (only SCSS syntax)', 'custom-css-js' ), ), 'less' => array( 'title' => __( 'Less', 'custom-css-js' ), ), ), 'disabled' => true, ), 'minify' => array( 'title' => __( 'Minify the code', 'custom-css-js' ), 'type' => 'checkbox', 'default' => false, 'dashicon' => 'editor-contract', 'disabled' => true, ), 'priority' => array( 'title' => __( 'Priority', 'custom-css-js' ), 'type' => 'select', 'default' => 5, 'dashicon' => 'sort', 'values' => array( 1 => _x( '1 (highest)', '1 is the highest priority', 'custom-css-js' ), 2 => '2', 3 => '3', 4 => '4', 5 => '5', 6 => '6', 7 => '7', 8 => '8', 9 => '9', 10 => _x( '10 (lowest)', '10 is the lowest priority', 'custom-css-js' ), ), 'disabled' => true, ), ); if ( is_multisite() && is_super_admin() && is_main_site() ) { $options['multisite'] = array( 'title' => __( 'Apply network wide', 'custom-css-js-pro' ), 'type' => 'checkbox', 'default' => false, 'dashicon' => 'admin-multisite', 'disabled' => true, ); } return $options; } /** * Get an array with all the information for building the code's options */ function get_options_meta_html() { $options = array( 'type' => array( 'title' => __( 'Where on page', 'custom-css-js' ), 'type' => 'radio', 'default' => 'header', 'values' => array( 'header' => array( 'title' => __( 'Header', 'custom-css-js' ), 'dashicon' => 'arrow-up-alt2', ), 'footer' => array( 'title' => __( 'Footer', 'custom-css-js' ), 'dashicon' => 'arrow-down-alt2', ), ), ), 'side' => array( 'title' => __( 'Where in site', 'custom-css-js' ), 'type' => 'checkbox', 'default' => 'frontend', 'values' => array( 'frontend' => array( 'title' => __( 'In Frontend', 'custom-css-js' ), 'dashicon' => 'tagcloud', ), 'admin' => array( 'title' => __( 'In Admin', 'custom-css-js' ), 'dashicon' => 'id', ), ), ), 'linking' => array( 'title' => __( 'On which device', 'custom-css-js' ), 'type' => 'radio', 'default' => 'both', 'dashicon' => '', 'values' => array( 'desktop' => array( 'title' => __( 'Desktop', 'custom-css-js' ), 'dashicon' => 'desktop', ), 'mobile' => array( 'title' => __( 'Mobile', 'custom-css-js' ), 'dashicon' => 'smartphone', ), 'both' => array( 'title' => __( 'Both', 'custom-css-js' ), 'dashicon' => 'tablet', ), ), 'disabled' => true, ), 'priority' => array( 'title' => __( 'Priority', 'custom-css-js' ), 'type' => 'select', 'default' => 5, 'dashicon' => 'sort', 'values' => array( 1 => _x( '1 (highest)', '1 is the highest priority', 'custom-css-js' ), 2 => '2', 3 => '3', 4 => '4', 5 => '5', 6 => '6', 7 => '7', 8 => '8', 9 => '9', 10 => _x( '10 (lowest)', '10 is the lowest priority', 'custom-css-js' ), ), 'disabled' => true, ), ); if ( function_exists( 'wp_body_open' ) ) { $tmp = $options['type']['values']; unset( $options['type']['values'] ); $options['type']['values']['header'] = $tmp['header']; $options['type']['values']['body_open'] = array( 'title' => __( 'After <body> tag', 'custom-css-js' ), 'dashicon' => 'editor-code', ); $options['type']['values']['footer'] = $tmp['footer']; } if ( is_multisite() && is_super_admin() && is_main_site() ) { $options['multisite'] = array( 'title' => __( 'Apply network wide', 'custom-css-js-pro' ), 'type' => 'checkbox', 'default' => false, 'dashicon' => 'admin-multisite', 'disabled' => true, ); } return $options; } /** * Save the post and the metadata */ function options_save_meta_box_data( $post_id ) { // The usual checks if ( ! isset( $_POST['custom-css-js_meta_box_nonce'] ) ) { return; } if ( ! wp_verify_nonce( $_POST['custom-css-js_meta_box_nonce'], 'options_save_meta_box_data' ) ) { return; } if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) { return; } if ( isset( $_POST['post_type'] ) && 'custom-css-js' != $_POST['post_type'] ) { return; } // Update the post's meta $defaults = array( 'type' => 'header', 'linking' => 'internal', 'priority' => 5, 'side' => 'frontend', 'language' => 'css', ); if ( $_POST['custom_code_language'] == 'html' ) { $defaults = array( 'type' => 'header', 'linking' => 'both', 'side' => 'frontend', 'language' => 'html', 'priority' => 5, ); } foreach ( $defaults as $_field => $_default ) { $options[ $_field ] = isset( $_POST[ 'custom_code_' . $_field ] ) ? esc_attr( strtolower( $_POST[ 'custom_code_' . $_field ] ) ) : $_default; } $options['side'] = []; foreach ( ['frontend', 'admin', 'login'] as $_side ) { if ( isset( $_POST[ 'custom_code_side-' . $_side ] ) && $_POST[ 'custom_code_side-' . $_side ] == '1' ) { $options['side'][] = $_side; } } if ( count( $options['side'] ) === 0 ) { $options['side'] = ['frontend']; } $options['side'] = implode(',', $options['side'] ); $options['language'] = in_array( $options['language'], array( 'html', 'css', 'js' ), true ) ? $options['language'] : $defaults['language']; update_post_meta( $post_id, 'options', $options ); if ( $options['language'] == 'html' ) { $this->build_search_tree(); return; } if ( $options['language'] == 'js' ) { // Replace the default comment if ( preg_match( '@/\* Add your JavaScript code here[\s\S]*?End of comment \*/@im', $_POST['content'] ) ) { $_POST['content'] = preg_replace( '@/\* Add your JavaScript code here[\s\S]*?End of comment \*/@im', '/* Default comment here */', $_POST['content'] ); } // For other locales remove all the comments if ( substr( get_locale(), 0, 3 ) !== 'en_' ) { $_POST['content'] = preg_replace( '@/\*[\s\S]*?\*/@', '', $_POST['content'] ); } } // Save the Custom Code in a file in `wp-content/uploads/custom-css-js` if ( $options['linking'] == 'internal' ) { $before = '<!-- start Simple Custom CSS and JS -->' . PHP_EOL; $after = '<!-- end Simple Custom CSS and JS -->' . PHP_EOL; if ( $options['language'] == 'css' ) { $before .= '<style type="text/css">' . PHP_EOL; $after = '</style>' . PHP_EOL . $after; } if ( $options['language'] == 'js' ) { if ( ! preg_match( '/<script\b[^>]*>([\s\S]*?)<\/script>/im', $_POST['content'] ) ) { $before .= '<script type="text/javascript">' . PHP_EOL; $after = '</script>' . PHP_EOL . $after; } else { // the content has a <script> tag, then remove the comments so they don't show up on the frontend $_POST['content'] = preg_replace( '@/\*[\s\S]*?\*/@', '', $_POST['content'] ); } } } if ( $options['linking'] == 'external' ) { $before = '/******* Do not edit this file *******' . PHP_EOL . 'Simple Custom CSS and JS - by Silkypress.com' . PHP_EOL . 'Saved: ' . date( 'M d Y | H:i:s' ) . ' */' . PHP_EOL; $after = ''; } if ( wp_is_writable( CCJ_UPLOAD_DIR ) ) { $file_name = $post_id . '.' . $options['language']; $file_content = $before . stripslashes( $_POST['content'] ) . $after; @file_put_contents( CCJ_UPLOAD_DIR . '/' . $file_name, $file_content ); // save the file as the Permalink slug $slug = get_post_meta( $post_id, '_slug', true ); if ( $slug ) { @file_put_contents( CCJ_UPLOAD_DIR . '/' . sanitize_file_name( $slug ) . '.' . $options['language'], $file_content ); } } $this->build_search_tree(); } /** * Create the custom-css-js dir in uploads directory * * Show a message if the directory is not writable * * Create an empty index.php file inside */ function create_uploads_directory() { $current_screen = get_current_screen(); // Check if we are editing a custom-css-js post if ( $current_screen->base != 'post' || $current_screen->post_type != 'custom-css-js' ) { return false; } $dir = CCJ_UPLOAD_DIR; // Create the dir if it doesn't exist if ( ! file_exists( $dir ) ) { wp_mkdir_p( $dir ); } // Show a message if it couldn't create the dir if ( ! file_exists( $dir ) ) : ?> <div class="notice notice-error is-dismissible"> <p><?php printf( __( 'The %s directory could not be created', 'custom-css-js' ), '<b>custom-css-js</b>' ); ?></p> <p><?php _e( 'Please run the following commands in order to make the directory', 'custom-css-js' ); ?>: <br /><strong>mkdir <?php echo $dir; ?>; </strong><br /><strong>chmod 777 <?php echo $dir; ?>;</strong></p> </div> <?php return; endif; // Show a message if the dir is not writable if ( ! wp_is_writable( $dir ) ) : ?> <div class="notice notice-error is-dismissible"> <p><?php printf( __( 'The %s directory is not writable, therefore the CSS and JS files cannot be saved.', 'custom-css-js' ), '<b>' . $dir . '</b>' ); ?></p> <p><?php _e( 'Please run the following command to make the directory writable', 'custom-css-js' ); ?>:<br /><strong>chmod 777 <?php echo $dir; ?> </strong></p> </div> <?php return; endif; // Write a blank index.php if ( ! file_exists( $dir . '/index.php' ) ) { $content = '<?php' . PHP_EOL . '// Silence is golden.'; @file_put_contents( $dir . '/index.php', $content ); } } /** * Build a tree where you can quickly find the needed custom-css-js posts * * @return void */ private function build_search_tree() { // Retrieve all the custom-css-js codes $posts = query_posts( 'post_type=custom-css-js&post_status=publish&nopaging=true' ); $tree = array(); foreach ( $posts as $_post ) { if ( ! $this->is_active( $_post->ID ) ) { continue; } $options = $this->get_options( $_post->ID ); $filename = $_post->ID . '.' . $options['language']; if ( $options['linking'] == 'external' ) { $filename .= '?v=' . rand( 1, 10000 ); } // Add the code file names to the branches, example: frontend-css-header-external $sides = explode( ',', $options['side'] ); $branch = $options['language'] . '-' . $options['type'] . '-' . $options['linking']; foreach ( $sides as $_side ) { $tree[ $_side . '-' . $branch ][] = $filename; } // Mark to enqueue the jQuery library, if necessary if ( $options['language'] === 'js' && strstr( $options['side'], 'frontend' ) ) { $_post->post_content = preg_replace( '@/\* Add your JavaScript code here[\s\S]*?End of comment \*/@im', '/* Default comment here */', $_post->post_content ); if ( preg_match( '/jquery\s*(\(|\.)/i', $_post->post_content ) && ! isset( $tree['jquery'] ) ) { $tree['jquery'] = true; } } } // Save the tree in the database update_option( 'custom-css-js-tree', $tree ); } /** * Rebuilt the tree when you trash or restore a custom code */ function trash_post( $post_id ) { $this->build_search_tree(); } /** * Render the checkboxes, radios, selects and inputs */ function render_input( $_key, $a, $options ) { $name = 'custom_code_' . $_key; $output = ''; // Show radio type options if ( $a['type'] === 'radio' ) { $output .= '<div class="radio-group">' . PHP_EOL; foreach ( $a['values'] as $__key => $__value ) { $id = $name . '-' . $__key; $dashicons = isset( $__value['dashicon'] ) ? 'dashicons-before dashicons-' . $__value['dashicon'] : ''; $selected = ( isset( $a['disabled'] ) && $a['disabled'] ) ? ' disabled="disabled"' : ''; $selected .= ( $__key == $options[ $_key ] ) ? ' checked="checked" ' : ''; $output .= '<input type="radio" ' . $selected . 'value="' . $__key . '" name="' . $name . '" id="' . $id . '">' . PHP_EOL; $output .= '<label class="' . $dashicons . '" for="' . $id . '"> ' . esc_attr( $__value['title'] ) . '</label><br />' . PHP_EOL; } $output .= '</div>' . PHP_EOL; } // Show checkbox type options if ( $a['type'] == 'checkbox' ) { $output .= '<div class="radio-group">' . PHP_EOL; if ( isset( $a['values'] ) && count( $a['values'] ) > 0 ) { $current_values = explode(',', $options[ $_key ] ); foreach ( $a['values'] as $__key => $__value ) { $id = $name . '-' . $__key; $dashicons = isset( $__value['dashicon'] ) ? 'dashicons-before dashicons-' . $__value['dashicon'] : ''; $selected = ( isset( $a['disabled'] ) && $a['disabled'] ) ? ' disabled="disabled"' : ''; $selected .= ( in_array( $__key, $current_values ) ) ? ' checked="checked" ' : ''; $output .= '<input type="checkbox" ' . $selected . ' value="1" name="' . $id . '" id="' . $id . '">' . PHP_EOL; $output .= '<label class="' . $dashicons . '" for="' . $id . '"> ' . esc_attr( $__value['title'] ) . '</label><br />' . PHP_EOL; } } else { $dashicons = isset( $a['dashicon'] ) ? 'dashicons-before dashicons-' . $a['dashicon'] : ''; $selected = ( isset( $options[ $_key ] ) && $options[ $_key ] == '1' ) ? ' checked="checked" ' : ''; $selected .= ( isset( $a['disabled'] ) && $a['disabled'] ) ? ' disabled="disabled"' : ''; $output .= '<input type="checkbox" ' . $selected . ' value="1" name="' . $name . '" id="' . $name . '">' . PHP_EOL; $output .= '<label class="' . $dashicons . '" for="' . $name . '"> ' . esc_attr( $a['title'] ) . '</label>' . PHP_EOL; } $output .= '</div>' . PHP_EOL; } // Show select type options if ( $a['type'] == 'select' ) { $output .= '<div class="radio-group">' . PHP_EOL; $output .= '<select name="' . $name . '" id="' . $name . '">' . PHP_EOL; foreach ( $a['values'] as $__key => $__value ) { $selected = ( isset( $options[ $_key ] ) && $options[ $_key ] == $__key ) ? ' selected="selected"' : ''; $output .= '<option value="' . $__key . '"' . $selected . '>' . esc_attr( $__value ) . '</option>' . PHP_EOL; } $output .= '</select>' . PHP_EOL; $output .= '</div>' . PHP_EOL; } return $output; } /** * Get the language for the current post */ function get_language( $post_id = false ) { if ( $post_id !== false ) { $options = $this->get_options( $post_id ); $language = $options['language']; } else { $language = isset( $_GET['language'] ) ? esc_attr( strtolower( $_GET['language'] ) ) : 'css'; } if ( ! in_array( $language, array( 'css', 'js', 'html' ) ) ) { $language = 'css'; } return $language; } /** * Show the activate/deactivate link in the row's action area */ function post_row_actions( $actions, $post ) { if ( 'custom-css-js' !== $post->post_type ) { return $actions; } $url = wp_nonce_url( admin_url( 'admin-ajax.php?action=ccj_active_code&code_id=' . $post->ID ), 'ccj-active-code-' . $post->ID ); if ( $this->is_active( $post->ID ) ) { $active_title = __( 'The code is active. Click to deactivate it', 'custom-css-js' ); $active_text = __( 'Deactivate', 'custom-css-js' ); } else { $active_title = __( 'The code is inactive. Click to activate it', 'custom-css-js' ); $active_text = __( 'Activate', 'custom-css-js' ); } $actions['activate'] = '<a href="' . esc_url( $url ) . '" title="' . $active_title . '" class="ccj_activate_deactivate" data-code-id="' . $post->ID . '">' . $active_text . '</a>'; return $actions; } /** * Show the activate/deactivate link in admin. */ public function post_submitbox_start() { global $post; if ( ! is_object( $post ) ) { return; } if ( 'custom-css-js' !== $post->post_type ) { return; } if ( ! isset( $_GET['post'] ) ) { return; } $url = wp_nonce_url( admin_url( 'admin-ajax.php?action=ccj_active_code&code_id=' . $post->ID ), 'ccj-active-code-' . $post->ID ); if ( $this->is_active( $post->ID ) ) { $text = __( 'Active', 'custom-css-js' ); $action = __( 'Deactivate', 'custom-css-js' ); } else { $text = __( 'Inactive', 'custom-css-js' ); $action = __( 'Activate', 'custom-css-js' ); } ?> <div id="activate-action"><span style="font-weight: bold;"><?php echo $text; ?></span> (<a class="ccj_activate_deactivate" data-code-id="<?php echo $post->ID; ?>" href="<?php echo esc_url( $url ); ?>"><?php echo $action; ?></a>) </div> <?php } /** * Show the Permalink edit form */ function edit_form_before_permalink( $filename = '', $permalink = '', $filetype = 'css' ) { if ( isset( $_GET['language'] ) ) { $filetype = strtolower(trim($_GET['language'])); } if ( ! in_array( $filetype, array( 'css', 'js' ) ) ) { return; } if ( ! is_string( $filename ) ) { global $post; if ( ! is_object( $post ) ) { return; } if ( 'custom-css-js' !== $post->post_type ) { return; } $post = $filename; $slug = get_post_meta( $post->ID, '_slug', true ); $options = get_post_meta( $post->ID, 'options', true ); if ( is_array( $options ) && isset( $options['language'] ) ) { $filetype = $options['language']; } if ( $filetype === 'html' ) { return; } if ( ! @file_exists( CCJ_UPLOAD_DIR . '/' . $slug . '.' . $filetype ) ) { $slug = false; } $filename = ( $slug ) ? $slug : $post->ID; } if ( empty( $permalink ) ) { $permalink = CCJ_UPLOAD_URL . '/' . $filename . '.' . $filetype; } ?> <div class="inside"> <div id="edit-slug-box" class="hide-if-no-js"> <strong>Permalink:</strong> <span id="sample-permalink"><a href="<?php echo esc_url( $permalink ); ?>"><?php echo esc_html( CCJ_UPLOAD_URL ) . '/'; ?><span id="editable-post-name"><?php echo esc_html( $filename ); ?></span>.<?php echo esc_html( $filetype ); ?></a></span> ‎<span id="ccj-edit-slug-buttons"><button type="button" class="ccj-edit-slug button button-small hide-if-no-js" aria-label="Edit permalink">Edit</button></span> <span id="editable-post-name-full" data-filetype="<?php echo $filetype; ?>"><?php echo esc_html( $filename ); ?></span> </div> <?php wp_nonce_field( 'ccj-permalink', 'ccj-permalink-nonce' ); ?> </div> <?php } /** * AJAX save the Permalink slug */ function wp_ajax_ccj_permalink() { if ( ! isset( $_POST['ccj_permalink_nonce'] ) ) { return; } if ( ! wp_verify_nonce( $_POST['ccj_permalink_nonce'], 'ccj-permalink' ) ) { return; } $code_id = isset( $_POST['code_id'] ) ? intval( $_POST['code_id'] ) : 0; $permalink = isset( $_POST['permalink'] ) ? $_POST['permalink'] : null; $slug = isset( $_POST['new_slug'] ) ? trim( sanitize_file_name( $_POST['new_slug'] ) ) : null; $filetype = isset( $_POST['filetype'] ) ? $_POST['filetype'] : 'css'; if ( empty( $slug ) ) { $slug = (string) $code_id; } else { update_post_meta( $code_id, '_slug', $slug ); } $this->edit_form_before_permalink( $slug, $permalink, $filetype ); wp_die(); } /** * Show contextual help for the Custom Code edit page */ public function contextual_help() { $screen = get_current_screen(); if ( $screen->id != 'custom-css-js' ) { return; } $screen->add_help_tab( array( 'id' => 'ccj-editor_shortcuts', 'title' => __( 'Editor Shortcuts', 'custom-css-js-pro' ), 'content' => '<p><table> <tr><td><strong>Auto Complete</strong></td><td> <code>Ctrl</code> + <code>Space</code></td></tr> <tr><td><strong>Find</strong></td><td> <code>Ctrl</code> + <code>F</code></td></tr> <tr><td><strong>Replace</strong></td><td> <code>Shift</code> + <code>Ctrl</code> + <code>F</code></td></tr> <tr><td><strong>Save</strong></td><td> <code>Ctrl</code> + <code>S</code></td></tr> <tr><td><strong>Comment line/block</strong></td><td> <code>Ctrl</code> + <code>/</code></td></tr> <tr><td><strong>Code folding</strong></td><td> <code>Ctrl</code> + <code>Q</code></td></tr> </table></p>', ) ); } /** * Remove the JS/CSS file from the disk when deleting the post */ function before_delete_post( $postid ) { global $post; if ( ! is_object( $post ) ) { return; } if ( 'custom-css-js' !== $post->post_type ) { return; } if ( ! wp_is_writable( CCJ_UPLOAD_DIR ) ) { return; } $options = get_post_meta( $postid, 'options', true ); if ( ! is_array( $options ) ) { return; } $options['language'] = ( isset( $options['language'] ) ) ? strtolower( $options['language'] ) : 'css'; $options['language'] = in_array( $options['language'], array( 'html', 'js', 'css' ), true ) ? $options['language'] : 'css'; $slug = get_post_meta( $postid, '_slug', true ); $slug = sanitize_file_name( $slug ); $file_name = $postid . '.' . $options['language']; @unlink( CCJ_UPLOAD_DIR . '/' . $file_name ); if ( ! empty( $slug ) ) { @unlink( CCJ_UPLOAD_DIR . '/' . $slug . '.' . $options['language'] ); } } /** * Fix for bug: white page Edit Custom Code for WordPress 5.0 with Classic Editor */ function current_screen_2() { $screen = get_current_screen(); if ( $screen->post_type != 'custom-css-js' ) { return false; } remove_filter( 'use_block_editor_for_post', array( 'Classic_Editor', 'choose_editor' ), 100, 2 ); add_filter( 'use_block_editor_for_post', '__return_false', 100 ); add_filter( 'use_block_editor_for_post_type', '__return_false', 100 ); } } return new CustomCSSandJS_Admin();