From 4728855b40d2d37da8e035c5081fab5819b07fd0 Mon Sep 17 00:00:00 2001
From: "Kali Kaneko (leap communications)" <kali@leap.se>
Date: Thu, 1 Sep 2016 01:44:34 -0400
Subject: [refactor] move js to top-level folder

---
 www/app/components/main_panel/index.js | 57 ++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 www/app/components/main_panel/index.js

(limited to 'www/app/components/main_panel/index.js')

diff --git a/www/app/components/main_panel/index.js b/www/app/components/main_panel/index.js
new file mode 100644
index 0000000..910d58b
--- /dev/null
+++ b/www/app/components/main_panel/index.js
@@ -0,0 +1,57 @@
+//
+// 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 './main_panel.less'
+import AccountList from './account_list'
+import UserSection from './user_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) {
+      this.setState({
+        account: this.props.initialAccount,
+        accounts: [this.props.initialAccount]
+      })
+    }
+  }
+
+  activateAccount(account) {
+    this.setState({
+      account: account,
+      accounts: [account]
+    })
+  }
+
+  render() {
+    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}/>
+        </div>
+      </div>
+    )
+  }
+
+}
-- 
cgit v1.2.3