Initial commit

2018-02-22 17:57:27 -08:00
commit e80f5490d5
196 changed files with 38982 additions and 0 deletions
--- a/website/src/Auth/Login.js
+++ b/website/src/Auth/Login.js
@@ -0,0 +1,125 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { Container, Header, Form, Message } from 'semantic-ui-react'
+import './Login.scss'
+import { regExpPattern } from 'regexp-pattern'
+import { api } from '../helpers'
+import { Validator, ValidatedInput, ValidatedCheckbox, ValidatedButton } from '../Validated'
+import { WaitDialog, MessageDialog } from '../Dialog'
+import { Link } from 'react-router-dom'
+
+export class Login extends React.Component {
+  static propTypes = {
+    history: PropTypes.oneOfType([PropTypes.array, PropTypes.object])
+  }
+
+  static validations = {
+    email: {
+      alwaysGet: true,
+      isValid: (r, v) => (regExpPattern.email.test(v))
+    },
+    password: {
+      alwaysGet: true,
+      isValid: (r, v) => (v !== '')
+    },
+    rememberMe: {
+      alwaysGet: true,
+      initValue: true
+    },
+    submit: {
+      nonValue: true,
+      isDisabled: (r) => (!r.anyModified || !r.allValid)
+    }
+  }
+
+  constructor(props) {
+    super(props)
+    this.handleSubmit = this.handleSubmit.bind(this)
+    this.handleMessageDialogDismiss = this.handleMessageDialogDismiss.bind(this)
+    this.state = {
+      waitDialog: false,
+      messageDialog: null,
+      validator: new Validator({}, Login.validations)
+    }
+  }
+
+  handleSubmit(e) {
+    e.preventDefault()
+    e.stopPropagation()
+
+    if (this.state.messageDialog) {
+      this.setState({ messageDialog: null })
+      return
+    } else if (this.state.waitDialog) {
+      return
+    }
+
+    let obj = this.state.validator.getValues()
+
+    if (obj) {
+      this.setState({ waitDialog: true })
+      api.login(obj.email, obj.password, obj.rememberMe).then((user) => {
+        this.setState({ waitDialog: false })
+        if (this.props.history) {
+          const landing = user.role === 'broker' ? '/broker-dashboard' : 'dashboard'
+          let url = new URLSearchParams(window.location.search).get('redirect') || landing
+          try {
+            this.props.history.replace(url)
+          } catch (error) {
+            this.props.history.replace('/')
+          }
+        }
+      }).catch((error) => {
+        const elems = document.getElementsByName('email')
+        if (elems) {
+          elems[0].focus()
+        }
+        this.setState({
+          validator: new Validator({ email: this.state.validator.getField('email').value }, Login.validations),
+          waitDialog: false,
+          messageDialog: { title: 'Login Error...', message: `Unable to login. ${error.message}` }
+        })
+      })
+    }
+  }
+
+  handleMessageDialogDismiss() {
+    this.setState({ messageDialog: null })
+  }
+
+  render() {
+    return (
+      <Container id='login' className='password-reset-container'>
+        <Header size='large'>Login Portal</Header>
+        <Form onSubmit={this.handleSubmit}>
+          {/* Add in 'Username' field pass */}
+          <ValidatedInput label='Email' name='email'
+            placeholder='example@xyz.com' validator={this.state.validator}
+            message='Enter the email address associated with your account.' width={16} />
+          <ValidatedInput password label='Password' name='password'
+            validator={this.state.validator} message='Enter your password.' width={16} />
+          <Form.Group widths='equal' className='login-options'>
+            <Form.Field className='login-password'>
+              <Link to='/forgot-password'>Forgot your password?</Link>
+            </Form.Field>
+            <ValidatedCheckbox label='Remember Me'
+              name='rememberMe' onChange={this.handleChange} validator={this.state.validator}
+              message='Should we keep you logged in on this computer?' className='login-checkbox' />
+          </Form.Group>
+          <ValidatedButton className='submit' name='submit' content='Submit'
+            primary submit validator={this.state.validator} />
+          <Message info>
+            Please contact <a href='mailto:support@jamoki.com'>support@jamoki.com</a> to request login credentials.
+          </Message>
+        </Form>
+
+        <WaitDialog active={this.state.waitDialog} message='Logging In' />
+
+        <MessageDialog error open={!!this.state.messageDialog}
+          title={this.state.messageDialog ? this.state.messageDialog.title : ''}
+          message={this.state.messageDialog ? this.state.messageDialog.message : ''}
+          onDismiss={this.handleMessageDialogDismiss} />
+      </Container>
+    )
+  }
+}