We've sent a confirmation email to {this.email()}. If it doesn't arrive soon, check your spam folder.
+ +Click the button below and check your email for a link to change your password.
+Hold up! If you delete your account, there's no going back. Keep in mind:
+We've sent you an email containing a link to reset your password. Check your spam folder if you don't receive it within the next minute or two.
+ +Enter your email address and we will send you a link to reset your password.
++ Forgot password? +
, ++ Don't have an account? + Sign Up +
+ ]; + } + + /** + * Open the forgot password modal, prefilling it with an email if the user has + * entered one. + */ + forgotPassword() { + const email = this.email(); + const props = email.indexOf('@') !== -1 ? {email} : null; + + app.modal.show(new ForgotPasswordModal(props)); + } + + /** + * Open the sign up modal, prefilling it with an email/username/password if + * the user has entered one. + */ + signUp() { + const props = {password: this.password()}; + const email = this.email(); + props[email.indexOf('@') !== -1 ? 'email' : 'username'] = email; + + app.modal.show(new SignUpModal(props)); + } + + focus() { + this.$('[name=' + (this.email() ? 'password' : 'email') + ']').select(); + } + + onsubmit(e) { + e.preventDefault(); + + this.loading = true; + + const email = this.email(); + const password = this.password(); + + app.session.login(email, password).then( + () => { + this.hide(); + if (this.props.onlogin) this.props.onlogin(); + }, + response => { + this.loading = false; + + if (response && response.code === 'confirm_email') { + this.alert = Alert.component({ + message: ['You need to confirm your email before you can log in. We\'ve sent a confirmation email to ', {response.email}, '. If it doesn\'t arrive soon, check your spam folder.'] + }); + } else { + this.alert = Alert.component({ + type: 'warning', + message: 'Your login details were incorrect.' + }); + } + + m.redraw(); + this.focus(); + } + ); + } +} diff --git a/js/forum/src/components/Modal.js b/js/forum/src/components/Modal.js new file mode 100644 index 000000000..fd58699fd --- /dev/null +++ b/js/forum/src/components/Modal.js @@ -0,0 +1,134 @@ +import Component from 'flarum/Component'; +import LoadingIndicator from 'flarum/components/LoadingIndicator'; +import Alert from 'flarum/components/Alert'; +import icon from 'flarum/helpers/icon'; + +/** + * The `Modal` component displays a modal dialog, wrapped in a form. Subclasses + * should implement the `className`, `title`, and `content` methods. + * + * @abstract + */ +export default class Modal extends Component { + constructor(...args) { + super(...args); + + /** + * An alert component to show below the header. + * + * @type {Alert} + */ + this.alert = null; + + /** + * Whether or not the form is processing. + * + * @type {Boolean} + */ + this.loading = false; + } + + view() { + if (this.alert) { + this.alert.props.dismissible = false; + } + + return ( +| + {this.methods.map(method => ( + | + {icon(method.icon)} {method.label} + | + ))} +
|---|---|
| + {type.label} + | + {this.methods.map(method => ( ++ {this.inputs[this.preferenceKey(type.name, method.name)].render()} + | + ))} +
We've sent a confirmation email to {user.email()}. If it doesn't arrive soon, check your spam folder.
, + + ] : ( + + )} ++ Already have an account? + Log In +
+ ]; + } + + /** + * Open the log in modal, prefilling it with an email/username/password if + * the user has entered one. + */ + logIn() { + const props = { + email: this.email() || this.username(), + password: this.password() + }; + + app.modal.show(new LogInModal(props)); + } + + onready() { + if (this.props.username) { + this.$('[name=email]').select(); + } else { + super.onready(); + } + } + + onsubmit(e) { + e.preventDefault(); + + this.loading = true; + + const data = { + username: this.username(), + email: this.email(), + password: this.password() + }; + + app.store.createRecord('users').save(data).then( + user => { + this.welcomeUser = user; + this.loading = false; + m.redraw(); + }, + response => { + this.loading = false; + this.handleErrors(response.errors); + } + ); + } +} diff --git a/js/forum/src/components/TerminalPost.js b/js/forum/src/components/TerminalPost.js new file mode 100644 index 000000000..55bee5e8e --- /dev/null +++ b/js/forum/src/components/TerminalPost.js @@ -0,0 +1,29 @@ +import Component from 'flarum/Component'; +import humanTime from 'flarum/helpers/humanTime'; +import username from 'flarum/helpers/username'; + +/** + * Displays information about a the first or last post in a discussion. + * + * ### Props + * + * - `discussion` + * - `lastPost` + */ +export default class TerminalPost extends Component { + view() { + const discussion = this.props.discussion; + const lastPost = this.props.lastPost && discussion.repliesCount(); + + const user = discussion[lastPost ? 'lastUser' : 'startUser'](); + const time = discussion[lastPost ? 'lastTime' : 'startTime'](); + + return ( + + {username(user)} + {lastPost ? 'replied' : 'started'} + {humanTime(time)} + + ); + } +} diff --git a/js/forum/src/components/TextEditor.js b/js/forum/src/components/TextEditor.js new file mode 100644 index 000000000..d19f84672 --- /dev/null +++ b/js/forum/src/components/TextEditor.js @@ -0,0 +1,158 @@ +import Component from 'flarum/Component'; +import ItemList from 'flarum/utils/ItemList'; +import listItems from 'flarum/helpers/listItems'; +import Button from 'flarum/components/Button'; + +/** + * The `TextEditor` component displays a textarea with controls, including a + * submit button. + * + * ### Props + * + * - `submitLabel` + * - `value` + * - `placeholder` + * - `disabled` + */ +export default class TextEditor extends Component { + constructor(...args) { + super(...args); + + /** + * The value of the textarea. + * + * @type {[type]} + */ + this.value = m.prop(this.props.value || ''); + } + + static initProps(props) { + super.initProps(props); + + props.submitLabel = props.submitLabel || 'Submit'; + } + + view() { + return ( +