注册和登录按钮。

This commit is contained in:
tengge1 2019-09-28 20:01:16 +08:00
parent 5dd5b8f428
commit b219eb4ff6
3 changed files with 39 additions and 6 deletions

View File

@ -762,5 +762,6 @@
"Nick name is not allowed to be empty.": "姓名不允许为空",
"The username is already existed.": "用户名已经存在。",
"Edit Role": "编辑角色",
"Edit User": "编辑用户"
"Edit User": "编辑用户",
"Register": "注册"
}

View File

@ -1,22 +1,36 @@
import { classNames, PropTypes, MenuBar, MenuItem } from '../../third_party';
import './css/LoginMenu.css';
import { classNames, MenuItemSeparator, Button } from '../../third_party';
import LoginWindow from '../system/LoginWindow.jsx';
/**
* 状态菜单
* 登录菜单
* @author tengge / https://github.com/tengge1
*/
class LoginMenu extends React.Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
this.handleClickRegister = this.handleClickRegister.bind();
this.handleClickLogin = this.handleClickLogin.bind(this);
}
render() {
return <MenuItem title={_t(`Login`)} onClick={this.handleClick}></MenuItem>;
return <>
<MenuItemSeparator className={classNames('horizontal', 'LoginSeparator')}></MenuItemSeparator>
<li className={classNames('MenuItem', 'LoginMenuItem')}>
<Button className={'button'} onClick={this.handleClickRegister}>{_t(`Register`)}</Button>
</li>
<li className={classNames('MenuItem', 'LoginMenuItem')}>
<Button className={'button'} onClick={this.handleClickLogin}>{_t(`Login`)}</Button>
</li>
</>;
}
handleClick() {
handleClickRegister() {
}
handleClickLogin() {
const win = app.createElement(LoginWindow);
app.addElement(win);
}

View File

@ -0,0 +1,18 @@
.MenuItemSeparator.LoginSeparator {
margin-right: 4px;
}
.MenuItem.LoginMenuItem {
padding: 0;
display: flex;
align-items: center;
}
.MenuBar>.MenuItem.LoginMenuItem:hover {
padding: 0;
}
.MenuItem.LoginMenuItem>.button {
height: 20px;
line-height: 20px;
}