| 1 |
<?php |
| 2 |
|
| 3 |
namespace WPAdminify\Inc\Classes; |
| 4 |
|
| 5 |
use WPAdminify\Inc\Utils; |
| 6 |
use WPAdminify\Inc\Admin\AdminSettings; |
| 7 |
use WPAdminify\Inc\Admin\AdminSettingsModel; |
| 8 |
|
| 9 |
// no direct access allowed |
| 10 |
if (!defined('ABSPATH')) exit; |
| 11 |
class OutputCSS_Body extends AdminSettingsModel |
| 12 |
{ |
| 13 |
public $url; |
| 14 |
public function __construct() |
| 15 |
{ |
| 16 |
$this->options = (array) AdminSettings::get_instance()->get(); |
| 17 |
add_action('admin_enqueue_scripts', [$this, 'jltwp_adminify_output_body_styles'], 9999); |
| 18 |
|
| 19 |
// Customize Colors Preset |
| 20 |
// add_action('wp_head', [$this, 'jltwp_adminify_output_body_preset_vars']); |
| 21 |
add_action('admin_enqueue_scripts', [$this, 'jltwp_adminify_output_body_preset_vars']); |
| 22 |
} |
| 23 |
|
| 24 |
|
| 25 |
public function jltwp_adminify_output_body_preset_vars() |
| 26 |
{ |
| 27 |
if (array_key_exists('adminify_theme', $this->options) && !empty($this->options['adminify_theme'])) { |
| 28 |
$theme = $this->options['adminify_theme']; |
| 29 |
} else { |
| 30 |
$theme = 'preset1'; // get the default value dynamically |
| 31 |
} |
| 32 |
|
| 33 |
$preset = (array) Utils::get_theme_presets($theme); |
| 34 |
|
| 35 |
if (empty($preset)) { |
| 36 |
$preset = $this->options['adminify_theme_custom_colors']; |
| 37 |
} |
| 38 |
$preset_style = ''; |
| 39 |
|
| 40 |
foreach ($preset as $prop => $val) $preset_style .= sprintf('%s:%s;', $prop, $val); |
| 41 |
|
| 42 |
if (empty($preset_style)) return; |
| 43 |
|
| 44 |
printf('<style>body.wp-adminify{%s}</style>', $preset_style); |
| 45 |
|
| 46 |
wp_enqueue_script('adminify-theme-presetter', WP_ADMINIFY_ASSETS . 'admin/js/wp-adminify-theme-presetter.js', ['jquery'], null, true); |
| 47 |
|
| 48 |
wp_localize_script('adminify-theme-presetter', 'adminify_preset_themes', Utils::get_theme_presets()); |
| 49 |
} |
| 50 |
|
| 51 |
|
| 52 |
public function jltwp_adminify_output_body_styles() |
| 53 |
{ |
| 54 |
$jltwp_adminify_output_body_css = ''; |
| 55 |
$admin_bg_type = !empty($this->options['admin_general_bg']) ? $this->options['admin_general_bg'] : 'color'; |
| 56 |
|
| 57 |
// Background Types |
| 58 |
$admin_bg_color = !empty($this->options['admin_general_bg_color']) ? $this->options['admin_general_bg_color'] : ''; |
| 59 |
|
| 60 |
// Background Types |
| 61 |
if ($admin_bg_type) { |
| 62 |
$jltwp_adminify_output_body_css .= 'html, body.wp-adminify{'; |
| 63 |
|
| 64 |
// Background Type: Color |
| 65 |
if ($admin_bg_type == 'color') { |
| 66 |
if (!empty($admin_bg_color)) { |
| 67 |
$jltwp_adminify_output_body_css .= 'background-color: ' . esc_attr($admin_bg_color) . ';'; |
| 68 |
} |
| 69 |
} |
| 70 |
|
| 71 |
$jltwp_adminify_output_body_css .= '}'; |
| 72 |
} |
| 73 |
|
| 74 |
// Primary Button Settings |
| 75 |
$button_primary_color = !empty($this->options['admin_general_button_color']['primary_color']) ? $this->options['admin_general_button_color']['primary_color'] : '#0347FF'; |
| 76 |
$button_secondary_color = !empty($this->options['admin_general_button_color']['secondary_color']) ? $this->options['admin_general_button_color']['secondary_color'] : '#fff'; |
| 77 |
|
| 78 |
// Primary Button Fill Coloe |
| 79 |
if ($button_primary_color || $button_secondary_color) { |
| 80 |
|
| 81 |
$jltwp_adminify_output_body_css .= '.wp-adminify #wpbody-content .actions input[type=submit]:hover, .wp-adminify #wpbody-content .interface-interface-skeleton__header .edit-post-header .edit-post-header__settings button.block-editor-post-preview__button-toggle:hover, .wp-adminify.block-editor-page .editor-post-publish-panel .components-button.is-secondary:hover, .wp-adminify .media-modal .media-frame-content button:not(.delete-attachment):hover, .wp-adminify .media-upload-form .drag-drop-inside #plupload-browse-button:hover, .wp-adminify #wp-media-grid .media-frame .uploader-inline-content button.browser:hover, .wp-adminify .is-secondary:not(.wp-editor-wrap button):hover, .wp-adminify #wpbody-content #createuser .wp-generate-pw:hover, .wp-adminify #wpbody-content #createuser .wp-hide-pw:hover, .wp-adminify #wpbody-content #your-profile .wp-generate-pw:hover, .wp-adminify .button-secondary:not(.wp-editor-wrap button):hover, .wp-adminify #wpbody-content input[type=submit]#create-page:hover, .wp-adminify.themes-php #wpbody-content .theme-browser .theme:not(.add-new-theme) .theme-actions .button.activate:hover, .wp-adminify .media-frame-content .wp-filter button.select-mode-toggle-button:hover, .wp-adminify #wpbody-content #your-profile #destroy-sessions:hover, |
| 82 |
.wp-adminify .is-primary:not(.wp-editor-wrap button, #adminify-data-saved-message), .wp-adminify--folder-widget .folder--header a, .wp-adminify.themes-php #wpbody-content .theme-browser .theme .theme-actions .button:not(.activate), .wp-adminify.plugin-install-php #wpbody-content .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.activate-now, .wp-adminify.plugin-install-php #wpbody-content .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.install-now, .wp-adminify #file-editor-warning .file-editor-warning-content p .button.file-editor-warning-dismiss, .wp-adminify .privacy-settings-accordion-actions button, .wp-adminify #wpbody-content .metabox-holder .postbox-container .postbox-header + .inside .button:not(.rwmb-meta-box .rwmb-field .rwmb-input .wp-picker-container .button.wp-color-result), .wp-adminify #wpbody-content .metabox-holder .postbox-container .postbox-header + .inside input[type=submit], .wp-adminify #wpbody-content .page-title-action, .wp-adminify #wpbody-content .interface-interface-skeleton__header .edit-post-header .edit-post-header__settings button.editor-post-publish-button__button, .wp-adminify #wpbody-content .metabox-holder .postbox-header + .inside input[type=submit], .wp-adminify #wpbody-content input[type=submit]:not(.actions .button, #create-page), .wp-adminify #wpbody-content .metabox-holder .postbox-header + .inside .button:not(.wp-editor-wrap button, .rwmb-meta-box .rwmb-field .rwmb-input .wp-picker-container .button.wp-color-result, .rwmb-field .rwmb-input .wp-picker-container .wp-picker-input-wrap .wp-picker-clear), .wp-adminify .button-primary:not(.wp-editor-wrap button), .wp-customizer .wp-full-overlay-sidebar .control-panel-themes .button, .wp-adminify.themes-php #wpbody-content .theme-browser .theme:not(.add-new-theme) .more-details, .wp-adminify #wpbody-content .subsubsub li a .count, .wp-adminify #e-admin-top-bar-root .page-title-action, .wp-adminify #wpbody-content .elementor-button.elementor-button-success, .wp-adminify .elementor-button-go-pro, .wp-adminify .health-check-body .site-health-view-passed, .wp-adminify .health-check-body .site-health-copy-buttons button, .wp-adminify #wpbody-content #documentation #docs-lookup:not([disabled]), .wp-adminify #wpbody-content .form-table.permalink-structure .available-structure-tags button.active, .wp-adminify #wpadminify-admin-columns .columns.is-desktop button{'; |
| 83 |
|
| 84 |
if (isset($button_primary_color)) { |
| 85 |
$jltwp_adminify_output_body_css .= 'background-color: ' . esc_attr($button_primary_color) . ' !important;'; |
| 86 |
$jltwp_adminify_output_body_css .= 'border: 1px solid ' . esc_attr($button_primary_color) . ' !important;'; |
| 87 |
} |
| 88 |
if (isset($button_secondary_color)) { |
| 89 |
$jltwp_adminify_output_body_css .= 'color: ' . esc_attr($button_secondary_color) . ' !important;'; |
| 90 |
} |
| 91 |
|
| 92 |
$jltwp_adminify_output_body_css .= '}'; |
| 93 |
|
| 94 |
// for link |
| 95 |
if ($button_primary_color){ |
| 96 |
$jltwp_adminify_output_body_css .= '.wp-adminify .components-button.is-tertiary:not(.edit-site-navigation-panel__back-to-dashboard), .wp-adminify #e-dashboard-overview .e-overview__header .button:hover .dashicons, .wp-adminify.plugin-install-php #wpbody-content .plugin-card .plugin-card-top .action-links .plugin-action-buttons .open-plugin-details-modal, .wp-adminify #wpbody-content .widefat.importers .importer-item .importer-action a{ |
| 97 |
color: ' . esc_attr($button_primary_color) . ' !important; |
| 98 |
}'; |
| 99 |
$jltwp_adminify_output_body_css .= '.wp-adminify #wpbody-content .health-check-body .site-health-view-passed:hover .icon{ |
| 100 |
border-color: ' . esc_attr($button_primary_color) . ' !important; |
| 101 |
}'; |
| 102 |
} |
| 103 |
|
| 104 |
// Primary Button Fill Hover Color |
| 105 |
$jltwp_adminify_output_body_css .= '.wp-adminify #wpbody-content .actions input[type=submit], .wp-adminify #wpbody-content .interface-interface-skeleton__header .edit-post-header .edit-post-header__settings button.block-editor-post-preview__button-toggle, .wp-adminify.block-editor-page .editor-post-publish-panel .components-button.is-secondary, .wp-adminify .media-modal .media-frame-content button:not(.delete-attachment), .wp-adminify .media-upload-form .drag-drop-inside #plupload-browse-button, .wp-adminify #wp-media-grid .media-frame .uploader-inline-content button.browser, .wp-adminify .is-secondary:not(.wp-editor-wrap button), .wp-adminify #wpbody-content #createuser .wp-generate-pw, .wp-adminify #wpbody-content #createuser .wp-hide-pw, .wp-adminify #wpbody-content #your-profile .wp-generate-pw, .wp-adminify .button-secondary:not(.wp-editor-wrap button), .wp-adminify #wpbody-content input[type=submit]#create-page, .wp-adminify.themes-php #wpbody-content .theme-browser .theme:not(.add-new-theme) .theme-actions .button.activate, .wp-adminify .media-modal .media-frame-content .actions a, .wp-adminify .media-frame-content .wp-filter button.select-mode-toggle-button, .wp-adminify #wpbody-content #your-profile #destroy-sessions, .wp-adminify #wpbody-content #documentation #docs-lookup[disabled], |
| 106 |
.wp-adminify .is-primary:not(.wp-editor-wrap button, #adminify-data-saved-message):hover, .wp-adminify--folder-widget .folder--header a:hover, .wp-adminify.themes-php #wpbody-content .theme-browser .theme .theme-actions .button:not(.activate):hover, .wp-adminify.plugin-install-php #wpbody-content .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.activate-now:hover, .wp-adminify.plugin-install-php #wpbody-content .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.install-now:hover, .wp-adminify #file-editor-warning .file-editor-warning-content p .button.file-editor-warning-dismiss:hover, .wp-adminify .privacy-settings-accordion-actions button:hover, .wp-adminify #wpbody-content .metabox-holder .postbox-container .postbox-header + .inside .button:not(.rwmb-meta-box .rwmb-field .rwmb-input .wp-picker-container .button.wp-color-result):hover, .wp-adminify #wpbody-content .metabox-holder .postbox-container .postbox-header + .inside input[type=submit]:hover, .wp-adminify #wpbody-content .page-title-action:hover, .wp-adminify #wpbody-content .interface-interface-skeleton__header .edit-post-header .edit-post-header__settings button.editor-post-publish-button__button:hover, .wp-adminify #wpbody-content .metabox-holder .postbox-header + .inside input[type=submit]:hover, .wp-adminify #wpbody-content input[type=submit]:not(.actions .button, #create-page):hover, .wp-adminify #wpbody-content .metabox-holder .postbox-header + .inside .button:not(.wp-editor-wrap button, .rwmb-meta-box .rwmb-field .rwmb-input .wp-picker-container .button.wp-color-result, .rwmb-field .rwmb-input .wp-picker-container .wp-picker-input-wrap .wp-picker-clear):hover, .wp-adminify .button-primary:not(.wp-editor-wrap button):hover, .wp-customizer .wp-full-overlay-sidebar .control-panel-themes .button:hover, .wp-adminify #wpbody-content .subsubsub li a, .wp-adminify #e-admin-top-bar-root .page-title-action:hover, .wp-adminify #wpbody-content .elementor-button.elementor-button-success:hover, .wp-adminify .elementor-button-go-pro:hover, .wp-adminify .health-check-body .site-health-view-passed:hover, .wp-adminify .health-check-body .site-health-copy-buttons button:hover, .wp-adminify #wpbody-content #documentation #docs-lookup:not([disabled]):hover, .wp-adminify #wpadminify-admin-columns .columns.is-desktop button:hover{'; |
| 107 |
|
| 108 |
if (isset($button_primary_color)) { |
| 109 |
$jltwp_adminify_output_body_css .= 'color: ' . esc_attr($button_primary_color) . ' !important;'; |
| 110 |
$jltwp_adminify_output_body_css .= 'border: 1px solid ' . esc_attr($button_primary_color) . ' !important;'; |
| 111 |
} |
| 112 |
if (isset($button_secondary_color)) { |
| 113 |
$jltwp_adminify_output_body_css .= 'background-color: ' . esc_attr($button_secondary_color) . ' !important;'; |
| 114 |
} |
| 115 |
$jltwp_adminify_output_body_css .= '}'; |
| 116 |
} |
| 117 |
|
| 118 |
|
| 119 |
// Danger Button Settings |
| 120 |
$danger_button_primary_color = !empty($this->options['admin_danger_button_color']['primary_color']) ? $this->options['admin_danger_button_color']['primary_color'] : '#c30052'; |
| 121 |
$danger_button_secondary_color = !empty($this->options['admin_danger_button_color']['secondary_color']) ? $this->options['admin_danger_button_color']['secondary_color'] : '#fff'; |
| 122 |
|
| 123 |
|
| 124 |
// Danger Button Fill Color |
| 125 |
if ($danger_button_primary_color || $danger_button_secondary_color) { |
| 126 |
$jltwp_adminify_output_body_css .= '.wp-adminify.adminify-ui .media-modal .media-frame-content .actions .delete-attachment:hover, .wp-adminify.adminify-ui .media-frame-content .media-toolbar .media-toolbar-secondary .delete-selected-button:hover, |
| 127 |
.wp-adminify.adminify-ui .clear-button .components-panel .components-panel__body button.is-destructive, .wp-adminify.adminify-ui #wpbody-content .interface-interface-skeleton__body .components-panel .components-panel__body button.is-destructive{'; |
| 128 |
|
| 129 |
if (isset($danger_button_primary_color)) { |
| 130 |
$jltwp_adminify_output_body_css .= 'background-color: ' . esc_attr($danger_button_primary_color) . ' !important;'; |
| 131 |
$jltwp_adminify_output_body_css .= 'border: 1px solid ' . esc_attr($danger_button_primary_color) . ' !important;'; |
| 132 |
} |
| 133 |
if (isset($danger_button_secondary_color)) { |
| 134 |
$jltwp_adminify_output_body_css .= 'color: ' . esc_attr($danger_button_secondary_color) . ' !important;'; |
| 135 |
} |
| 136 |
|
| 137 |
$jltwp_adminify_output_body_css .= '}'; |
| 138 |
|
| 139 |
// Danger Button Fill Hover Color |
| 140 |
$jltwp_adminify_output_body_css .= '.wp-adminify.adminify-ui .media-modal .media-frame-content .actions .delete-attachment, .wp-adminify.adminify-ui .media-frame-content .media-toolbar .media-toolbar-secondary .delete-selected-button, |
| 141 |
.wp-adminify.adminify-ui .clear-button .components-panel .components-panel__body button.is-destructive:hover, .wp-adminify.adminify-ui #wpbody-content .interface-interface-skeleton__body .components-panel .components-panel__body button.is-destructive:hover{'; |
| 142 |
|
| 143 |
if (isset($danger_button_secondary_color)) { |
| 144 |
$jltwp_adminify_output_body_css .= 'background-color: ' . esc_attr($danger_button_secondary_color) . ' !important;'; |
| 145 |
} |
| 146 |
if (isset($danger_button_primary_color)) { |
| 147 |
$jltwp_adminify_output_body_css .= 'color: ' . esc_attr($danger_button_primary_color) . ' !important;'; |
| 148 |
$jltwp_adminify_output_body_css .= 'border: 1px solid ' . esc_attr($danger_button_primary_color) . ' !important;'; |
| 149 |
} |
| 150 |
|
| 151 |
$jltwp_adminify_output_body_css .= '}'; |
| 152 |
|
| 153 |
$jltwp_adminify_output_body_css .= '.wp-adminify #wpbody-content .components-button.is-primary.is-busy{ |
| 154 |
background-image: linear-gradient(-45deg, '.$button_secondary_color.' 33%, '.$button_primary_color.' 33%, '.$button_primary_color.' 70%, '.$button_secondary_color.' 70%); |
| 155 |
}'; |
| 156 |
} |
| 157 |
|
| 158 |
|
| 159 |
$jltwp_adminify_output_body_css .= '.wp-adminify #wpbody-content .subsubsub li a .count{ |
| 160 |
border: 0 !important; |
| 161 |
}'; |
| 162 |
$jltwp_adminify_output_body_css .= '.wp-adminify #wpbody-content .subsubsub li a:not(.current){ |
| 163 |
border-color: #E5E5E5 !important; |
| 164 |
}'; |
| 165 |
|
| 166 |
// Combine the values from above and minifiy them. |
| 167 |
$jltwp_adminify_output_body_css = preg_replace('#/\*.*?\*/#s', '', $jltwp_adminify_output_body_css); |
| 168 |
$jltwp_adminify_output_body_css = preg_replace('/\s*([{}|:;,])\s+/', '$1', $jltwp_adminify_output_body_css); |
| 169 |
$jltwp_adminify_output_body_css = preg_replace('/\s\s+(.*)/', '$1', $jltwp_adminify_output_body_css); |
| 170 |
|
| 171 |
if (!empty($this->options['admin_ui'])) { |
| 172 |
wp_add_inline_style('wp-adminify-admin', wp_strip_all_tags($jltwp_adminify_output_body_css)); |
| 173 |
} else { |
| 174 |
wp_add_inline_style('wp-adminify-default-ui', wp_strip_all_tags($jltwp_adminify_output_body_css)); |
| 175 |
} |
| 176 |
} |
| 177 |
} |
| 178 |
|
