ui/app/components/greeter_panel.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

import React from 'react'
import Login from './login'
import Center from './center'
import Splash from './splash'
import Area from './area'
import { Glyphicon } from 'react-bootstrap'
import App from 'app'

export default class GreeterPanel extends React.Component {

  constructor(props) {
    super(props)
  }

  newAccount() {
    App.show('wizard')
  }

  onLogin(account) {
    App.show('main', {initialAccount: account})
  }

  render () {
    return <div>
      <Splash speed="slow" mask={false} />
      <Center width="400">
        <Area position="top" type="light" className="greeter">
          <Login onLogin={this.onLogin.bind(this)} rememberAllowed={false}/>
        </Area>
        <Area position="bottom" type="dark" className="greeter">
          <Glyphicon glyph="user" />
          &nbsp;
          <a href="#" onClick={this.newAccount.bind(this)}>Create a new account...</a>
        </Area>
      </Center>
    </div>
  }
}