|
|
|
@ -234,54 +234,54 @@ class DefaultLayout extends Component {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
render() { |
|
|
|
|
const { location } = this.props; |
|
|
|
|
const { pathname } = location; |
|
|
|
|
let renderSidebar = false |
|
|
|
|
const { location } = this.props; |
|
|
|
|
const { pathname } = location; |
|
|
|
|
let renderSidebar = false |
|
|
|
|
|
|
|
|
|
if (pathname.includes("/dashboard-project")) { |
|
|
|
|
// Remove the base URL and hash
|
|
|
|
|
const path = pathname.replace("/dashboard-project/", ""); |
|
|
|
|
if (pathname.includes("/dashboard-project")) { |
|
|
|
|
// Remove the base URL and hash
|
|
|
|
|
const path = pathname.replace("/dashboard-project/", ""); |
|
|
|
|
|
|
|
|
|
// Split the remaining path by "/"
|
|
|
|
|
const parts = path.split("/"); |
|
|
|
|
if (parts[2] == "1") { |
|
|
|
|
renderSidebar = true |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// Split the remaining path by "/"
|
|
|
|
|
const parts = path.split("/"); |
|
|
|
|
if (parts[2] == "1") { |
|
|
|
|
renderSidebar = true |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div className="app"> |
|
|
|
|
<div className="app-body"> |
|
|
|
|
{!window.location.href.includes("dashboard-project") || renderSidebar ? ( |
|
|
|
|
<AppSidebar minimized={this.state.minimized} fixed display="lg"> |
|
|
|
|
{/* <div class="sidebar-header"> |
|
|
|
|
{!window.location.href.includes("dashboard-project") || renderSidebar ? ( |
|
|
|
|
<AppSidebar minimized={this.state.minimized} fixed display="lg"> |
|
|
|
|
{/* <div class="sidebar-header"> |
|
|
|
|
<Suspense fallback={this.loading()}> |
|
|
|
|
<DefaultHeader history={this.props.history} onLogout={e => this.signOut(e)} /> |
|
|
|
|
</Suspense> |
|
|
|
|
</div> */} |
|
|
|
|
<hr /> |
|
|
|
|
<AppSidebarHeader /> |
|
|
|
|
<AppSidebarForm /> |
|
|
|
|
<Suspense> |
|
|
|
|
{this.getMenu()} |
|
|
|
|
</Suspense> |
|
|
|
|
<AppSidebarFooter /> |
|
|
|
|
{this.state.minimized ? null :
|
|
|
|
|
<UncontrolledDropdown direction="down"> |
|
|
|
|
<DropdownToggle nav> |
|
|
|
|
<i className="nav-icon fa fa-user-circle"></i> {localStorage.getItem('user_name')} |
|
|
|
|
</DropdownToggle> |
|
|
|
|
<DropdownMenu right> |
|
|
|
|
<DropdownItem color="primary" size="sm" onClick={() => handleChangeLng("id")}>ID</DropdownItem> |
|
|
|
|
<DropdownItem color="success" size="sm" onClick={() => handleChangeLng("en")}>EN</DropdownItem> |
|
|
|
|
<DropdownItem href="#/settings"><i className="fa fa-user"></i>Profile</DropdownItem> |
|
|
|
|
<DropdownItem onClick={e => this.signOut(e)}><i className="fa fa-sign-out"></i> Logout</DropdownItem> |
|
|
|
|
</DropdownMenu> |
|
|
|
|
</UncontrolledDropdown>} |
|
|
|
|
<button className='sidebar-minimizer mt-auto' type='button' onClick={this.toggleMinimized}> |
|
|
|
|
</button> |
|
|
|
|
</AppSidebar> |
|
|
|
|
) : null } |
|
|
|
|
<hr /> |
|
|
|
|
<AppSidebarHeader /> |
|
|
|
|
<AppSidebarForm /> |
|
|
|
|
<Suspense> |
|
|
|
|
{this.getMenu()} |
|
|
|
|
</Suspense> |
|
|
|
|
<AppSidebarFooter /> |
|
|
|
|
{this.state.minimized ? null : |
|
|
|
|
<UncontrolledDropdown direction="down"> |
|
|
|
|
<DropdownToggle nav> |
|
|
|
|
<i className="nav-icon fa fa-user-circle"></i> {localStorage.getItem('user_name')} |
|
|
|
|
</DropdownToggle> |
|
|
|
|
<DropdownMenu right> |
|
|
|
|
<DropdownItem color="primary" size="sm" onClick={() => handleChangeLng("id")}>ID</DropdownItem> |
|
|
|
|
<DropdownItem color="success" size="sm" onClick={() => handleChangeLng("en")}>EN</DropdownItem> |
|
|
|
|
<DropdownItem href="#/settings"><i className="fa fa-user"></i>Profile</DropdownItem> |
|
|
|
|
<DropdownItem onClick={e => this.signOut(e)}><i className="fa fa-sign-out"></i> Logout</DropdownItem> |
|
|
|
|
</DropdownMenu> |
|
|
|
|
</UncontrolledDropdown>} |
|
|
|
|
<button className='sidebar-minimizer mt-auto' type='button' onClick={this.toggleMinimized}> |
|
|
|
|
</button> |
|
|
|
|
</AppSidebar> |
|
|
|
|
) : null} |
|
|
|
|
<main className="main"> |
|
|
|
|
{this.state.breadrCrumbReady ? this.getAppBreadcrumb() : null} |
|
|
|
|
<Container fluid> |
|
|
|
|