diff options
Diffstat (limited to 'webapp/components/admin_console/manage_tokens_modal/manage_tokens_modal.jsx')
| -rw-r--r-- | webapp/components/admin_console/manage_tokens_modal/manage_tokens_modal.jsx | 181 |
1 files changed, 0 insertions, 181 deletions
diff --git a/webapp/components/admin_console/manage_tokens_modal/manage_tokens_modal.jsx b/webapp/components/admin_console/manage_tokens_modal/manage_tokens_modal.jsx deleted file mode 100644 index fdef870e5..000000000 --- a/webapp/components/admin_console/manage_tokens_modal/manage_tokens_modal.jsx +++ /dev/null @@ -1,181 +0,0 @@ -// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import LoadingScreen from 'components/loading_screen.jsx'; -import RevokeTokenButton from 'components/admin_console/revoke_token_button'; - -import {Client4} from 'mattermost-redux/client'; -import * as UserUtils from 'mattermost-redux/utils/user_utils'; - -import React from 'react'; -import {Modal} from 'react-bootstrap'; -import PropTypes from 'prop-types'; -import {FormattedMessage, FormattedHTMLMessage} from 'react-intl'; - -export default class ManageTokensModal extends React.PureComponent { - static propTypes = { - - /** - * Set to render the modal - */ - show: PropTypes.bool.isRequired, - - /** - * The user the roles are being managed for - */ - user: PropTypes.object, - - /** - * The personal access tokens for a user, object with token ids as keys - */ - userAccessTokens: PropTypes.object, - - /** - * Function called when modal is dismissed - */ - onModalDismissed: PropTypes.func.isRequired, - - actions: PropTypes.shape({ - - /** - * Function to get a user's access tokens - */ - getUserAccessTokensForUser: PropTypes.func.isRequired - }).isRequired - }; - - constructor(props) { - super(props); - this.state = {error: null}; - } - - componentWillReceiveProps(nextProps) { - const userId = this.props.user ? this.props.user.id : null; - const nextUserId = nextProps.user ? nextProps.user.id : null; - if (nextUserId && nextUserId !== userId) { - this.props.actions.getUserAccessTokensForUser(nextUserId, 0, 200); - } - } - - handleError = (error) => { - this.setState({ - error - }); - } - - renderContents = () => { - const {user, userAccessTokens} = this.props; - - if (!user) { - return <LoadingScreen/>; - } - - let name = UserUtils.getFullName(user); - if (name) { - name += ` (@${user.username})`; - } else { - name = `@${user.username}`; - } - - let tokenList; - if (userAccessTokens) { - const userAccessTokensList = Object.values(userAccessTokens); - - if (userAccessTokensList.length === 0) { - tokenList = ( - <div className='manage-row__empty'> - <FormattedMessage - id='admin.manage_tokens.userAccessTokensNone' - defaultMessage='No personal access tokens.' - /> - </div> - ); - } else { - tokenList = userAccessTokensList.map((token) => { - return ( - <div - key={token.id} - className='manage-teams__team' - > - <div className='manage-teams__team-name'> - <div className='whitespace--nowrap overflow--ellipsis'> - <FormattedMessage - id='admin.manage_tokens.userAccessTokensNameLabel' - defaultMessage='Token Description: ' - /> - {token.description} - </div> - <div className='whitespace--nowrap overflow--ellipsis'> - <FormattedMessage - id='admin.manage_tokens.userAccessTokensIdLabel' - defaultMessage='Token ID: ' - /> - {token.id} - </div> - </div> - <div className='manage-teams__team-actions'> - <RevokeTokenButton - tokenId={token.id} - onError={this.handleError} - /> - </div> - </div> - ); - }); - } - } else { - tokenList = <LoadingScreen/>; - } - - return ( - <div> - <div className='manage-teams__user'> - <img - className='manage-teams__profile-picture' - src={Client4.getProfilePictureUrl(user.id, user.last_picture_update)} - /> - <div className='manage-teams__info'> - <div className='manage-teams__name'> - {name} - </div> - <div className='manage-teams__email'> - {user.email} - </div> - </div> - </div> - <div className='padding-top x2'> - <FormattedHTMLMessage - id='admin.manage_tokens.userAccessTokensDescription' - defaultMessage='Personal access tokens function similar to session tokens and can be used by integrations to <a href="https://about.mattermost.com/default-api-authentication" target="_blank">interact with this Mattermost server</a>. Learn more about <a href="https://about.mattermost.com/default-user-access-tokens" target="_blank">personal access tokens</a>.' - /> - </div> - <div className='manage-teams__teams'> - {tokenList} - </div> - </div> - ); - } - - render() { - return ( - <Modal - show={this.props.show} - onHide={this.props.onModalDismissed} - dialogClassName='manage-teams' - > - <Modal.Header closeButton={true}> - <Modal.Title> - <FormattedMessage - id='admin.manage_tokens.manageTokensTitle' - defaultMessage='Manage Personal Access Tokens' - /> - </Modal.Title> - </Modal.Header> - <Modal.Body> - {this.renderContents()} - {this.state.error} - </Modal.Body> - </Modal> - ); - } -} |