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/ForgotPassword.js
+++ b/website/src/Auth/ForgotPassword.js
@@ -0,0 +1,93 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { regExpPattern } from 'regexp-pattern'
+import { Container, Header, Form, Message } from 'semantic-ui-react'
+import './ForgotPassword.scss'
+import { MessageDialog, WaitDialog } from '../Dialog'
+import { Validator, ValidatedInput, ValidatedButton } from '../Validated'
+import { api } from '../helpers'
+
+export class ForgotPassword extends React.Component {
+  static propTypes = {
+    history: PropTypes.oneOfType([PropTypes.array, PropTypes.object])
+  }
+
+  static validations = {
+    email: {
+      alwaysGet: true,
+      isValid: (r, v) => (regExpPattern.email.test(v))
+    },
+    submit: {
+      nonValue: true,
+      isDisabled: (r) => (!r.anyModified || !r.allValid)
+    }
+  }
+
+  constructor(props) {
+    super(props)
+    this.state = {
+      validator: new Validator({}, ForgotPassword.validations),
+      messageDialog: null,
+      waitDialog: null
+    }
+    this.handleSubmit = this.handleSubmit.bind(this)
+    this.handleMessageDialogDismiss = this.handleMessageDialogDismiss.bind(this)
+  }
+
+  handleSubmit() {
+    const obj = this.state.validator.getValues()
+
+    this.setState({ waitDialog: { message: 'Requesting Reset Email' } })
+    api.sendResetPassword(obj.email).then((res) => {
+      const email = this.state.validator.getField('email').value
+      this.setState({
+        waitDialog: null,
+        messageDialog: {
+          error: false,
+          title: 'Password Reset Requested',
+          message: `An email will be sent to '${email}' with a reset link. Please click on it to finish resetting the password.`
+        }
+      })
+    }).catch((error) => {
+      this.setState({
+        validator: new Validator({}, ForgotPassword.validations), // Reset to avoid rapid retries
+        waitDialog: null,
+        messageDialog: {
+          error: true,
+          title: 'Password Reset Failed',
+          message: `There was a problem requesting the password reset. ${error ? error.message : ''}`
+        }
+      })
+    })
+  }
+
+  handleMessageDialogDismiss() {
+    this.props.history.replace('/')
+  }
+
+  render() {
+    return (
+      <Container className='forgot-password-container'>
+        <Header content='Forgotten Password' size='large' />
+        <Form size='large' onSubmit={this.handleSubmit}>
+          <ValidatedInput label='Email' name='email'
+            placeholder='example@xyz.com' validator={this.state.validator}
+            message='A valid email address' />
+          <Message info content='The email address of an existing user to send the password reset link to.' />
+          <ValidatedButton className='submit' name='submit' content='Submit'
+            primary submit validator={this.state.validator}>Submit</ValidatedButton>
+        </Form>
+
+        <WaitDialog active={!!this.state.waitDialog}
+          message={this.state.waitDialog ? this.state.waitDialog.message : ''} />
+
+        <MessageDialog
+          open={!!this.state.messageDialog}
+          error={this.state.messageDialog ? this.state.messageDialog.error : true}
+          title={this.state.messageDialog ? this.state.messageDialog.title : ''}
+          message={this.state.messageDialog ? this.state.messageDialog.message : ''}
+          onDismiss={this.handleMessageDialogDismiss} />
+      </Container>
+    )
+  }
+}