Fix the navigation bar issue in APPM UI

4.x.x
Dharmakeerthi Lasantha 5 years ago
commit ef98998a4c

@ -57,10 +57,10 @@ class ListApps extends React.Component {
return (
<Card>
<Row gutter={28}>
<Col md={6}>
<Col md={7}>
<Filters setFilters={this.setFilters}/>
</Col>
<Col md={18}>
<Col md={17}>
<Row>
<Col span={6}>
<Title level={4}>Apps</Title>

@ -77,8 +77,7 @@ class Dashboard extends React.Component {
<Icon type="plus"/>
Add New App
</span>
}
>
}>
<Menu.Item key="add-new-public-app">
<Link to="/publisher/add-new-app/public">
Public App
@ -105,8 +104,7 @@ class Dashboard extends React.Component {
title={
<span className="submenu-title-wrapper">
<Icon type="control"/>Manage
</span>
}>
</span>}>
<Menu.Item key="manage">
<Link to="/publisher/manage">
<Icon type="setting"/> General
@ -125,8 +123,7 @@ class Dashboard extends React.Component {
title={
<span className="submenu-title-wrapper">
<Icon type="user"/>Profile
</span>
}>
</span>}>
<Logout/>
</SubMenu>
</Menu>
@ -137,9 +134,12 @@ class Dashboard extends React.Component {
<Layout className="mobile-layout">
<div className="mobile-menu-button">
<Button type="link" onClick={this.showMobileNavigationBar}>
<Icon type={this.state.collapsed ? 'menu-fold' : 'menu-unfold'} className="bar-icon"/>
<Icon
type={this.state.collapsed ? 'menu-fold' : 'menu-unfold'}
className="bar-icon"/>
</Button>
</div>
</Layout>
<Drawer
title={
<Link to="/publisher/apps">
@ -160,8 +160,11 @@ class Dashboard extends React.Component {
mode="inline"
defaultSelectedKeys={['1']}
style={{lineHeight: '64px', width: 231}}>
<Menu.Item key="1"><Link to="/publisher/apps"><Icon
type="appstore"/>Apps</Link></Menu.Item>
<Menu.Item key="1">
<Link to="/publisher/apps">
<Icon type="appstore"/>Apps
</Link>
</Menu.Item>
<SubMenu
title={
<span className="submenu-title-wrapper">
@ -188,6 +191,7 @@ class Dashboard extends React.Component {
</Menu.Item>
</Menu>
</Drawer>
<Layout className="mobile-layout">
<Menu
mode="horizontal"
defaultSelectedKeys={['1']}
@ -196,8 +200,7 @@ class Dashboard extends React.Component {
title={
<span className="submenu-title-wrapper">
<Icon type="user"/>
</span>
}>
</span>}>
<Logout/>
</SubMenu>
</Menu>
@ -219,6 +222,6 @@ class Dashboard extends React.Component {
</div>
);
}
};
}
export default withConfigContext(Dashboard);

@ -159,7 +159,7 @@ class NormalLoginForm extends React.Component {
)}
<br/>
<a className="login-form-forgot" href="">Forgot password</a>
<Button block type="primary" htmlType="submit" className="login-form-button">
<Button loading={this.state.loading} block type="primary" htmlType="submit" className="login-form-button">
Log in
</Button>
</Form.Item>

@ -123,22 +123,23 @@ class Dashboard extends React.Component {
theme="light"
mode="horizontal"
defaultSelectedKeys={selectedKeys}
style={{lineHeight: '64px'}}
>
style={{lineHeight: '64px'}}>
{DeviceTypesData}
<Menu.Item key="web-clip"><Link to="/store/web-clip"><Icon type="upload"/>Web
Clips</Link></Menu.Item>
<Menu.Item key="web-clip">
<Link to="/store/web-clip">
<Icon type="upload"/>
Web Clips
</Link>
</Menu.Item>
<SubMenu className="profile"
title={
<span className="submenu-title-wrapper">
<Icon type="user"/>
Profile
</span>
}
>
</span> }>
<Logout/>
</SubMenu>
</Menu>
@ -153,6 +154,7 @@ class Dashboard extends React.Component {
<Icon type={this.state.collapsed ? 'menu-fold' : 'menu-unfold'} className="bar-icon"/>
</Button>
</div>
</Layout>
<Drawer
title={<Link to="/store/android">
<img alt="logo" src={this.logo} style={{marginLeft: 30}} width={"60%"}/>
@ -162,34 +164,32 @@ class Dashboard extends React.Component {
onClose={this.onCloseMobileNavigationBar}
visible={this.state.visible}
getContainer={false}
style={{position: 'absolute'}}
>
style={{position: 'absolute'}}>
<Menu
theme="light"
mode="inline"
defaultSelectedKeys={selectedKeys}
style={{lineHeight: '64px', width: 231}}
>
style={{lineHeight: '64px', width: 231}}>
{DeviceTypesData}
<Menu.Item key="web-clip"><Link to="/store/web-clip"><Icon type="upload"/>Web
Clips</Link></Menu.Item>
<Menu.Item key="web-clip">
<Link to="/store/web-clip">
<Icon type="upload"/>Web Clips
</Link>
</Menu.Item>
</Menu>
</Drawer>
<Layout className="mobile-layout">
<Menu
mode="horizontal"
defaultSelectedKeys={selectedKeys}
style={{lineHeight: '63px', position: 'fixed', marginLeft: '80%'}}
>
style={{lineHeight: '63px', position: 'fixed', marginLeft: '80%'}}>
<SubMenu
title={
<span className="submenu-title-wrapper">
<Icon type="user"/>
</span>
}
>
</span>}>
<Logout/>
</SubMenu>
</Menu>
@ -202,9 +202,7 @@ class Dashboard extends React.Component {
<RouteWithSubRoutes changeSelectedMenuItem={this.changeSelectedMenuItem}
key={route.path} {...route} />
))}
</Switch>
</Content>
<Footer style={{textAlign: 'center'}}>

Loading…
Cancel
Save