summaryrefslogtreecommitdiff
path: root/www/app/components/main_panel/index.js
diff options
context:
space:
mode:
Diffstat (limited to 'www/app/components/main_panel/index.js')
-rw-r--r--www/app/components/main_panel/index.js80
1 files changed, 0 insertions, 80 deletions
diff --git a/www/app/components/main_panel/index.js b/www/app/components/main_panel/index.js
deleted file mode 100644
index 3cc6c11f..00000000
--- a/www/app/components/main_panel/index.js
+++ /dev/null
@@ -1,80 +0,0 @@
-//
-// The main panel manages the current account and the list of available accounts
-//
-// It displays multiple sections, one for each service.
-//
-
-import React from 'react'
-import App from 'app'
-import Login from 'components/login'
-import Account from 'models/account'
-import DummyAccount from 'models/dummy_account'
-
-import './main_panel.less'
-import AccountList from './account_list'
-import UserSection from './user_section'
-import EmailSection from './email_section'
-
-export default class MainPanel extends React.Component {
-
- static get defaultProps() {return{
- initialAccount: null
- }}
-
- constructor(props) {
- super(props)
- this.state = {
- account: null,
- accounts: []
- }
- this.activateAccount = this.activateAccount.bind(this)
- }
-
- componentWillMount() {
- if (this.props.initialAccount) {
- console.log(Account.list)
- Account.add(this.props.initialAccount)
- Account.add(new DummyAccount(this.props.initialAccount))
- this.setState({
- account: this.props.initialAccount,
- accounts: Account.list
- })
- }
- }
-
- activateAccount(account) {
- this.setState({
- account: account,
- accounts: Account.list
- })
- }
-
- //setAccounts(accounts) {
- // this.setState({
- // accounts: accounts
- // })
- //}
-
- render() {
- let emailSection = null
- let vpnSection = null
-
- if (this.state.account.authenticated) {
- if (this.state.account.hasEmail) {
- emailSection = <EmailSection account={this.state.account} />
- }
- }
-
- return (
- <div className="main-panel">
- <AccountList account={this.state.account} accounts={this.state.accounts} onSelect={this.activateAccount} />
- <div className="body">
- <UserSection account={this.state.account} onLogin={this.activateAccount} onLogout={this.activateAccount}/>
- {vpnSection}
- {emailSection}
- </div>
- </div>
- )
- }
-
-}