mattermost/web/react/components/delete_channel_modal.jsx

// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
// See License.txt for license information.

const Client = require('../utils/client.jsx');
const AsyncClient = require('../utils/async_client.jsx');
const ChannelStore = require('../stores/channel_store.jsx');

export default class DeleteChannelModal extends React.Component {
    constructor(props) {
        super(props);

        this.handleDelete = this.handleDelete.bind(this);

        this.state = {
            title: '',
            channelId: ''
        };
    }
    handleDelete() {
        if (this.state.channelId.length !== 26) {
            return;
        }

        Client.deleteChannel(this.state.channelId,
            function handleDeleteSuccess() {
                AsyncClient.getChannels(true);
                window.location.href = '/';
            },
            function handleDeleteError(err) {
                AsyncClient.dispatchError(err, 'handleDelete');
            }
        );
    }
    componentDidMount() {
        $(React.findDOMNode(this.refs.modal)).on('show.bs.modal', function handleShow(e) {
            var button = $(e.relatedTarget);
            this.setState({
                title: button.attr('data-title'),
                channelId: button.attr('data-channelid')
            });
        }.bind(this));
    }
    render() {
        const channel = ChannelStore.getCurrent();
        let channelType = 'channel';
        if (channel && channel.type === 'P') {
            channelType = 'private group';
        }

        return (
            <div
                className='modal fade'
                ref='modal'
                id='delete_channel'
                role='dialog'
                tabIndex='-1'
                aria-hidden='true'
            >
                <div className='modal-dialog'>
                    <div className='modal-content'>
                        <div className='modal-header'>
                            <button
                                type='button'
                                className='close'
                                data-dismiss='modal'
                                aria-label='Close'
                            >
                                <span aria-hidden='true'>&times;</span>
                            </button>
                            <h4 className='modal-title'>Confirm DELETE Channel</h4>
                        </div>
                        <div className='modal-body'>
                            <p>
                                Are you sure you wish to delete the {this.state.title} {channelType}?
                            </p>
                        </div>
                        <div className='modal-footer'>
                            <button
                                type='button'
                                className='btn btn-default'
                                data-dismiss='modal'
                            >
                                Cancel
                            </button>
                            <button
                                type='button'
                                className='btn btn-danger'
                                data-dismiss='modal'
                                onClick={this.handleDelete}
                            >
                                Delete
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}