IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

PLT-5071: Client side component of Telemetry. (#5516)

Browse Source
This commit is contained in:
George Goldberg
2017-02-24 17:34:21 +00:00
committed by GitHub
parent f182d196ff
commit 97cc0a0d73
23 changed files with 280 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
webapp/components/tutorial/tutorial_intro_screens.jsx
View File

@@ -6,6 +6,7 @@ import TeamStore from 'stores/team_store.jsx';
import PreferenceStore from 'stores/preference_store.jsx';
import * as AsyncClient from 'utils/async_client.jsx';
import * as GlobalActions from 'actions/global_actions.jsx';
import {trackEvent} from 'actions/diagnostics_actions.jsx';
import {Constants, Preferences} from 'utils/constants.jsx';
@@ -31,10 +32,23 @@ export default class TutorialIntroScreens extends React.Component {
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;
@@ -53,6 +67,18 @@ export default class TutorialIntroScreens extends React.Component {
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;
}
AsyncClient.savePreference(
Preferences.TUTORIAL_STEP,
UserStore.getCurrentId(),

31
webapp/components/tutorial/tutorial_tip.jsx
View File

@@ -4,6 +4,7 @@
import UserStore from 'stores/user_store.jsx';
import PreferenceStore from 'stores/preference_store.jsx';
import * as AsyncClient from 'utils/async_client.jsx';
import {trackEvent} from 'actions/diagnostics_actions.jsx';
import Constants from 'utils/constants.jsx';
@@ -25,6 +26,7 @@ export default class TutorialTip extends React.Component {
this.handleNext = this.handleNext.bind(this);
this.toggle = this.toggle.bind(this);
this.skipTutorial = this.skipTutorial.bind(this);
this.state = {currentScreen: 0, show: false};
}
@@ -48,6 +50,22 @@ export default class TutorialTip extends React.Component {
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();
}
@@ -62,6 +80,15 @@ export default class TutorialTip extends React.Component {
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);
}
AsyncClient.savePreference(
Preferences.TUTORIAL_STEP,
UserStore.getCurrentId(),
@@ -174,7 +201,8 @@ TutorialTip.defaultProps = {
TutorialTip.propTypes = {
screens: React.PropTypes.array.isRequired,
placement: React.PropTypes.string.isRequired,
overlayClass: React.PropTypes.string
overlayClass: React.PropTypes.string,
diagnosticsTag: React.PropTypes.string
};
export function createMenuTip(toggleFunc, onBottom) {
@@ -207,6 +235,7 @@ export function createMenuTip(toggleFunc, onBottom) {
placement={placement}
screens={screens}
overlayClass={'tip-overlay--header--' + arrow}
diagnosticsTag='tutorial_tip_3_main_menu'
/>
</div>
);