61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
import { ApplicationContainer, MasterPageContainer, PageBody, PageContainer, PageHeader, PageHeaderContainer, TopBarRouting } from "arm-core-layouts";
|
|
import React, { PureComponent } from 'react';
|
|
|
|
|
|
export function getMasterPageMenuInfo() {
|
|
return [
|
|
{ Component: RouteLabelPrinter, pathKey: 'section-1', label: 'Section 1', visible: true, auth: true },
|
|
{
|
|
label: 'Section 2', routesInfo: [
|
|
{ Component: RouteLabelPrinter, pathKey: 'section-2.0', label: 'Section 2.0', visible: true, auth: true },
|
|
{ Component: RouteLabelPrinter, pathKey: 'section-2.1', label: 'Section 2.1', visible: true, auth: true }
|
|
]
|
|
}
|
|
];
|
|
}
|
|
|
|
export default class MasterPage extends PureComponent {
|
|
state = {
|
|
menuInfo: getMasterPageMenuInfo(),
|
|
userMenu: [
|
|
{
|
|
label: 'user',
|
|
className: 'hoverless' //hoverless: unclickable
|
|
},
|
|
// {
|
|
// label: i18n('USER_INFO.LOG_OUT', 'Disconnettiti'),
|
|
// onClick: () => logoutOnClick && logoutOnClick().then(() => history.replace('logout'))
|
|
// }
|
|
]
|
|
}
|
|
|
|
render() {
|
|
const { menuInfo, userMenu } = this.state;
|
|
return (
|
|
<ApplicationContainer>
|
|
<TopBarRouting
|
|
menuInfo={menuInfo}
|
|
userMenu={userMenu}
|
|
/>
|
|
</ApplicationContainer>
|
|
);
|
|
}
|
|
}
|
|
|
|
function RouteLabelPrinter({ routeLabel }) {
|
|
return (
|
|
<MasterPageContainer>
|
|
<PageContainer>
|
|
<PageHeaderContainer>
|
|
<PageHeader
|
|
title={routeLabel}
|
|
/>
|
|
</PageHeaderContainer>
|
|
|
|
<PageBody>
|
|
<h1>{routeLabel}</h1>
|
|
</PageBody>
|
|
</PageContainer>
|
|
</MasterPageContainer>
|
|
)
|
|
} |