summaryrefslogtreecommitdiffstats
path: root/webapp/components/delete_post_modal.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/delete_post_modal.jsx')
-rw-r--r--webapp/components/delete_post_modal.jsx165
1 files changed, 0 insertions, 165 deletions
diff --git a/webapp/components/delete_post_modal.jsx b/webapp/components/delete_post_modal.jsx
deleted file mode 100644
index fc7e24f22..000000000
--- a/webapp/components/delete_post_modal.jsx
+++ /dev/null
@@ -1,165 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import $ from 'jquery';
-import ReactDOM from 'react-dom';
-import {Modal} from 'react-bootstrap';
-import ModalStore from 'stores/modal_store.jsx';
-import {deletePost} from 'actions/post_actions.jsx';
-import Constants from 'utils/constants.jsx';
-
-import {FormattedMessage} from 'react-intl';
-
-var ActionTypes = Constants.ActionTypes;
-
-import React from 'react';
-
-export default class DeletePostModal extends React.Component {
- constructor(props) {
- super(props);
-
- this.handleDelete = this.handleDelete.bind(this);
- this.handleToggle = this.handleToggle.bind(this);
- this.handleHide = this.handleHide.bind(this);
-
- this.state = {
- show: false,
- post: null,
- commentCount: 0,
- error: ''
- };
- }
-
- componentDidMount() {
- ModalStore.addModalListener(ActionTypes.TOGGLE_DELETE_POST_MODAL, this.handleToggle);
- }
-
- componentWillUnmount() {
- ModalStore.removeModalListener(ActionTypes.TOGGLE_DELETE_POST_MODAL, this.handleToggle);
- }
-
- componentDidUpdate(prevProps, prevState) {
- if (this.state.show && !prevState.show) {
- setTimeout(() => {
- $(ReactDOM.findDOMNode(this.refs.deletePostBtn)).focus();
- }, 0);
- }
- }
-
- handleDelete() {
- deletePost(
- this.state.post.channel_id,
- this.state.post,
- () => {
- this.handleHide();
- },
- (err) => {
- this.setState({error: err.message});
- }
- );
- }
-
- handleToggle(value, args) {
- this.setState({
- show: value,
- post: args.post,
- commentCount: args.commentCount,
- error: ''
- });
- }
-
- handleHide() {
- this.setState({show: false});
- }
-
- render() {
- if (!this.state.post) {
- return null;
- }
-
- var error = null;
- if (this.state.error) {
- error = <div className='form-group has-error'><label className='control-label'>{this.state.error}</label></div>;
- }
-
- var commentWarning = '';
- if (this.state.commentCount > 0) {
- commentWarning = (
- <FormattedMessage
- id='delete_post.warning'
- defaultMessage='This post has {count, number} {count, plural, one {comment} other {comments}} on it.'
- values={{
- count: this.state.commentCount
- }}
- />
- );
- }
-
- const postTerm = this.state.post.root_id ? (
- <FormattedMessage
- id='delete_post.comment'
- defaultMessage='Comment'
- />
- ) : (
- <FormattedMessage
- id='delete_post.post'
- defaultMessage='Post'
- />
- );
-
- return (
- <Modal
- show={this.state.show}
- onHide={this.handleHide}
- >
- <Modal.Header closeButton={true}>
- <Modal.Title>
- <FormattedMessage
- id='delete_post.confirm'
- defaultMessage='Confirm {term} Delete'
- values={{
- term: (postTerm)
- }}
- />
- </Modal.Title>
- </Modal.Header>
- <Modal.Body>
- <FormattedMessage
- id='delete_post.question'
- defaultMessage='Are you sure you want to delete this {term}?'
- values={{
- term: (postTerm)
- }}
- />
- <br/>
- <br/>
- {commentWarning}
- {error}
- </Modal.Body>
- <Modal.Footer>
- <button
- type='button'
- className='btn btn-default'
- onClick={this.handleHide}
- >
- <FormattedMessage
- id='delete_post.cancel'
- defaultMessage='Cancel'
- />
- </button>
- <button
- ref='deletePostBtn'
- type='button'
- className='btn btn-danger'
- onClick={this.handleDelete}
- >
- <FormattedMessage
- id='delete_post.del'
- defaultMessage='Delete'
- />
- </button>
- </Modal.Footer>
- </Modal>
- );
- }
-}