haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-22 16:56:57 +00:00
Code Issues Releases Wiki Activity

[system admin] side nav: click & highlight current nav item (#4055)

Browse Source
This commit is contained in:
llj 2019-09-04 17:47:56 +08:00 committed by Daniel Pan
parent 955c715868
commit 53221cf3ab
3 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/pages/sys-admin/index.js
View File

@ -61,7 +61,12 @@ class SysAdmin extends React.Component {
return ( return (
<div id="main"> <div id="main">
<SidePanel isSidePanelClosed={isSidePanelClosed} onCloseSidePanel={this.onCloseSidePanel} currentTab={currentTab}/> <SidePanel
isSidePanelClosed={isSidePanelClosed}
onCloseSidePanel={this.onCloseSidePanel}
currentTab={currentTab}
tabItemClick={this.tabItemClick}
/>
<MainPanel> <MainPanel>
<Router className="reach-router"> <Router className="reach-router">
<Info path={siteRoot + 'sys/info'} /> <Info path={siteRoot + 'sys/info'} />

25
frontend/src/pages/sys-admin/side-panel.js
View File

@ -11,6 +11,7 @@ const propTypes = {
isSidePanelClosed: PropTypes.bool.isRequired, isSidePanelClosed: PropTypes.bool.isRequired,
onCloseSidePanel: PropTypes.func.isRequired, onCloseSidePanel: PropTypes.func.isRequired,
currentTab: PropTypes.string.isRequired, currentTab: PropTypes.string.isRequired,
tabItemClick: PropTypes.func.isRequired
}; };
class SidePanel extends React.Component { class SidePanel extends React.Component {
@ -32,7 +33,11 @@ class SidePanel extends React.Component {
<ul className="nav nav-pills flex-column nav-container"> <ul className="nav nav-pills flex-column nav-container">
{canViewSystemInfo && {canViewSystemInfo &&
<li className="nav-item"> <li className="nav-item">
<Link className={`nav-link ellipsis ${this.getActiveClass('info')}`} to={siteRoot + 'sys/info/'}> <Link
className={`nav-link ellipsis ${this.getActiveClass('info')}`}
to={siteRoot + 'sys/info/'}
onClick={() => this.props.tabItemClick('info')}
>
<span className="sf2-icon-info" aria-hidden="true"></span> <span className="sf2-icon-info" aria-hidden="true"></span>
<span className="nav-text">{gettext('Info')}</span> <span className="nav-text">{gettext('Info')}</span>
</Link> </Link>
@ -48,7 +53,11 @@ class SidePanel extends React.Component {
} }
{isDefaultAdmin && {isDefaultAdmin &&
<li className="nav-item"> <li className="nav-item">
<Link className={`nav-link ellipsis ${this.getActiveClass('devices')}`} to={siteRoot + 'sys/desktop-devices/'}> <Link
className={`nav-link ellipsis ${this.getActiveClass('devices')}`}
to={siteRoot + 'sys/desktop-devices/'}
onClick={() => this.props.tabItemClick('devices')}
>
<span className="sf2-icon-monitor" aria-hidden="true"></span> <span className="sf2-icon-monitor" aria-hidden="true"></span>
<span className="nav-text">{gettext('Devices')}</span> <span className="nav-text">{gettext('Devices')}</span>
</Link> </Link>
@ -136,7 +145,11 @@ class SidePanel extends React.Component {
} }
{isPro && isDefaultAdmin && enableFileScan && {isPro && isDefaultAdmin && enableFileScan &&
<li className="nav-item"> <li className="nav-item">
<Link className='nav-link ellipsis' to={siteRoot + 'sys/file-scan-records/'}> <Link
className={`nav-link ellipsis ${this.getActiveClass('file-scan-records')}`}
to={siteRoot + 'sys/file-scan-records/'}
onClick={() => this.props.tabItemClick('file-scan-records')}
>
<span className="sf2-icon-security" aria-hidden="true"></span> <span className="sf2-icon-security" aria-hidden="true"></span>
<span className="nav-text">{gettext('File Scan')}</span> <span className="nav-text">{gettext('File Scan')}</span>
</Link> </Link>
@ -176,7 +189,11 @@ class SidePanel extends React.Component {
} }
{isDefaultAdmin && enableWorkWeixin && {isDefaultAdmin && enableWorkWeixin &&
<li className="nav-item"> <li className="nav-item">
<Link className={`nav-link ellipsis ${this.getActiveClass('departments')}`} to={siteRoot + 'sys/work-weixin/departments/'}> <Link
className={`nav-link ellipsis ${this.getActiveClass('work-weixin')}`}
to={siteRoot + 'sys/work-weixin/'}
onClick={() => this.props.tabItemClick('work-weixin')}
>
<span className="sf3-font-enterprise-wechat sf3-font" aria-hidden="true"></span> <span className="sf3-font-enterprise-wechat sf3-font" aria-hidden="true"></span>
<span className="nav-text">{'企业微信集成'}</span> <span className="nav-text">{'企业微信集成'}</span>
</Link> </Link>

2
seahub/urls.py
View File

@ -654,7 +654,7 @@ urlpatterns = [
url(r'^sys/mobile-devices/$', sysadmin_react_fake_view, name="sys_mobile_devices"), url(r'^sys/mobile-devices/$', sysadmin_react_fake_view, name="sys_mobile_devices"),
url(r'^sys/device-errors/$', sysadmin_react_fake_view, name="sys_device_errors"), url(r'^sys/device-errors/$', sysadmin_react_fake_view, name="sys_device_errors"),
url(r'^sys/web-settings/$', sysadmin_react_fake_view, name="sys_web_settings"), url(r'^sys/web-settings/$', sysadmin_react_fake_view, name="sys_web_settings"),
url(r'^sys/work-weixin/departments/$', sysadmin_react_fake_view, name="sys_work_weixin_departments"), url(r'^sys/work-weixin/$', sysadmin_react_fake_view, name="sys_work_weixin"),
url(r'^client-login/$', client_token_login, name='client_token_login'), url(r'^client-login/$', client_token_login, name='client_token_login'),
] ]