From d8bd57901e33a7057e26e782e295099ffcc0da89 Mon Sep 17 00:00:00 2001 From: Christopher Speller Date: Wed, 6 Sep 2017 23:04:13 -0700 Subject: Removing webapp --- webapp/components/dot_menu/dot_menu.jsx | 241 --------------------------- webapp/components/dot_menu/dot_menu_edit.jsx | 58 ------- webapp/components/dot_menu/dot_menu_flag.jsx | 83 --------- webapp/components/dot_menu/dot_menu_item.jsx | 119 ------------- webapp/components/dot_menu/index.js | 27 --- 5 files changed, 528 deletions(-) delete mode 100644 webapp/components/dot_menu/dot_menu.jsx delete mode 100644 webapp/components/dot_menu/dot_menu_edit.jsx delete mode 100644 webapp/components/dot_menu/dot_menu_flag.jsx delete mode 100644 webapp/components/dot_menu/dot_menu_item.jsx delete mode 100644 webapp/components/dot_menu/index.js (limited to 'webapp/components/dot_menu') diff --git a/webapp/components/dot_menu/dot_menu.jsx b/webapp/components/dot_menu/dot_menu.jsx deleted file mode 100644 index 6a64981d0..000000000 --- a/webapp/components/dot_menu/dot_menu.jsx +++ /dev/null @@ -1,241 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import $ from 'jquery'; -import React, {Component} from 'react'; -import PropTypes from 'prop-types'; - -import DotMenuFlag from './dot_menu_flag.jsx'; -import DotMenuItem from './dot_menu_item.jsx'; -import DotMenuEdit from './dot_menu_edit.jsx'; - -import * as Utils from 'utils/utils.jsx'; -import * as PostUtils from 'utils/post_utils.jsx'; -import Constants from 'utils/constants.jsx'; -import DelayedAction from 'utils/delayed_action.jsx'; - -export default class DotMenu extends Component { - static propTypes = { - idPrefix: PropTypes.string.isRequired, - idCount: PropTypes.number, - post: PropTypes.object.isRequired, - commentCount: PropTypes.number, - isFlagged: PropTypes.bool, - handleCommentClick: PropTypes.func, - handleDropdownOpened: PropTypes.func, - - actions: PropTypes.shape({ - - /* - * Function flag the post - */ - flagPost: PropTypes.func.isRequired, - - /* - * Function to unflag the post - */ - unflagPost: PropTypes.func.isRequired, - - /* - * Function to pin the post - */ - pinPost: PropTypes.func.isRequired, - - /* - * Function to unpin the post - */ - unpinPost: PropTypes.func.isRequired - }).isRequired - } - - static defaultProps = { - idCount: -1, - post: {}, - commentCount: 0, - isFlagged: false - } - - constructor(props) { - super(props); - - this.editDisableAction = new DelayedAction(this.handleEditDisable); - - this.state = { - canDelete: PostUtils.canDeletePost(props.post), - canEdit: PostUtils.canEditPost(props.post, this.editDisableAction) - }; - } - - componentDidMount() { - $('#' + this.props.idPrefix + '_dropdown' + this.props.post.id).on('shown.bs.dropdown', this.handleDropdownOpened); - $('#' + this.props.idPrefix + '_dropdown' + this.props.post.id).on('hidden.bs.dropdown', () => this.props.handleDropdownOpened(false)); - } - - componentWillReceiveProps(nextProps) { - if (nextProps.post !== this.props.post) { - this.state = { - canDelete: PostUtils.canDeletePost(nextProps.post), - canEdit: PostUtils.canEditPost(nextProps.post, this.editDisableAction) - }; - } - } - - componentWillUnmount() { - this.editDisableAction.cancel(); - } - - handleDropdownOpened = () => { - this.props.handleDropdownOpened(true); - - const position = $('#post-list').height() - $(this.refs.dropdownToggle).offset().top; - const dropdown = $(this.refs.dropdown); - - if (position < dropdown.height()) { - dropdown.addClass('bottom'); - } - } - - handleEditDisable = () => { - this.setState({canEdit: false}); - } - - render() { - const isSystemMessage = PostUtils.isSystemMessage(this.props.post); - const isMobile = Utils.isMobile(); - - if (this.props.idPrefix === Constants.CENTER && (!isMobile && isSystemMessage && !this.state.canDelete && !this.state.canEdit)) { - return null; - } - - if (this.props.idPrefix === Constants.RHS && (this.props.post.state === Constants.POST_FAILED || this.props.post.state === Constants.POST_LOADING)) { - return null; - } - - let type = 'Post'; - if (this.props.post.root_id && this.props.post.root_id.length > 0) { - type = 'Comment'; - } - - const idPrefix = this.props.idPrefix + 'DotMenu'; - - let dotMenuFlag = null; - if (isMobile) { - dotMenuFlag = ( - - ); - } - - let dotMenuReply = null; - let dotMenuPermalink = null; - let dotMenuPin = null; - if (!isSystemMessage) { - if (this.props.idPrefix === Constants.CENTER) { - dotMenuReply = ( - - ); - } - - dotMenuPermalink = ( - - ); - - dotMenuPin = ( - - ); - } - - let dotMenuDelete = null; - if (this.state.canDelete) { - dotMenuDelete = ( - - ); - } - - let dotMenuEdit = null; - if (this.state.canEdit) { - dotMenuEdit = ( - - ); - } - - let dotMenuId = null; - if (this.props.idCount > -1) { - dotMenuId = Utils.createSafeId(idPrefix + this.props.idCount); - } - - if (this.props.idPrefix === Constants.RHS_ROOT) { - dotMenuId = idPrefix; - } - - return ( - - ); -} - -DotMenuEdit.propTypes = { - idPrefix: PropTypes.string.isRequired, - idCount: PropTypes.number, - post: PropTypes.object, - type: PropTypes.string, - commentCount: PropTypes.number -}; - -DotMenuEdit.defaultProps = { - idCount: -1 -}; diff --git a/webapp/components/dot_menu/dot_menu_flag.jsx b/webapp/components/dot_menu/dot_menu_flag.jsx deleted file mode 100644 index 11546ee79..000000000 --- a/webapp/components/dot_menu/dot_menu_flag.jsx +++ /dev/null @@ -1,83 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import React from 'react'; -import {FormattedMessage} from 'react-intl'; -import PropTypes from 'prop-types'; - -import * as Utils from 'utils/utils.jsx'; -import Constants from 'utils/constants.jsx'; - -function formatMessage(isFlagged) { - return ( - - ); -} - -export default function DotMenuFlag(props) { - function onFlagPost(e) { - e.preventDefault(); - props.actions.flagPost(props.postId); - } - - function onUnflagPost(e) { - e.preventDefault(); - props.actions.unflagPost(props.postId); - } - - const flagFunc = props.isFlagged ? onUnflagPost : onFlagPost; - - let flagId = null; - if (props.idCount > -1) { - flagId = Utils.createSafeId(props.idPrefix + props.idCount); - } - - if (props.idPrefix.indexOf(Constants.RHS_ROOT) === 0) { - flagId = props.idPrefix; - } - - return ( -
  • - - {formatMessage(props.isFlagged)} - -
    • - ); -} - -DotMenuFlag.propTypes = { - idCount: PropTypes.number, - idPrefix: PropTypes.string.isRequired, - postId: PropTypes.string.isRequired, - isFlagged: PropTypes.bool.isRequired, - - actions: PropTypes.shape({ - - /* - * Function flag the post - */ - flagPost: PropTypes.func.isRequired, - - /* - * Function to unflag the post - */ - unflagPost: PropTypes.func.isRequired - - }).isRequired -}; - -DotMenuFlag.defaultProps = { - idCount: -1, - postId: '', - isFlagged: false -}; diff --git a/webapp/components/dot_menu/dot_menu_item.jsx b/webapp/components/dot_menu/dot_menu_item.jsx deleted file mode 100644 index 6411beafb..000000000 --- a/webapp/components/dot_menu/dot_menu_item.jsx +++ /dev/null @@ -1,119 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import React from 'react'; -import {FormattedMessage} from 'react-intl'; -import PropTypes from 'prop-types'; - -import {showGetPostLinkModal, showDeletePostModal} from 'actions/global_actions.jsx'; -import * as Utils from 'utils/utils.jsx'; -import Constants from 'utils/constants.jsx'; - -export default function DotMenuItem(props) { - function handlePermalink(e) { - e.preventDefault(); - showGetPostLinkModal(props.post); - } - - function handleUnpinPost(e) { - e.preventDefault(); - props.actions.unpinPost(props.post.id); - } - - function handlePinPost(e) { - e.preventDefault(); - props.actions.pinPost(props.post.id); - } - - function handleDeletePost(e) { - e.preventDefault(); - showDeletePostModal(props.post, props.commentCount); - } - - const attrib = {}; - attrib.idPrefix = props.idPrefix; - attrib.class = ''; - - switch (props.idPrefix.substring((props.idPrefix.indexOf('DotMenu') + 7))) { - case 'Reply': - attrib.class = 'link__reply theme'; - attrib.onClick = props.handleOnClick; - attrib.formattedMessageId = 'post_info.reply'; - attrib.formattedDefaultMessage = 'Reply'; - break; - case 'Permalink': - attrib.onClick = handlePermalink; - attrib.formattedMessageId = 'post_info.permalink'; - attrib.formattedDefaultMessage = 'Permalink'; - attrib.post = props.post; - break; - case 'Pin': - attrib.onClick = props.post.is_pinned ? handleUnpinPost : handlePinPost; - attrib.formattedMessageId = props.post.is_pinned ? 'post_info.unpin' : 'post_info.pin'; - attrib.formattedDefaultMessage = props.post.is_pinned ? 'Un-pin from channel' : 'Pin from channel'; - attrib.post = props.post; - break; - case 'Delete': - attrib.onClick = handleDeletePost; - attrib.formattedMessageId = 'post_info.del'; - attrib.formattedDefaultMessage = 'Delete'; - attrib.commentCount = props.commentCount; - break; - default: - } - - let itemId = null; - if (props.idCount > -1) { - itemId = Utils.createSafeId(props.idPrefix + props.idCount); - } - - if (attrib.idPrefix.indexOf(Constants.RHS_ROOT) === 0) { - itemId = attrib.idPrefix; - } - - return ( - - ); -} - -DotMenuItem.propTypes = { - idPrefix: PropTypes.string.isRequired, - idCount: PropTypes.number, - post: PropTypes.object, - handleOnClick: PropTypes.func, - type: PropTypes.string, - commentCount: PropTypes.number, - - actions: PropTypes.shape({ - - /* - * Function to pin the post - */ - pinPost: PropTypes.func, - - /* - * Function to unpin the post - */ - unpinPost: PropTypes.func - }) -}; - -DotMenuItem.defaultProps = { - idPrefix: '', - idCount: -1 -}; diff --git a/webapp/components/dot_menu/index.js b/webapp/components/dot_menu/index.js deleted file mode 100644 index 852fe6791..000000000 --- a/webapp/components/dot_menu/index.js +++ /dev/null @@ -1,27 +0,0 @@ -// Copyright (c) 2017 Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {connect} from 'react-redux'; -import {bindActionCreators} from 'redux'; -import {flagPost, unflagPost} from 'mattermost-redux/actions/posts'; -import {pinPost, unpinPost} from 'actions/post_actions.jsx'; - -import DotMenu from './dot_menu.jsx'; - -function mapStateToProps(state, ownProps) { - return ownProps; -} - -function mapDispatchToProps(dispatch) { - return { - actions: bindActionCreators({ - flagPost, - unflagPost, - pinPost, - unpinPost - }, dispatch) - }; -} - -export default connect(mapStateToProps, mapDispatchToProps)(DotMenu); - -- cgit v1.2.3-1-g7c22