summaryrefslogtreecommitdiffstats
path: root/web/react/pages
diff options
context:
space:
mode:
Diffstat (limited to 'web/react/pages')
-rw-r--r--web/react/pages/channel.jsx159
-rw-r--r--web/react/pages/find_team.jsx59
-rw-r--r--web/react/pages/signup_team.jsx2
-rw-r--r--web/react/pages/signup_team_confirm.jsx64
4 files changed, 186 insertions, 98 deletions
diff --git a/web/react/pages/channel.jsx b/web/react/pages/channel.jsx
index ffe232ab6..bfb95e1fc 100644
--- a/web/react/pages/channel.jsx
+++ b/web/react/pages/channel.jsx
@@ -4,7 +4,7 @@
import ChannelView from '../components/channel_view.jsx';
import ChannelLoader from '../components/channel_loader.jsx';
import ErrorBar from '../components/error_bar.jsx';
-import ErrorStore from '../stores/error_store.jsx';
+import * as Client from '../utils/client.jsx';
import GetTeamInviteLinkModal from '../components/get_team_invite_link_modal.jsx';
import RenameChannelModal from '../components/rename_channel_modal.jsx';
@@ -18,108 +18,83 @@ import RegisterAppModal from '../components/register_app_modal.jsx';
import ImportThemeModal from '../components/user_settings/import_theme_modal.jsx';
import InviteMemberModal from '../components/invite_member_modal.jsx';
-import PreferenceStore from '../stores/preference_store.jsx';
-
-import * as Utils from '../utils/utils.jsx';
-import * as AsyncClient from '../utils/async_client.jsx';
import * as EventHelpers from '../dispatcher/event_helpers.jsx';
-import Constants from '../utils/constants.jsx';
+var IntlProvider = ReactIntl.IntlProvider;
+
+class Root extends React.Component {
+ constructor() {
+ super();
+ this.state = {
+ translations: null,
+ loaded: false
+ };
+ }
+
+ static propTypes() {
+ return {
+ map: React.PropTypes.object.isRequired
+ };
+ }
+
+ componentWillMount() {
+ Client.getTranslations(
+ this.props.map.Locale,
+ (data) => {
+ this.setState({
+ translations: data,
+ loaded: true
+ });
+ },
+ () => {
+ this.setState({
+ loaded: true
+ });
+ }
+ );
+ }
-function onPreferenceChange() {
- const selectedFont = PreferenceStore.get(Constants.Preferences.CATEGORY_DISPLAY_SETTINGS, 'selected_font', Constants.DEFAULT_FONT);
- Utils.applyFont(selectedFont);
- PreferenceStore.removeChangeListener(onPreferenceChange);
+ render() {
+ if (!this.state.loaded) {
+ return <div></div>;
+ }
+
+ return (
+ <IntlProvider
+ locale={this.props.map.Locale}
+ messages={this.state.translations}
+ >
+ <div className='channel-view'>
+ <ChannelLoader/>
+ <ErrorBar/>
+ <ChannelView/>
+
+ <GetTeamInviteLinkModal />
+ <InviteMemberModal />
+ <ImportThemeModal />
+ <TeamSettingsModal />
+ <RenameChannelModal />
+ <MoreChannelsModal />
+ <EditPostModal />
+ <DeletePostModal />
+ <PostDeletedModal />
+ <RemovedFromChannelModal />
+ <RegisterAppModal />
+ </div>
+ </IntlProvider>
+ );
+ }
}
-function setupChannelPage(props, team, channel) {
+global.window.setup_channel_page = function setup(props, team, channel) {
if (props.PostId === '') {
EventHelpers.emitChannelClickEvent(channel);
} else {
EventHelpers.emitPostFocusEvent(props.PostId);
}
- PreferenceStore.addChangeListener(onPreferenceChange);
- AsyncClient.getAllPreferences();
-
- // ChannelLoader must be rendered first
- ReactDOM.render(
- <ChannelLoader/>,
- document.getElementById('channel_loader')
- );
-
- ReactDOM.render(
- <ErrorBar/>,
- document.getElementById('error_bar')
- );
-
ReactDOM.render(
- <ChannelView/>,
+ <Root map={props} />,
document.getElementById('channel_view')
);
-
- //
- // Modals
- //
- ReactDOM.render(
- <GetTeamInviteLinkModal />,
- document.getElementById('get_team_invite_link_modal')
- );
-
- ReactDOM.render(
- <InviteMemberModal />,
- document.getElementById('invite_member_modal')
- );
-
- ReactDOM.render(
- <ImportThemeModal />,
- document.getElementById('import_theme_modal')
- );
-
- ReactDOM.render(
- <TeamSettingsModal />,
- document.getElementById('team_settings_modal')
- );
-
- ReactDOM.render(
- <RenameChannelModal />,
- document.getElementById('rename_channel_modal')
- );
-
- ReactDOM.render(
- <MoreChannelsModal />,
- document.getElementById('more_channels_modal')
- );
-
- ReactDOM.render(
- <EditPostModal />,
- document.getElementById('edit_post_modal')
- );
-
- ReactDOM.render(
- <DeletePostModal />,
- document.getElementById('delete_post_modal')
- );
-
- ReactDOM.render(
- <PostDeletedModal />,
- document.getElementById('post_deleted_modal')
- );
-
- ReactDOM.render(
- <RemovedFromChannelModal />,
- document.getElementById('removed_from_channel_modal')
- );
-
- ReactDOM.render(
- <RegisterAppModal />,
- document.getElementById('register_app_modal')
- );
-
- if (global.window.mm_config.SendEmailNotifications === 'false') {
- ErrorStore.storeLastError({message: 'Preview Mode: Email notifications have not been configured'});
- ErrorStore.emitChange();
- }
-}
-
-global.window.setup_channel_page = setupChannelPage;
+};
diff --git a/web/react/pages/find_team.jsx b/web/react/pages/find_team.jsx
index c4653fd77..ee2cf0de1 100644
--- a/web/react/pages/find_team.jsx
+++ b/web/react/pages/find_team.jsx
@@ -2,12 +2,61 @@
// See License.txt for license information.
import FindTeam from '../components/find_team.jsx';
+import * as Client from '../utils/client.jsx';
-function setupFindTeamPage() {
+var IntlProvider = ReactIntl.IntlProvider;
+
+class Root extends React.Component {
+ constructor() {
+ super();
+ this.state = {
+ translations: null,
+ loaded: false
+ };
+ }
+
+ static propTypes() {
+ return {
+ map: React.PropTypes.object.isRequired
+ };
+ }
+
+ componentWillMount() {
+ Client.getTranslations(
+ this.props.map.Locale,
+ (data) => {
+ this.setState({
+ translations: data,
+ loaded: true
+ });
+ },
+ () => {
+ this.setState({
+ loaded: true
+ });
+ }
+ );
+ }
+
+ render() {
+ if (!this.state.loaded) {
+ return <div></div>;
+ }
+
+ return (
+ <IntlProvider
+ locale={this.props.map.Locale}
+ messages={this.state.translations}
+ >
+ <FindTeam />
+ </IntlProvider>
+ );
+ }
+}
+
+global.window.setup_find_team_page = function setup(props) {
ReactDOM.render(
- <FindTeam />,
+ <Root map={props} />,
document.getElementById('find-team')
);
-}
-
-global.window.setup_find_team_page = setupFindTeamPage;
+}; \ No newline at end of file
diff --git a/web/react/pages/signup_team.jsx b/web/react/pages/signup_team.jsx
index 8f4f86a7c..c80b65580 100644
--- a/web/react/pages/signup_team.jsx
+++ b/web/react/pages/signup_team.jsx
@@ -60,7 +60,7 @@ global.window.setup_signup_team_page = function setup(props) {
for (var prop in props) {
if (props.hasOwnProperty(prop)) {
- if (prop !== 'Title') {
+ if (prop !== 'Title' && prop !== 'Locale' && prop !== 'Info') {
teams.push({name: prop, display_name: props[prop]});
}
}
diff --git a/web/react/pages/signup_team_confirm.jsx b/web/react/pages/signup_team_confirm.jsx
new file mode 100644
index 000000000..9a536c92e
--- /dev/null
+++ b/web/react/pages/signup_team_confirm.jsx
@@ -0,0 +1,64 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import SignupTeamConfirm from '../components/signup_team_confirm.jsx';
+import * as Client from '../utils/client.jsx';
+
+var IntlProvider = ReactIntl.IntlProvider;
+
+class Root extends React.Component {
+ constructor() {
+ super();
+ this.state = {
+ translations: null,
+ loaded: false
+ };
+ }
+
+ static propTypes() {
+ return {
+ map: React.PropTypes.object.isRequired
+ };
+ }
+
+ componentWillMount() {
+ Client.getTranslations(
+ this.props.map.Locale,
+ (data) => {
+ this.setState({
+ translations: data,
+ loaded: true
+ });
+ },
+ () => {
+ this.setState({
+ loaded: true
+ });
+ }
+ );
+ }
+
+ render() {
+ if (!this.state.loaded) {
+ return <div></div>;
+ }
+
+ return (
+ <IntlProvider
+ locale={this.props.map.Locale}
+ messages={this.state.translations}
+ >
+ <SignupTeamConfirm
+ email={this.props.map.Email}
+ />
+ </IntlProvider>
+ );
+ }
+}
+
+global.window.setup_signup_team_confirm_page = function setup(props) {
+ ReactDOM.render(
+ <Root map={props} />,
+ document.getElementById('signup-team-confirm')
+ );
+}; \ No newline at end of file
generated by cgit v1.2.3-1-g7c22 (git 2.25.1) at 2024-09-28 21:00:24 +0000