diff options
Diffstat (limited to 'webapp/components/register_app_modal.jsx')
| -rw-r--r-- | webapp/components/register_app_modal.jsx | 411 |
1 files changed, 0 insertions, 411 deletions
diff --git a/webapp/components/register_app_modal.jsx b/webapp/components/register_app_modal.jsx deleted file mode 100644 index b9523c3ed..000000000 --- a/webapp/components/register_app_modal.jsx +++ /dev/null @@ -1,411 +0,0 @@ -// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import Client from 'client/web_client.jsx'; -import ModalStore from 'stores/modal_store.jsx'; - -import {Modal} from 'react-bootstrap'; - -import Constants from 'utils/constants.jsx'; -import {intlShape, injectIntl, defineMessages, FormattedMessage} from 'react-intl'; - -const ActionTypes = Constants.ActionTypes; - -const holders = defineMessages({ - required: { - id: 'register_app.required', - defaultMessage: 'Required' - }, - optional: { - id: 'register_app.optional', - defaultMessage: 'Optional' - } -}); - -import React from 'react'; - -class RegisterAppModal extends React.Component { - constructor() { - super(); - - this.handleSubmit = this.handleSubmit.bind(this); - this.onHide = this.onHide.bind(this); - this.save = this.save.bind(this); - this.updateShow = this.updateShow.bind(this); - - this.state = { - clientId: '', - clientSecret: '', - saved: false, - show: false - }; - } - componentDidMount() { - ModalStore.addModalListener(ActionTypes.TOGGLE_REGISTER_APP_MODAL, this.updateShow); - } - componentWillUnmount() { - ModalStore.removeModalListener(ActionTypes.TOGGLE_REGISTER_APP_MODAL, this.updateShow); - } - updateShow(show) { - if (!show) { - if (this.state.clientId !== '' && !this.state.saved) { - return; - } - - this.setState({ - clientId: '', - clientSecret: '', - saved: false, - homepageError: null, - callbackError: null, - serverError: null, - nameError: null - }); - } - - this.setState({show}); - } - handleSubmit(e) { - e.preventDefault(); - - var state = this.state; - state.serverError = null; - - var app = {}; - - var name = this.refs.name.value; - if (!name || name.length === 0) { - state.nameError = true; - this.setState(state); - return; - } - state.nameError = null; - app.name = name; - - var homepage = this.refs.homepage.value; - if (!homepage || homepage.length === 0) { - state.homepageError = true; - this.setState(state); - return; - } - state.homepageError = null; - app.homepage = homepage; - - var desc = this.refs.desc.value; - app.description = desc; - - var rawCallbacks = this.refs.callback.value.trim(); - if (!rawCallbacks || rawCallbacks.length === 0) { - state.callbackError = true; - this.setState(state); - return; - } - state.callbackError = null; - app.callback_urls = rawCallbacks.split('\n'); - - Client.registerOAuthApp(app, - (data) => { - state.clientId = data.id; - state.clientSecret = data.client_secret; - this.setState(state); - }, - (err) => { - state.serverError = err.message; - this.setState(state); - } - ); - } - onHide(e) { - if (!this.state.saved && this.state.clientId !== '') { - e.preventDefault(); - return; - } - - this.setState({clientId: '', clientSecret: '', saved: false}); - } - save() { - this.setState({saved: this.refs.save.checked}); - } - render() { - const {formatMessage} = this.props.intl; - var nameError; - if (this.state.nameError) { - nameError = ( - <div className='form-group has-error'> - <label className='control-label'> - <FormattedMessage - id='register_app.nameError' - defaultMessage='Application name must be filled in.' - /> - </label> - </div> - ); - } - var homepageError; - if (this.state.homepageError) { - homepageError = ( - <div className='form-group has-error'> - <label className='control-label'> - <FormattedMessage - id='register_app.homepageError' - defaultMessage='Homepage must be filled in.' - /> - </label> - </div> - ); - } - var callbackError; - if (this.state.callbackError) { - callbackError = ( - <div className='form-group has-error'> - <label className='control-label'> - <FormattedMessage - id='register_app.callbackError' - defaultMessage='At least one callback URL must be filled in.' - /> - </label> - </div> - ); - } - var serverError; - if (this.state.serverError) { - serverError = <div className='form-group has-error'><label className='control-label'>{this.state.serverError}</label></div>; - } - - var body = ''; - var footer = ''; - if (this.state.clientId === '') { - body = ( - <div className='settings-modal'> - <div className='form-horizontal user-settings'> - <h4 className='padding-bottom x3'> - <FormattedMessage - id='register_app.title' - defaultMessage='Register a New Application' - /> - </h4> - <div className='row'> - <label className='col-sm-4 control-label'> - <FormattedMessage - id='register_app.name' - defaultMessage='Application Name' - /> - </label> - <div className='col-sm-7'> - <input - ref='name' - className='form-control' - type='text' - placeholder={formatMessage(holders.required)} - /> - {nameError} - </div> - </div> - <div className='row padding-top x2'> - <label className='col-sm-4 control-label'> - <FormattedMessage - id='register_app.homepage' - defaultMessage='Homepage URL' - /> - </label> - <div className='col-sm-7'> - <input - ref='homepage' - className='form-control' - type='text' - placeholder={formatMessage(holders.required)} - /> - {homepageError} - </div> - </div> - <div className='row padding-top x2'> - <label className='col-sm-4 control-label'> - <FormattedMessage - id='register_app.description' - defaultMessage='Description' - /> - </label> - <div className='col-sm-7'> - <input - ref='desc' - className='form-control' - type='text' - placeholder={formatMessage(holders.optional)} - /> - </div> - </div> - <div className='row padding-top padding-bottom x2'> - <label className='col-sm-4 control-label'> - <FormattedMessage - id='register_app.callback' - defaultMessage='Callback URL' - /> - </label> - <div className='col-sm-7'> - <textarea - ref='callback' - className='form-control' - type='text' - placeholder={formatMessage(holders.required)} - rows='5' - /> - {callbackError} - </div> - </div> - {serverError} - </div> - </div> - ); - - footer = ( - <div> - <button - type='button' - className='btn btn-default' - onClick={() => this.updateShow(false)} - > - <FormattedMessage - id='register_app.cancel' - defaultMessage='Cancel' - /> - </button> - <button - onClick={this.handleSubmit} - type='submit' - className='btn btn-primary' - tabIndex='3' - > - <FormattedMessage - id='register_app.register' - defaultMessage='Register' - /> - </button> - </div> - ); - } else { - var btnClass = ' disabled'; - if (this.state.saved) { - btnClass = ''; - } - - body = ( - <div className='form-horizontal user-settings'> - <h4 className='padding-bottom x3'> - <FormattedMessage - id='register_app.credentialsTitle' - defaultMessage='Your Application Credentials' - /> - </h4> - <br/> - <div className='row'> - <label className='col-sm-4 control-label'> - <FormattedMessage - id='register_app.clientId' - defaultMessage='Client ID' - /> - </label> - <div className='col-sm-7'> - <input - className='form-control' - type='text' - value={this.state.clientId} - readOnly='true' - /> - </div> - </div> - <br/> - <div className='row padding-top x2'> - <label className='col-sm-4 control-label'> - <FormattedMessage - id='register_app.clientSecret' - defaultMessage='Client Secret' - /></label> - <div className='col-sm-7'> - <input - className='form-control' - type='text' - value={this.state.clientSecret} - readOnly='true' - /> - </div> - </div> - <br/> - <br/> - <strong> - <FormattedMessage - id='register_app.credentialsDescription' - defaultMessage="Save these somewhere SAFE and SECURE. Treat your Client ID as your app's username and your Client Secret as the app's password." - /> - </strong> - <br/> - <br/> - <div className='checkbox'> - <label> - <input - ref='save' - type='checkbox' - checked={this.state.saved} - onChange={this.save} - /> - <FormattedMessage - id='register_app.credentialsSave' - defaultMessage='I have saved both my Client Id and Client Secret somewhere safe' - /> - </label> - </div> - </div> - ); - - footer = ( - <a - className={'btn btn-sm btn-primary pull-right' + btnClass} - href='#' - onClick={(e) => { - e.preventDefault(); - this.updateShow(false); - }} - > - <FormattedMessage - id='register_app.close' - defaultMessage='Close' - /> - </a> - ); - } - - return ( - <span> - <Modal - show={this.state.show} - onHide={() => this.updateShow(false)} - > - <Modal.Header closeButton={true}> - <Modal.Title> - <FormattedMessage - id='register_app.dev' - defaultMessage='Developer Applications' - /> - </Modal.Title> - </Modal.Header> - <form - role='form' - className='form-horizontal' - > - <Modal.Body> - {body} - </Modal.Body> - <Modal.Footer> - {footer} - </Modal.Footer> - </form> - </Modal> - </span> - ); - } -} - -RegisterAppModal.propTypes = { - intl: intlShape.isRequired -}; - -export default injectIntl(RegisterAppModal); |