// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. // See License.txt for license information. import $ from 'jquery'; import {Modal} from 'react-bootstrap'; import SettingItemMin from './setting_item_min.jsx'; import SettingItemMax from './setting_item_max.jsx'; import Client from 'utils/web_client.jsx'; import ChannelStore from 'stores/channel_store.jsx'; import {FormattedMessage} from 'react-intl'; import React from 'react'; export default class ChannelNotificationsModal extends React.Component { constructor(props) { super(props); this.updateSection = this.updateSection.bind(this); this.handleSubmitNotifyLevel = this.handleSubmitNotifyLevel.bind(this); this.handleUpdateNotifyLevel = this.handleUpdateNotifyLevel.bind(this); this.createNotifyLevelSection = this.createNotifyLevelSection.bind(this); this.handleSubmitMarkUnreadLevel = this.handleSubmitMarkUnreadLevel.bind(this); this.handleUpdateMarkUnreadLevel = this.handleUpdateMarkUnreadLevel.bind(this); this.createMarkUnreadLevelSection = this.createMarkUnreadLevelSection.bind(this); this.state = { activeSection: '', notifyLevel: '', unreadLevel: '' }; } updateSection(section) { $('.settings-modal .modal-body').scrollTop(0).perfectScrollbar('update'); this.setState({activeSection: section}); } componentWillReceiveProps(nextProps) { if (!this.props.show && nextProps.show) { this.setState({ notifyLevel: nextProps.channelMember.notify_props.desktop, unreadLevel: nextProps.channelMember.notify_props.mark_unread }); } } handleSubmitNotifyLevel() { var channelId = this.props.channel.id; var notifyLevel = this.state.notifyLevel; if (this.props.channelMember.notify_props.desktop === notifyLevel) { this.updateSection(''); return; } var data = {}; data.channel_id = channelId; data.user_id = this.props.currentUser.id; data.desktop = notifyLevel; //TODO: This should be moved to event_helpers Client.updateChannelNotifyProps(data, () => { // YUCK var member = ChannelStore.getMember(channelId); member.notify_props.desktop = notifyLevel; ChannelStore.setChannelMember(member); this.updateSection(''); }, (err) => { this.setState({serverError: err.message}); } ); } handleUpdateNotifyLevel(notifyLevel) { this.setState({notifyLevel}); } createNotifyLevelSection(serverError) { // Get glabal user setting for notifications const globalNotifyLevel = this.props.currentUser.notify_props.desktop; let globalNotifyLevelName; if (globalNotifyLevel === 'all') { globalNotifyLevelName = ( ); } else if (globalNotifyLevel === 'mention') { globalNotifyLevelName = ( ); } else { globalNotifyLevelName = ( ); } const sendDesktop = ( ); const notificationLevel = this.state.notifyLevel; if (this.state.activeSection === 'desktop') { const notifyActive = [false, false, false, false]; if (notificationLevel === 'default') { notifyActive[0] = true; } else if (notificationLevel === 'all') { notifyActive[1] = true; } else if (notificationLevel === 'mention') { notifyActive[2] = true; } else { notifyActive[3] = true; } var inputs = []; inputs.push(



); const handleUpdateSection = function updateSection(e) { this.updateSection(''); e.preventDefault(); }.bind(this); const extraInfo = ( ); return ( ); } var describe; if (notificationLevel === 'default') { describe = ( ); } else if (notificationLevel === 'mention') { describe = (); } else if (notificationLevel === 'all') { describe = (); } else { describe = (); } return ( { this.updateSection('desktop'); }} /> ); } handleSubmitMarkUnreadLevel() { const channelId = this.props.channel.id; const markUnreadLevel = this.state.unreadLevel; if (this.props.channelMember.notify_props.mark_unread === markUnreadLevel) { this.updateSection(''); return; } const data = { channel_id: channelId, user_id: this.props.currentUser.id, mark_unread: markUnreadLevel }; //TODO: This should be fixed, moved to event_helpers Client.updateChannelNotifyProps(data, () => { // Yuck... var member = ChannelStore.getMember(channelId); member.notify_props.mark_unread = markUnreadLevel; ChannelStore.setChannelMember(member); this.updateSection(''); }, (err) => { this.setState({serverError: err.message}); } ); } handleUpdateMarkUnreadLevel(unreadLevel) { this.setState({unreadLevel}); } createMarkUnreadLevelSection(serverError) { let content; const markUnread = ( ); if (this.state.activeSection === 'markUnreadLevel') { const inputs = [(


)]; const handleUpdateSection = function handleUpdateSection(e) { this.updateSection(''); e.preventDefault(); }.bind(this); const extraInfo = ( ); content = ( ); } else { let describe; if (!this.state.unreadLevel || this.state.unreadLevel === 'all') { describe = ( ); } else { describe = (); } const handleUpdateSection = function handleUpdateSection(e) { this.updateSection('markUnreadLevel'); e.preventDefault(); }.bind(this); content = ( ); } return content; } render() { var serverError = null; if (this.state.serverError) { serverError =
; } return ( {this.props.channel.display_name}

{this.createNotifyLevelSection(serverError)}
{this.createMarkUnreadLevelSection(serverError)}
{serverError} ); } } ChannelNotificationsModal.propTypes = { show: React.PropTypes.bool.isRequired, onHide: React.PropTypes.func.isRequired, channel: React.PropTypes.object.isRequired, channelMember: React.PropTypes.object.isRequired, currentUser: React.PropTypes.object.isRequired };