55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
import React from 'react';
|
|
|
|
import {Home} from './home';
|
|
import {Calender} from './calender';
|
|
import {Generator} from './generator';
|
|
import {Print} from './print';
|
|
import {Settings} from './settings';
|
|
|
|
import {DB} from './../static/storage'
|
|
|
|
export class Nav extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
tab:(<Home/>)
|
|
}
|
|
this.handleExportFile = this.handleExportFile.bind(this);
|
|
}
|
|
handleExportFile(){
|
|
/**
|
|
* @TODO
|
|
* LOAD FILE
|
|
*/
|
|
}
|
|
handleCreateFile(){
|
|
/**
|
|
* @TODO
|
|
* CREATE FILE
|
|
*/
|
|
}
|
|
render() {
|
|
/*<button onClick={this.handleCreateFile}>Erstellen </button>*/
|
|
return (
|
|
<div id="container">
|
|
<div id="nav">
|
|
<div className="header">
|
|
WBM
|
|
</div>
|
|
<button onClick={()=>{this.setState({tab:(<Home/>)})}}>Home</button>
|
|
|
|
<button onClick={()=>{DB.exportDB()}}>Exportieren </button>
|
|
<button onClick={()=>{this.setState({tab:(<Calender/>)})}}>Kalender</button>
|
|
<button onClick={()=>{this.setState({tab:(<Generator/>)})}}>Generator</button>
|
|
<button onClick={()=>{this.setState({tab:(<Print/>)})}}>Drucken</button>
|
|
<button onClick={()=>{this.setState({tab:(<Settings/>)})}}>Einstellungen</button>
|
|
<hr/>
|
|
Erstellt von:<br/><a target="_blank" rel="noopener noreferrer" href="https://lucajaents.ch">Luca Jäntsch</a>
|
|
</div>
|
|
<div id="content">
|
|
{this.state.tab}
|
|
</div>
|
|
</div>);
|
|
}
|
|
}
|