openstack/skyline-console
Code Issues Proposed changes

feat: Update menu

Browse Source 
Use the local storage to set the default collapsed status of the menu, so that  user no need to set the menu collapsed every time.

Change-Id: I76e6b18b799e92e64e0bacdb93df5dc8f44978b8
Signed-off-by: Jingwei Zhang <zhang.jingwei@99cloud.net>
This commit is contained in:
zhangjingwei
2025-06-26 02:22:15 +00:00
parent 5124e1706e
commit 30fc0b9e11
3 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.zuul.yaml
View File

@@ -601,7 +601,6 @@
- ^src/styles/.*$ - ^src/styles/.*$
- ^src/locales/.*$ - ^src/locales/.*$
- ^src/asset/.*$ - ^src/asset/.*$
- ^src/layouts/.*$
# .zuul.yaml # .zuul.yaml
- ^.zuul.yaml$ - ^.zuul.yaml$
# markdown # markdown
@@ -665,7 +664,6 @@
- ^src/styles/.*$ - ^src/styles/.*$
- ^src/locales/.*$ - ^src/locales/.*$
- ^src/asset/.*$ - ^src/asset/.*$
- ^src/layouts/.*$
# .zuul.yaml # .zuul.yaml
- ^.zuul.yaml$ - ^.zuul.yaml$
# markdown # markdown
@@ -704,7 +702,6 @@
- ^src/styles/.*$ - ^src/styles/.*$
- ^src/locales/.*$ - ^src/locales/.*$
- ^src/asset/.*$ - ^src/asset/.*$
- ^src/layouts/.*$
# .zuul.yaml # .zuul.yaml
- ^.zuul.yaml$ - ^.zuul.yaml$
# markdown # markdown
@@ -770,7 +767,6 @@
- ^src/styles/.*$ - ^src/styles/.*$
- ^src/locales/.*$ - ^src/locales/.*$
- ^src/asset/.*$ - ^src/asset/.*$
- ^src/layouts/.*$
# .zuul.yaml # .zuul.yaml
- ^.zuul.yaml$ - ^.zuul.yaml$
# markdown # markdown

4
src/layouts/Base/Menu.jsx
View File

@@ -20,6 +20,7 @@ import { toJS } from 'mobx';
import { isString, isEqual } from 'lodash'; import { isString, isEqual } from 'lodash';
import classnames from 'classnames'; import classnames from 'classnames';
import { getPath } from 'utils/route-map'; import { getPath } from 'utils/route-map';
import { getLocalStorageItem, setLocalStorageItem } from 'utils/local-storage';
import i18n from 'core/i18n'; import i18n from 'core/i18n';
import styles from './index.less'; import styles from './index.less';
@@ -31,7 +32,7 @@ export class LayoutMenu extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
collapsed: false, collapsed: getLocalStorageItem('menuCollapsed') || false,
hover: false, hover: false,
openKeys: [], openKeys: [],
}; };
@@ -93,6 +94,7 @@ export class LayoutMenu extends Component {
collapsed: !collapsed, collapsed: !collapsed,
hover: false, hover: false,
}); });
setLocalStorageItem('menuCollapsed', !collapsed);
const { onCollapseChange } = this.props; const { onCollapseChange } = this.props;
onCollapseChange && onCollapseChange(!collapsed); onCollapseChange && onCollapseChange(!collapsed);
}; };

3
src/layouts/Base/index.jsx
View File

@@ -22,6 +22,7 @@ import checkItemPolicy from 'resources/skyline/policy';
import { Layout } from 'antd'; import { Layout } from 'antd';
import GlobalHeader from 'components/Layout/GlobalHeader'; import GlobalHeader from 'components/Layout/GlobalHeader';
import { setRouteMap, getPath } from 'utils/route-map'; import { setRouteMap, getPath } from 'utils/route-map';
import { getLocalStorageItem } from 'utils/local-storage';
import renderAdminMenu from '../admin-menu'; import renderAdminMenu from '../admin-menu';
import renderMenu from '../menu'; import renderMenu from '../menu';
import renderUserMenu from '../user-menu'; import renderUserMenu from '../user-menu';
@@ -42,7 +43,7 @@ export class BaseLayout extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
collapsed: false, collapsed: getLocalStorageItem('menuCollapsed') || false,
}; };
this.init(); this.init();
} }