loviuz/openstamanager
loviuz
/
openstamanager
mirror of https://github.com/devcode-it/openstamanager.git
1
0
Fork 0
Code Issues Releases Activity

feat: ✨ Aggiunte più parti personalizzabili della TopAppBar

This commit is contained in:
Maicol Battistini 2023-06-19 11:46:56 +02:00
parent df9bd904ae
commit 172f78a176
No known key found for this signature in database
1 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
resources/ts/Components/layout/TopAppBar.tsx
View File

@ -35,9 +35,7 @@ export default class TopAppBar extends Component {
return (
<>
<top-app-bar>
<md-standard-icon-button slot="navigationIcon">
<MdIcon icon={this.drawerOpenState() ? mdiMenuOpen : mdiMenu}/>
</md-standard-icon-button>
{this.navigationIcon(vnode)}
<div style={{display: 'flex'}}>
<Drawer open={this.drawerOpenState}/>
@ -46,10 +44,7 @@ export default class TopAppBar extends Component {
</main>
</div>
<div slot="title" style={{display: 'flex', alignItems: 'center'}}>
<img src={logo} alt={__('OpenSTAManager')} style={{height: '50px', marginRight: '8px'}}/>
<span>{__('OpenSTAManager')}</span>
</div>
{this.branding(vnode)}
{this.actions().toArray()}
</top-app-bar>
@ -57,6 +52,31 @@ export default class TopAppBar extends Component {
);
}
navigationIcon(vnode: Vnode) {
return (
<md-standard-icon-button slot="navigationIcon" onclick={() => this.drawerOpenState(!this.drawerOpenState())}>
<MdIcon icon={this.drawerOpenState() ? mdiMenuOpen : mdiMenu}/>
</md-standard-icon-button>
);
}
branding(vnode: Vnode) {
return (
<div style={{display: 'flex', alignItems: 'center'}}>
{this.logo(vnode)}
{this.title(vnode)}
</div>
);
}
logo(vnode: Vnode) {
return <img src={logo} alt={__('OpenSTAManager')} style={{height: '50px', marginRight: '8px'}}/>;
}
title(vnode: Vnode) {
return <span>{__('OpenSTAManager')}</span>;
}
oncreate(vnode: VnodeDOM<Attributes, this>) {
super.oncreate(vnode);