summaryrefslogtreecommitdiffstats
path: root/web/react/components/delete_post_modal.jsx
diff options
context:
space:
mode:
authorChristopher Speller <crspeller@gmail.com>2016-03-14 08:50:46 -0400
committerChristopher Speller <crspeller@gmail.com>2016-03-16 18:02:55 -0400
commit12896bd23eeba79884245c1c29fdc568cf21a7fa (patch)
tree4e7f83d3e2564b9b89d669e9f7905ff11768b11a /web/react/components/delete_post_modal.jsx
parent29fe6a3d13c9c7aa490fffebbe5d1b5fdf1e3090 (diff)
downloadchat-12896bd23eeba79884245c1c29fdc568cf21a7fa.tar.gz
chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.tar.bz2
chat-12896bd23eeba79884245c1c29fdc568cf21a7fa.zip
Converting to Webpack. Stage 1.
Diffstat (limited to 'web/react/components/delete_post_modal.jsx')
-rw-r--r--web/react/components/delete_post_modal.jsx174
1 files changed, 0 insertions, 174 deletions
diff --git a/web/react/components/delete_post_modal.jsx b/web/react/components/delete_post_modal.jsx
deleted file mode 100644
index 5b2dd1197..000000000
--- a/web/react/components/delete_post_modal.jsx
+++ /dev/null
@@ -1,174 +0,0 @@
-// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import * as Client from '../utils/client.jsx';
-import PostStore from '../stores/post_store.jsx';
-import ModalStore from '../stores/modal_store.jsx';
-var Modal = ReactBootstrap.Modal;
-import * as AsyncClient from '../utils/async_client.jsx';
-import AppDispatcher from '../dispatcher/app_dispatcher.jsx';
-import Constants from '../utils/constants.jsx';
-
-import {FormattedMessage} from 'mm-intl';
-
-var ActionTypes = Constants.ActionTypes;
-
-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() {
- Client.deletePost(
- this.state.post.channel_id,
- this.state.post.id,
- () => {
- PostStore.deletePost(this.state.post);
- AsyncClient.getPosts(this.state.post.channel_id);
-
- if (this.state.post.id === PostStore.getSelectedPostId()) {
- AppDispatcher.handleServerAction({
- type: ActionTypes.RECEIVED_POST_SELECTED,
- postId: null
- });
- }
- },
- (err) => {
- AsyncClient.dispatchError(err, 'deletePost');
- }
- );
-
- this.handleHide();
- }
-
- 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} comment(s) 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>
- );
- }
-}