From d8bd57901e33a7057e26e782e295099ffcc0da89 Mon Sep 17 00:00:00 2001 From: Christopher Speller Date: Wed, 6 Sep 2017 23:04:13 -0700 Subject: Removing webapp --- .../components/tutorial/tutorial_intro_screens.jsx | 331 --------------------- webapp/components/tutorial/tutorial_tip.jsx | 247 --------------- webapp/components/tutorial/tutorial_view.jsx | 49 --- 3 files changed, 627 deletions(-) delete mode 100644 webapp/components/tutorial/tutorial_intro_screens.jsx delete mode 100644 webapp/components/tutorial/tutorial_tip.jsx delete mode 100644 webapp/components/tutorial/tutorial_view.jsx (limited to 'webapp/components/tutorial') diff --git a/webapp/components/tutorial/tutorial_intro_screens.jsx b/webapp/components/tutorial/tutorial_intro_screens.jsx deleted file mode 100644 index 7600d15dd..000000000 --- a/webapp/components/tutorial/tutorial_intro_screens.jsx +++ /dev/null @@ -1,331 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import UserStore from 'stores/user_store.jsx'; -import TeamStore from 'stores/team_store.jsx'; -import PreferenceStore from 'stores/preference_store.jsx'; -import {savePreference} from 'actions/user_actions.jsx'; -import * as GlobalActions from 'actions/global_actions.jsx'; -import {trackEvent} from 'actions/diagnostics_actions.jsx'; - -import {Constants, Preferences} from 'utils/constants.jsx'; - -import {FormattedMessage, FormattedHTMLMessage} from 'react-intl'; -import {browserHistory} from 'react-router/es6'; - -import AppIcons from 'images/appIcons.png'; - -const NUM_SCREENS = 3; - -import PropTypes from 'prop-types'; - -import React from 'react'; - -export default class TutorialIntroScreens extends React.Component { - static get propTypes() { - return { - townSquare: PropTypes.object, - offTopic: PropTypes.object - }; - } - constructor(props) { - super(props); - - this.handleNext = this.handleNext.bind(this); - this.createScreen = this.createScreen.bind(this); - this.createCircles = this.createCircles.bind(this); - this.skipTutorial = this.skipTutorial.bind(this); - - this.state = {currentScreen: 0}; - } - handleNext() { - switch (this.state.currentScreen) { - case 0: - trackEvent('tutorial', 'tutorial_screen_1_welcome_to_mattermost_next'); - break; - case 1: - trackEvent('tutorial', 'tutorial_screen_2_how_mattermost_works_next'); - break; - case 2: - trackEvent('tutorial', 'tutorial_screen_3_youre_all_set_next'); - break; - } - - if (this.state.currentScreen < 2) { - this.setState({currentScreen: this.state.currentScreen + 1}); - return; - } - - browserHistory.push(TeamStore.getCurrentTeamUrl() + '/channels/town-square'); - - const step = PreferenceStore.getInt(Preferences.TUTORIAL_STEP, UserStore.getCurrentId(), 0); - - savePreference( - Preferences.TUTORIAL_STEP, - UserStore.getCurrentId(), - (step + 1).toString() - ); - } - skipTutorial(e) { - e.preventDefault(); - - switch (this.state.currentScreen) { - case 0: - trackEvent('tutorial', 'tutorial_screen_1_welcome_to_mattermost_skip'); - break; - case 1: - trackEvent('tutorial', 'tutorial_screen_2_how_mattermost_works_skip'); - break; - case 2: - trackEvent('tutorial', 'tutorial_screen_3_youre_all_set_skip'); - break; - } - - savePreference( - Preferences.TUTORIAL_STEP, - UserStore.getCurrentId(), - '999' - ); - - browserHistory.push(TeamStore.getCurrentTeamUrl() + '/channels/town-square'); - } - createScreen() { - switch (this.state.currentScreen) { - case 0: - return this.createScreenOne(); - case 1: - return this.createScreenTwo(); - case 2: - return this.createScreenThree(); - } - return null; - } - createScreenOne() { - const circles = this.createCircles(); - - return ( -
- - {circles} -
- ); - } - createScreenTwo() { - const circles = this.createCircles(); - - let appDownloadLink = null; - let appDownloadImage = null; - if (global.window.mm_config.AppDownloadLink) { - // not using a FormattedHTMLMessage here since mm_config.AppDownloadLink is configurable and could be used - // to inject HTML if we're not careful - appDownloadLink = ( - - - - ) - }} - /> - ); - - appDownloadImage = ( - - - - ); - } - - return ( -
- - {appDownloadLink} - {appDownloadImage} - {circles} -
- ); - } - createScreenThree() { - const team = TeamStore.getCurrent(); - let inviteModalLink; - let inviteText; - - if (global.window.mm_license.IsLicensed !== 'true' || global.window.mm_config.RestrictTeamInvite === Constants.PERMISSIONS_ALL) { - if (team.type === Constants.INVITE_TEAM) { - inviteModalLink = ( - - - - ); - } else { - inviteModalLink = ( - - - - ); - } - - inviteText = ( -

- {inviteModalLink} - -

- ); - } - - const circles = this.createCircles(); - - let supportInfo = null; - if (global.window.mm_config.SupportEmail) { - supportInfo = ( -

- - - {global.window.mm_config.SupportEmail} - - {'.'} -

- ); - } - - let townSquareDisplayName = Constants.DEFAULT_CHANNEL_UI_NAME; - if (this.props.townSquare) { - townSquareDisplayName = this.props.townSquare.display_name; - } - - return ( -
-

- -

- {inviteText} - {supportInfo} - - {circles} -
- ); - } - createCircles() { - const circles = []; - for (let i = 0; i < NUM_SCREENS; i++) { - let className = 'circle'; - if (i === this.state.currentScreen) { - className += ' active'; - } - - circles.push( - { //eslint-disable-line no-loop-func - e.preventDefault(); - this.setState({currentScreen: i}); - }} - /> - ); - } - - return ( -
- {circles} -
- ); - } - render() { - const screen = this.createScreen(); - - return ( -
-
- -
-
- ); - } -} diff --git a/webapp/components/tutorial/tutorial_tip.jsx b/webapp/components/tutorial/tutorial_tip.jsx deleted file mode 100644 index 2db8c6cea..000000000 --- a/webapp/components/tutorial/tutorial_tip.jsx +++ /dev/null @@ -1,247 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import UserStore from 'stores/user_store.jsx'; -import PreferenceStore from 'stores/preference_store.jsx'; -import {savePreference} from 'actions/user_actions.jsx'; -import {trackEvent} from 'actions/diagnostics_actions.jsx'; - -import Constants from 'utils/constants.jsx'; - -import {FormattedMessage, FormattedHTMLMessage} from 'react-intl'; - -const Preferences = Constants.Preferences; -import * as Utils from 'utils/utils.jsx'; - -import {Overlay} from 'react-bootstrap'; - -import PropTypes from 'prop-types'; - -import React from 'react'; - -import tutorialGif from 'images/tutorialTip.gif'; -import tutorialGifWhite from 'images/tutorialTipWhite.gif'; - -export default class TutorialTip extends React.Component { - constructor(props) { - super(props); - - this.handleNext = this.handleNext.bind(this); - this.toggle = this.toggle.bind(this); - this.skipTutorial = this.skipTutorial.bind(this); - - this.state = {currentScreen: 0, show: false}; - } - toggle() { - const show = !this.state.show; - this.setState({show}); - - if (!show && this.state.currentScreen >= this.props.screens.length - 1) { - const step = PreferenceStore.getInt(Preferences.TUTORIAL_STEP, UserStore.getCurrentId(), 0); - - savePreference( - Preferences.TUTORIAL_STEP, - UserStore.getCurrentId(), - (step + 1).toString() - ); - } - } - handleNext() { - if (this.state.currentScreen < this.props.screens.length - 1) { - this.setState({currentScreen: this.state.currentScreen + 1}); - return; - } - - if (this.props.diagnosticsTag) { - let tag = this.props.diagnosticsTag; - - if (this.props.screens.length > 1) { - tag += '_' + (this.state.currentScreen + 1).toString(); - } - - if (this.state.currentScreen === this.props.screens.length - 1) { - tag += '_okay'; - } else { - tag += '_next'; - } - - trackEvent('tutorial', tag); - } - - this.closeRightSidebar(); - this.toggle(); - } - closeRightSidebar() { - if (Utils.isMobile()) { - setTimeout(() => { - document.querySelector('.app__body .inner-wrap').classList.remove('move--left-small'); - document.querySelector('.app__body .sidebar--menu').classList.remove('move--left'); - }); - } - } - skipTutorial(e) { - e.preventDefault(); - - if (this.props.diagnosticsTag) { - let tag = this.props.diagnosticsTag; - if (this.props.screens.length > 1) { - tag += '_' + this.state.currentScreen; - } - tag += '_skip'; - trackEvent('tutorial', tag); - } - - savePreference( - Preferences.TUTORIAL_STEP, - UserStore.getCurrentId(), - '999' - ); - } - render() { - const buttonText = this.state.currentScreen === this.props.screens.length - 1 ? ( - - ) : ( - - ); - - const dots = []; - if (this.props.screens.length > 1) { - for (let i = 0; i < this.props.screens.length; i++) { - let className = 'circle'; - if (i === this.state.currentScreen) { - className += ' active'; - } - - dots.push( - { //eslint-disable-line no-loop-func - e.preventDefault(); - this.setState({currentScreen: i}); - }} - /> - ); - } - } - - var tutorialGifImage = tutorialGif; - if (this.props.overlayClass === 'tip-overlay--header' || this.props.overlayClass === 'tip-overlay--sidebar' || this.props.overlayClass === 'tip-overlay--header--up') { - tutorialGifImage = tutorialGifWhite; - } - - return ( -
- - - -
- - - this.refs.target} - > - - ); - } -} - -TutorialTip.defaultProps = { - overlayClass: '' -}; - -TutorialTip.propTypes = { - screens: PropTypes.array.isRequired, - placement: PropTypes.string.isRequired, - overlayClass: PropTypes.string, - diagnosticsTag: PropTypes.string -}; - -export function createMenuTip(toggleFunc, onBottom) { - const screens = []; - - screens.push( -
- -
- ); - - let placement = 'right'; - let arrow = 'left'; - if (onBottom) { - placement = 'bottom'; - arrow = 'up'; - } - - return ( -
- -
- ); -} diff --git a/webapp/components/tutorial/tutorial_view.jsx b/webapp/components/tutorial/tutorial_view.jsx deleted file mode 100644 index 491e3146e..000000000 --- a/webapp/components/tutorial/tutorial_view.jsx +++ /dev/null @@ -1,49 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import TutorialIntroScreens from './tutorial_intro_screens.jsx'; - -import ChannelStore from 'stores/channel_store.jsx'; -import Constants from 'utils/constants.jsx'; - -import $ from 'jquery'; -import React from 'react'; - -export default class TutorialView extends React.Component { - constructor(props) { - super(props); - - this.handleChannelChange = this.handleChannelChange.bind(this); - - this.state = { - townSquare: ChannelStore.getByName(Constants.DEFAULT_CHANNEL) - }; - } - componentDidMount() { - ChannelStore.addChangeListener(this.handleChannelChange); - - $('body').addClass('app__body'); - } - componentWillUnmount() { - ChannelStore.removeChangeListener(this.handleChannelChange); - - $('body').removeClass('app__body'); - } - handleChannelChange() { - this.setState({ - townSquare: ChannelStore.getByName(Constants.DEFAULT_CHANNEL) - }); - } - render() { - return ( -
- -
- ); - } -} -- cgit v1.2.3-1-g7c22