llapsedImage'),
$b->auto('logo.collapsedHeight')->params(['step' => 1]),
$b->auto('logo.backgroundColor'),
$b->auto('logo.linkUrl'),
$b->auto('logo.spacing')
),
$b->section(
'Collapse Button',
$b->checkBox('collapseButton.visible'),
$b->auto('collapseButton.position'),
$b->auto('collapseButton.label')
)
);
//Let other modules add their own settings and UI elements.
do_action('admin_menu_editor-ms_ui_structure', $structure);
return $structure->build();
}
public function outputDialog() {
$structure = $this->getInterfaceStructure();
$renderer = new TabbedPanelRenderer(['ame-tp-height-100']);
//The template will call $renderer->renderStructure($structure) for us.
require __DIR__ . '/menu-styler-template.php';
$renderer->enqueueDependencies();
}
public function addEditorDependencies($dependencies) {
$this->enqueueFeatureScript(true);
//This script needs to be loaded before menu-editor.js so that it can set
//a "menuConfigurationLoaded" event handler before the editor loads the menu.
//Both scripts use the jQuery(function() { ... }) shortcut and run their
//initialization code when the DOM is ready.
$useBundles = defined('WS_AME_USE_BUNDLES') && WS_AME_USE_BUNDLES;
if ( $useBundles ) {
//Note: This assumes that the Customizable library is already registered
//and its dependencies have been added.
$mainScript = $this->menuEditor->get_webpack_registry()->getWebpackEntryPoint('menu-styler-ui');
$mainScript->addDependencies('jquery-color'); //Required by the style generator.
} else {
$mainScript = ScriptDependency::create(
plugins_url('menu-styler-ui.js', __FILE__),
'ame-menu-styler-ui'
)
->addDependencies(
'ame-customizable-settings',
'ame-style-generator'
)
->setTypeToModule();
}
$mainScript->addDependencies(
'jquery',
'ame-lodash',
'ame-jquery-cookie',
$this->getFeatureScript()
)->register();
$this->mainScript = $mainScript;
$dependencies[] = $mainScript->getHandle();
return $dependencies;
}
/**
* Add JS data for the menu styler UI to the menu styler script.
*
* This can't be done in addEditorDependencies() because wp_add_inline_script()
* only works for scripts that are already enqueued. The script is registered
* as an editor dependency, so it only gets enqueued when menu-editor.js is enqueued.
*/
public function addScriptData() {
//Add "menu_styles" to the registered menu configuration child keys.
add_filter('admin_menu_editor-aux_data_config', [$this, 'addAuxDataConfig']);
$scriptData = [
'defaults' => apply_filters(
'admin_menu_editor-ms_ui_setting_defaults',
$this->getSettings()->getRecursiveDefaultsForJs()
),
'stylePreviewConfigs' => array_map(
function (StyleGenerator $generator) {
return $generator->getJsPreviewConfiguration();
},
$this->getAllStyleGenerators()
),
];
if ( $this->mainScript ) {
wp_add_inline_script(
$this->mainScript->getHandle(),
sprintf(
'window.ameMenuStylerConfig = (%s);',
wp_json_encode($scriptData)
),
'before'
);
}
}
public function loadMenuStylerSettings($menuConfig, $storedConfig) {
//Copy menu styler settings from the stored menu configuration to the validated menu configuration.
if ( isset($storedConfig['menu_styles']) ) {
$menuConfig['menu_styles'] = $storedConfig['menu_styles'];
}
return $menuConfig;
}
private function getStyleGenerator(StyleSettings $s, $onlyAdminThemeStyles = false) {
//todo: This should create different instances if the setting argument is different.
if ( ($this->styleGenerator !== null) && !$onlyAdminThemeStyles ) {
return $this->styleGenerator;
}
$g = new StyleGenerator();
$g->setStylesheetsToDisableOnPreview(['link#ame-ms-custom-menu-styles-css']);
//region Menu width
$g->addRuleSet(
['#adminmenuback', '#adminmenuwrap', '#adminmenu', '#adminmenu .wp-has-current-submenu > .wp-submenu'],
[$s->getSetting('menuBar.menuWidth')]
);
$g->addRuleSet(
['#wpcontent', '#wpfooter'],
['margin-left' => $s->getSetting('menuBar.menuWidth')]
);
$g->addRuleSet(
['#adminmenu .wp-submenu'],
['left' => $s->getSetting('menuBar.menuWidth')]
);
$g->addRuleSet(
[
'.folded #adminmenuback',
'.folded #adminmenuwrap',
'.folded #adminmenu',
'.folded #adminmenu li.menu-top',
],
[$s->getSetting('menuBar.collapsedMenuWidth')]
);
$g->addRuleSet(
[
'#adminmenu .wp-not-current-submenu .wp-submenu',
'.folded #adminmenu .wp-has-current-submenu .wp-submenu',
'#adminmenu .ame-has-deep-submenu:not(.ame-has-highlighted-item) > .wp-submenu',
],
[$s->getSetting('menuBar.submenuPopupWidth')]
);
//Let other components know the custom menu width.
$g->addRuleSet(
['body'],
[
'--ame-ms-menu-width' => $s->getSetting('menuBar.menuWidth'),
'--ame-ms-collapsed-menu-width' => $s->getSetting('menuBar.collapsedMenuWidth'),
]
);
//Push the new theme widget editor to the right to make room for the menu.
$g->addMediaQuery(
$g->ifSome([
$s->getSetting('menuBar.collapsedMenuWidth'),
$s->getSetting('menuBar.menuWidth'),
]),
'screen and (min-width: 783px)',
new CssRuleSet(
['body:not(.folded) #widgets-editor .interface-interface-skeleton'],
['left' => $s->getSetting('menuBar.menuWidth')]
),
new CssRuleSet(
['body.folded #widgets-editor .interface-interface-skeleton'],
['left' => $s->getSetting('menuBar.collapsedMenuWidth')]
)
);
//The menu will auto-collapse at or below 960px.
$g->addMediaQuery(
$g->ifSome([
$s->getSetting('menuBar.collapsedMenuWidth'),
$s->getSetting('menuBar.menuWidth'),
]),
'screen and (max-width: 960px) and (min-width: 783px)',
new CssRuleSet(
['body.auto-fold #widgets-editor .interface-interface-skeleton'],
['left' => 'var(--ame-ms-collapsed-menu-width, 36px)']
)
);
//endregion
//region Menu bar: Full height
$g->addMediaQuery(
$g->ifLooselyEqual($s->getSetting('menuBar.layout'), 'fullHeight'),
//WordPress hides the entire admin menu bar on small screens, so the full
//height feature only applies to viewports wider than that threshold.
'screen and (min-width: 783px)',
new CssRuleSet(
[
//Note: Selector specificity is intentionally increased to override
//the margin-top rule added by the menu logo feature.
'#adminmenu#adminmenu',
],
['margin-top' => 'calc(-1 * var(--wp-admin--admin-bar--height, 32px))']
),
//The "collapse button position: bottom" setting needs to know
//how far the menu is from the top of the viewport.
new CssRuleSet(
['#adminmenuwrap'],
['--ams-ms-menu-vp-top-offset' => '0px']
),
//Push the Toolbar/Admin Bar to the right to make room for the full-height menu.
//The default menu width is 160px.
//The width variables are defined in a separate ruleset because the generator will
//automatically remove the ruleset if all of its settings are empty. We want to keep
//the actual margin and width rules even then, just with default values.
new CssRuleSet(
['#wpadminbar'],
[
'--ame-ms-fh-menu-width' => $s->getSetting('menuBar.menuWidth'),
'--ame-ms-fh-collapsed-menu-width' => $s->getSetting('menuBar.collapsedMenuWidth'),
]
),
new CssRuleSet(
['#wpadminbar'],
[
'margin-left' => 'var(--ame-ms-fh-menu-width, 160px)',
'width' => 'calc(100% - var(--ame-ms-fh-menu-width, 160px))',
]
),
//Same for the collapsed menu. The default collapsed menu width is 36px.
new CssRuleSet(
['.folded #wpadminbar'],
[
'margin-left' => 'var(--ame-ms-fh-collapsed-menu-width, 36px)',
'width' => 'calc(100% - var(--ame-ms-fh-collapsed-menu-width, 36px))',
]
)
);
//WordPress automatically collapses the menu bar when the viewport is narrow,
//so let's use the collapsed menu width then.
$g->addMediaQuery(
$g->ifLooselyEqual($s->getSetting('menuBar.layout'), 'fullHeight'),
'screen and (max-width: 960px) and (min-width: 783px)',
new CssRuleSet(
['body.auto-fold #wpadminbar'],
[
'margin-left' => 'var(--ame-ms-fh-collapsed-menu-width, 36px)',
'width' => 'calc(100% - var(--ame-ms-fh-collapsed-menu-width, 36px))',
]
)
);
//endregion
//region Menu bar shadow
$g->addRuleSet(
['#adminmenuback'],
[$s->getSetting('menuBar.boxShadow')]
);
//endregion
//region Top level menu items
$g->addRuleSet(
['#adminmenu a.menu-top', '#adminmenu .wp-submenu-head'],
[$s->getSetting('topLevelItems.font')]
);
//TODO: Icon alignment needs to be adjusted when the line height changes.
$g->addRuleSet(
['#adminmenu div.wp-menu-name'],
[$s->getSetting('topLevelItems.spacing.padding')]
);
//Adjust menu icon alignment when the vertical padding changes so that the icon
//stays in the same place relative to the text. The default top padding is 8px.
$g->addSimpleCondition(
$s->getSetting('topLevelItems.spacing.padding.top'),
'>',
0,
new CssRuleSet(
['#adminmenu .menu-top .wp-menu-image'],
[
'--ame-ms-item-top-padding' => $s->getSetting('topLevelItems.spacing.padding.top'),
'padding-top' => 'max(calc(var(--ame-ms-item-top-padding) - 8px), 0px)',
]
)
);
$g->addRuleSet(
['#adminmenu > li.menu-top'],
[$s->getSetting('topLevelItems.spacing.margin')]
);
//endregion
//region Submenus
$g->addRuleSet(
['#adminmenu .wp-submenu a'],
[$s->getSetting('submenu.font')]
);
$g->addRuleSet(
['#adminmenu .wp-submenu'],
[$s->getSetting('submenu.boxShadow')]
);
//TODO: Test with submenu icons. Custom CSS variables could help there.
$g->addRuleSet(
[
'#adminmenu .wp-not-current-submenu li > a',
//Third-level menu popup that's inside the current submenu,
//but does not contain the current menu item.
'#adminmenu .wp-has-current-submenu li.ame-has-deep-submenu.opensub li > a',
],
[$s->getSetting('submenu.popupSubmenuItemSpacing.padding')]
);
$g->addRuleSet(
[
'#adminmenu .wp-not-current-submenu li',
'#adminmenu .wp-has-current-submenu li.ame-has-deep-submenu.opensub li',
],
[$s->getSetting('submenu.popupSubmenuItemSpacing.margin')]
);
$g->addRuleSet(
['#adminmenu .wp-has-current-submenu ul > li > a'],
[$s->getSetting('submenu.openSubmenuItemSpacing.padding')]
);
$g->addRuleSet(
['#adminmenu .wp-has-current-submenu ul > li'],
[$s->getSetting('submenu.openSubmenuItemSpacing.margin')]
);
//endregion
//The rest of the styles are not related to admin themes, so stop here if
//we're only generating admin theme styles.
if ( $onlyAdminThemeStyles ) {
return $g;
}
//region Collapse button
$g->addSimpleCondition(
$s->getSetting('collapseButton.visible'),
'==',
false,
new CssRuleSet(
['#adminmenu #collapse-menu'],
['display' => 'none']
)
);
$g->addSimpleCondition(
$s->getSetting('collapseButton.position'),
'==',
'bottom',
new CssRuleSet(
['#adminmenu'],
[
//Switch the admin menu to flexbox layout.
'display' => 'flex',
'flex-direction' => 'column',
//Menu height must be equal or greater than (viewport height - menu offset from
//the top of the viewport) for the button to be positioned at the bottom of the screen.
//The top offset is usually equal to the height of the Admin Bar, but it can be
//zero if the menu is in "full height" mode.
//We must also account for the menu bar's vertical margins to avoid overflowing the viewport.
'box-sizing' => 'border-box',
'min-height' => 'calc(
100vh
- var(--ams-ms-menu-vp-top-offset, var(--wp-admin--admin-bar--height, 32px))
- var(--ame-ms-menu-margin-top, 12px)
- var(--ame-ms-menu-margin-bottom, 12px)
)',
]
),
//In flexbox layout, "margin-top: auto" works to move the button to the bottom.
new CssRuleSet(
['#adminmenu #collapse-menu'],
['margin-top' => 'auto']
)
);
//endregion
//region Logo
//Most logo settings are handled elsewhere. This is just for the margins and padding.
$g->addRuleSet(
['#adminmenu #ame_ms_admin_menu_logo'],
[$s->getSetting('logo.spacing')]
);
//When the menu is collapsed, there is far less space for the logo, so the margins
//and padding must be reduced. Since there are currently no separate settings for that
//state, we just drop the left/right margins and padding to zero.
$g->addCondition(
$g->ifSome([
$g->ifImageSettingContainsImage($s->getSetting('logo.baseImage')),
$g->ifImageSettingContainsImage($s->getSetting('logo.collapsedImage')),
]),
new CssRuleSet(
['.folded #adminmenu #ame_ms_admin_menu_logo'],
[
'margin-left' => '0',
'margin-right' => '0',
'padding-left' => '0',
'padding-right' => '0',
]
)
);
//endregion
$this->styleGenerator = $g;
return $this->styleGenerator;
}
/**
* Get all style generators associated with the menu styler UI.
*
* This exists because other modules can add their own settings to that UI.
*
* @param bool $onlyAdminThemeStyles
* @return StyleGenerator[]
*/
private function getAllStyleGenerators($onlyAdminThemeStyles = false) {
return apply_filters(
'admin_menu_editor-ms_ui_style_generators',
[$this->getStyleGenerator($this->getSettings(), $onlyAdminThemeStyles)],
$onlyAdminThemeStyles
);
}
private function getFeatureScript() {
if ( $this->featureScript !== null ) {
return $this->featureScript;
}
$useBundles = defined('WS_AME_USE_BUNDLES') && WS_AME_USE_BUNDLES;
if ( $useBundles ) {
$featureScript = $this->menuEditor
->get_webpack_registry()
->getWebpackEntryPoint('menu-styler-features');
} else {
$featureScript = ScriptDependency::create(
plugins_url('menu-styler-features.js', __FILE__),
'ame-menu-styler-js-feats'
)
->setTypeToModule()
//Adding the "async" attribute makes a module script execute sooner,
//which is useful to prevent FOUC.
//See https://gist.github.com/jakub-g/385ee6b41085303a53ad92c7c8afd7a6
->setAsync();
}
$featureScript->addDependencies('jquery');
$this->featureScript = $featureScript;
return $featureScript;
}
public function enqueueFeatureScript($isRequired = false) {
//Do this only once.
static $isScriptEnqueued = false;
if ( $isScriptEnqueued ) {
return;
}
$featureScript = $this->getFeatureScript();
if ( !$featureScript->isRegistered() ) {
$featureScript->register();
}
$settings = $this->getSettings();
//Enqueue the script if one of the relevant settings is in use, or if this is
//the AC preview frame, or if this is the settings page, This method handles
//the first two and addEditorDependencies() handles the last one by setting
//the $isRequired parameter to true.
$isRequired = $isRequired
|| $this->menuEditor->is_editor_page()
|| apply_filters('admin_menu_editor-is_preview_frame', false);
$buttonRequired = $isRequired;
if ( !$buttonRequired ) {
$collapseButtonLabel = $settings->get('collapseButton.label');
$buttonRequired = !empty($collapseButtonLabel);
}
$logoRequired = $isRequired;
if ( !$logoRequired ) {
if ( $settings->get('logo.baseImage.attachmentId', 0) > 0 ) {
$logoRequired = true;
} else if ( (string)$settings->get('logo.baseImage.externalUrl', '') !== '' ) {
$logoRequired = true;
} else if ( (string)$settings->get('logo.collapsedImage.attachmentId', 0) > 0 ) {
$logoRequired = true;
} else if ( (string)$settings->get('logo.collapsedImage.externalUrl', '') !== '' ) {
$logoRequired = true;
}
}
if ( !($buttonRequired || $logoRequired) ) {
return;
}
$featureScript->enqueue();
$isScriptEnqueued = true;
$scriptData = [];
$labelSettings = [
'collapseButton.label' => 'label',
];
$logoSettings = [
//For attachments, the URL should already be cached in the setting.
'logo.baseImage' => 'baseImage',
'logo.collapsedImage' => 'collapsedImage',
'logo.linkUrl' => 'linkUrl',
'logo.backgroundColor' => 'backgroundColor',
'logo.baseHeight' => 'baseHeight',
'logo.collapsedHeight' => 'collapsedHeight',
];
$scriptDataKeys = [];
if ( $buttonRequired ) {
$scriptDataKeys['collapseButtonText'] = $labelSettings;
}
if ( $logoRequired ) {
$scriptDataKeys['menuLogo'] = $logoSettings;
}
foreach ($scriptDataKeys as $key => $pathToKeyMap) {
$settingValues = [];
$settingMap = [];
foreach ($pathToKeyMap as $path => $localKey) {
$setting = $settings->getSetting($path);
$settingValues[$localKey] = $setting->getValue();
$settingMap[$setting->getId()] = $localKey;
}
$scriptData[$key] = [
'settings' => $settingValues,
'settingMap' => $settingMap,
];
}
wp_add_inline_script(
$featureScript->getHandle(),
sprintf(
'window.ameMenuStylerFeatureConfig = (%s);',
wp_json_encode($scriptData)
),
'before'
);
}
public function enqueueEditorStyles() {
wp_enqueue_auto_versioned_style(
'ame-menu-styler-editor-css',
plugins_url('menu-styler.css', __FILE__)
);
}
public function registerCustomStyle() {
$bundleName = 'ame-menu-style-bundle';
$helper = MenuScopedStylesheetHelper::getInstance($this->menuEditor);
//Disable bundling in preview mode to make things easier for JS-based preview
//updaters. This way each updater only needs to disable their own stylesheet,
//instead of disabling the whole bundle and potentially breaking other features
//that use the same bundle.
$isAdminCustomizerPreview = apply_filters('admin_menu_editor-is_preview_frame', false);
$queryParams = $this->menuEditor->get_query_params();
$isPreview = (
$isAdminCustomizerPreview
//The menu editor page also does live preview when the "Style" dialog is open.
//Note that we can't use $this->menuEditor->is_editor_page() here because
//the current tab is not set yet during the "init" action.
|| (
isset($queryParams['page'])
&& is_admin()
&& (!wp_doing_ajax())
&& ($queryParams['page'] === 'menu_editor')
&& (
empty($queryParams['sub_section'])
|| ($queryParams['sub_section'] === 'editor')
|| ($queryParams['sub_section'] === 'network-admin-menu')
)
)
);
if ( !$isPreview ) {
$helper->addBundle($bundleName);
}
$helper->addStylesheet(
'ame-ms-custom-menu-styles',
function ($menuConfigId) {
$settings = $this->getSettings($menuConfigId);
$modTimeCallback = function () use ($settings) {
$modificationTime = $settings->getLastModifiedTimestamp();
return !empty($modificationTime) ? $modificationTime : 0;
};
$styleGenerationCallback = function () use ($settings) {
$styleGenerator = $this->getStyleGenerator($settings);
return $styleGenerator->generateCss();
};
return [$modTimeCallback, $styleGenerationCallback];
},
$bundleName
);
}
public function addAuxDataConfig($config) {
$config['keys'][StyleSettings::CONFIG_KEY] = StyleSettings::SETTING_ID_PREFIX;
return $config;
}
/**
* @param \YahnisElsts\AdminMenuEditor\AdminCustomizer\AmeAdminCustomizer $customizer
* @return void
*/
public function registerAdminCustomizerItems($customizer) {
//Register settings.
$settings = $this->getSettings();
$customizer->addSettings($settings->getRegisteredSettings());
//Add menu style controls to the "Admin Menu" section.
$menuSectionOpt = $customizer->findSection('ame-admin-menu');
if ( $menuSectionOpt->isEmpty() ) {
//Add the section if it doesn't exist yet.
$menuSection = new Section('Admin Menu', [], ['id' => 'ame-admin-menu']);
$customizer->addSection($menuSection);
} else {
$menuSection = $menuSectionOpt->get();
}
$myStructure = $this->getInterfaceStructure();
foreach ($myStructure->getAsSections() as $section) {
$menuSection->add($section);
}
}
/**
* @param \YahnisElsts\AdminMenuEditor\AdminCustomizer\AmeAdminCustomizer $customizer
* @return void
*/
public function registerAdminCustomizerStylePreview($customizer) {
foreach ($this->getAllStyleGenerators() as $generator) {
$customizer->addPreviewStyleGenerator($generator);
}
}
/**
*
* @param callable $addCss
* @return void
* @internal
*/
public function addAdminThemeCss($addCss) {
$generators = $this->getAllStyleGenerators(true);
foreach ($generators as $g) {
call_user_func($addCss, $g->generateCss());
}
}
}
class StyleSettings extends AbstractSettingsDictionary {
const SETTING_ID_PREFIX = 'ws_menu_styler--';
const CONFIG_KEY = 'menu_styles';
public function __construct(StorageInterface $store) {
parent::__construct($store, self::SETTING_ID_PREFIX, true);
}
protected function createDefaults() {
return [];
}
protected function createSettings() {
$f = $this->settingFactory();
return [
$f->boolean(
'configProducesCss',
'[This internal flag shows if the current configuration generates any CSS when applied]',
[
'default' => null,
'isEditable' => '__return_false', //Never directly editable.
]
),
$f->customStruct(
'menuBar',
function (SettingFactory $cf) {
$cf->enablePostMessageSupport();
$cf->setTags(AbstractSetting::TAG_ADMIN_THEME);
return [
$cf->cssLength(
'menuWidth',
'Menu width',
'width',
['default' => null, 'minValue' => 30, 'maxValue' => 500]
),
$cf->cssLength(
'collapsedMenuWidth',
'Collapsed menu width',
'width',
['default' => null, 'minValue' => 10, 'maxValue' => 100]
),
$cf->cssLength(
'submenuPopupWidth',
'Submenu popup width',
'width',
['default' => null, 'minValue' => 30, 'maxValue' => 500]
),
$cf->enum('layout', ['default', 'fullHeight'], 'Layout')
->describeChoice('default', 'Default')
->describeChoice('fullHeight', 'Full height menu'),
$cf->cssBoxShadow(
'boxShadow',
'Menu bar shadow'
),
];
}
),
$f->customStruct(
'topLevelItems',
function (SettingFactory $cf) {
$cf->enablePostMessageSupport();
$cf->setTags(AbstractSetting::TAG_ADMIN_THEME);
return [
$cf->cssFont('font', 'Font'),
$cf->cssSpacing('spacing', 'Spacing'),
];
}
),
$f->customStruct(
'submenu',
function (SettingFactory $cf) {
$cf->enablePostMessageSupport();
$cf->setTags(AbstractSetting::TAG_ADMIN_THEME);
return [
$cf->cssFont('font', 'Font'),
$cf->cssSpacing('openSubmenuItemSpacing', 'Spacing: Open submenu items'),
$cf->cssSpacing('popupSubmenuItemSpacing', 'Spacing: Popup submenu items'),
$cf->cssBoxShadow('boxShadow', 'Submenu popup shadow'),
];
}
),
$f->customStruct(
'logo',
function (SettingFactory $cf) {
$cf->enablePostMessageSupport();
return [
$cf->image('baseImage', 'Expanded menu logo'),
$cf->image('collapsedImage', 'Collapsed menu logo'),
$cf->cssLength(
'baseHeight',
'Logo height (expanded)',
'height',
['default' => 60, 'defaultUnit' => 'px', 'minValue' => 10, 'maxValue' => 200]
),
$cf->cssLength(
'collapsedHeight',
'Logo height (collapsed)',
'height',
['default' => 34, 'defaultUnit' => 'px', 'minValue' => 10, 'maxValue' => 200]
),
$cf->cssColor('backgroundColor', 'background-color', 'Background color'),
$cf->url('linkUrl', 'Logo link URL'),
$cf->cssSpacing('spacing', 'Logo Spacing'),
];
}
),
$f->customStruct(
'collapseButton',
function (SettingFactory $cf) {
$cf->enablePostMessageSupport();
return [
$cf->boolean('visible', 'Show the "Collapse menu" button', [
'groupTitle' => 'Visibility',
'default' => true,
]),
$cf->enum('position', ['default', 'bottom'], 'Position'),
$cf->plainText('label', 'Text'),
];
}
),
];
}
}
class MenuStylerStorage extends LazyArrayStorage implements StorageInterface {
private $menuEditor;
private $configId;
public function __construct(\WPMenuEditor $menuEditor, $menuConfigId = null) {
$this->menuEditor = $menuEditor;
$this->configId = $menuConfigId;
parent::__construct();
}
private function getMenuConfigId() {
if ( $this->configId === null ) {
$this->configId = $this->menuEditor->get_loaded_menu_config_id();
}
return $this->configId;
}
protected function loadData() {
$configId = $this->getMenuConfigId();
$customMenu = $this->menuEditor->load_custom_menu($configId);
if ( ($customMenu !== null) && !empty($customMenu[StyleSettings::CONFIG_KEY]) ) {
return $customMenu[StyleSettings::CONFIG_KEY];
}
return [];
}
protected function storeData($newData) {
$configId = $this->getMenuConfigId();
$customMenu = $this->menuEditor->load_custom_menu($configId);
if ( $customMenu === null ) {
//Design problem: Can't save menu styles without a custom menu.
//Note that this will throw an exception if the menu has not been initialized yet.
//For example, it might not work in an AJAX request.
$customMenu = $this->menuEditor->get_active_admin_menu();
$configId = null;
}
$customMenu[StyleSettings::CONFIG_KEY] = $newData;
$this->menuEditor->set_custom_menu($customMenu, $configId);
}
protected function deleteStoredData() {
$customMenu = $this->menuEditor->load_custom_menu($this->getMenuConfigId());
if ( ($customMenu === null) || (empty($customMenu[StyleSettings::CONFIG_KEY])) ) {
return;
}
unset($customMenu[StyleSettings::CONFIG_KEY]);
$this->menuEditor->set_custom_menu($customMenu, $this->getMenuConfigId());
}
}
Fatal error: Uncaught Error: Class "YahnisElsts\AdminMenuEditor\MenuStyler\MenuStyler" not found in /htdocs/wp-content/plugins/admin-menu-editor-pro/includes/menu-editor-core.php:505
Stack trace:
#0 /htdocs/wp-content/plugins/admin-menu-editor-pro/includes/menu-editor-core.php(1512): WPMenuEditor->load_modules()
#1 /htdocs/wp-content/plugins/admin-menu-editor-pro/includes/menu-editor-core.php(3264): WPMenuEditor->load_custom_menu()
#2 /htdocs/wp-content/plugins/admin-menu-editor-pro/extras.php(1613): WPMenuEditor->get_virtual_caps(3)
#3 /htdocs/wp-includes/class-wp-hook.php(310): wsMenuEditorExtras->prepare_virtual_caps_for_user(Array, Object(WP_User))
#4 /htdocs/wp-includes/plugin.php(205): WP_Hook->apply_filters(Array, Array)
#5 /htdocs/wp-content/plugins/admin-menu-editor-pro/includes/menu-editor-core.php(4556): apply_filters('admin_menu_edit...', Array, Object(WP_User))
#6 /htdocs/wp-content/plugins/admin-menu-editor-pro/includes/menu-editor-core.php(4582): WPMenuEditor->update_virtual_cap_cache(Object(WP_User))
#7 /htdocs/wp-includes/class-wp-hook.php(312): WPMenuEditor->grant_virtual_caps_to_user(Array, Array, Array)
#8 /htdocs/wp-includes/plugin.php(205): WP_Hook->apply_filters(Array, Array)
#9 /htdocs/wp-includes/class-wp-user.php(808): apply_filters('user_has_cap', Array, Array, Array, Object(WP_User))
#10 /htdocs/wp-includes/capabilities.php(985): WP_User->has_cap('unfiltered_html')
#11 /htdocs/wp-includes/capabilities.php(877): user_can(Object(WP_User), 'unfiltered_html')
#12 /htdocs/wp-includes/kses.php(2263): current_user_can('unfiltered_html')
#13 /htdocs/wp-includes/class-wp-hook.php(310): kses_init('')
#14 /htdocs/wp-includes/class-wp-hook.php(334): WP_Hook->apply_filters(NULL, Array)
#15 /htdocs/wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#16 /htdocs/wp-includes/pluggable.php(48): do_action('set_current_use...')
#17 /htdocs/wp-includes/user.php(3624): wp_set_current_user(0)
#18 /htdocs/wp-includes/pluggable.php(70): _wp_get_current_user()
#19 /htdocs/wp-includes/user.php(639): wp_get_current_user()
#20 /htdocs/wp-includes/class-wp-query.php(2572): get_current_user_id()
#21 /htdocs/wp-includes/class-wp-query.php(3800): WP_Query->get_posts()
#22 /htdocs/wp-includes/post.php(2441): WP_Query->query(Array)
#23 /htdocs/wp-content/plugins/bacola-core/init.php(42): get_posts(Array)
#24 /htdocs/wp-content/plugins/bacola-core/inc/customizer.php(2621): bacola_get_elementorTemplates('section')
#25 /htdocs/wp-content/plugins/bacola-core/bacola-core.php(147): require_once('/htdocs/wp-cont...')
#26 /htdocs/wp-includes/class-wp-hook.php(310): Bacola_Elementor_Addons->init('')
#27 /htdocs/wp-includes/class-wp-hook.php(334): WP_Hook->apply_filters(NULL, Array)
#28 /htdocs/wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#29 /htdocs/wp-settings.php(495): do_action('plugins_loaded')
#30 /htdocs/wp-config.php(96): require_once('/htdocs/wp-sett...')
#31 /htdocs/wp-load.php(50): require_once('/htdocs/wp-conf...')
#32 /htdocs/wp-blog-header.php(13): require_once('/htdocs/wp-load...')
#33 /htdocs/index.php(17): require('/htdocs/wp-blog...')
#34 {main}
thrown in /htdocs/wp-content/plugins/admin-menu-editor-pro/includes/menu-editor-core.php on line 505