import $ from 'jquery';
import React, { Component } from 'react';
import { withRouter } from 'react-router';
import Store from '../../store';
import { HOST } from '../../config';
import { role } from '../../actions/role';
import { setbox } from '../../actions/boxai';
import { Redirect } from 'react-router-dom';
class Header extends Component {
constructor(props) {
super(props);
this.state = {
username : localStorage.getItem('username'),
obj_id : localStorage.getItem('obj_id'),
isLogin: Store.getState().isLogin.isLogin,
role: JSON.parse(localStorage.getItem('roles')),
access_token: Store.getState().isLogin.access_token,
full_name: ""
};
}
componentDidMount() {
this.getUser()
}
getUser = () => {
fetch(`${HOST}/api/users/${this.state.obj_id}`, {
method: 'GET',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': Store.getState().isLogin.access_token,
},
})
.then(response => {
return response.json()
}).then(data => {
if (data.status === 10000) {
Store.dispatch(setbox(data.data.company_id));
localStorage.setItem("roles", JSON.stringify(data.data.roles));
Store.dispatch(role(data.data.roles));
this.setState({
role: data.data.roles,
full_name: data.data.full_name
})
}
}).catch((error) => {
console.log(error)
});
}
onClickOpen = () => {
$('#m_aside_left').addClass('m-aside-left--on')
$('#body_form').addClass('m-aside-left--on')
$('#m_aside_left_toggle').addClass('m-aside-left-toggler--active')
$('#root').append(
$('', {
'class': 'm-aside-left-overlay',
}).on({
'click': function () {
$('#m_aside_left').removeClass('m-aside-left--on')
$('#body_form').removeClass('m-aside-left--on')
$('#m_aside_left_toggle').removeClass('m-aside-left-toggler--active')
$('.m-aside-left-overlay').remove()
}
})
)
}
componentDidUpdate(prevProps, prevState) {
}
render() {
if (this.state.isLogin === false) {
return (
)
}
return (
);
}
}
export default withRouter(Header);
