Revert "PLT-1800 Load server side locale from the config.json" (#3133)

12 files changed, 32 insertions, 327 deletions

diff --git a/webapp/actions/global_actions.jsx b/webapp/actions/global_actions.jsx
index 93ed7517b..2e2b1b247 100644
--- a/webapp/actions/global_actions.jsx
+++ b/webapp/actions/global_actions.jsx
@@ -392,14 +392,9 @@ export function newLocalizationSelected(locale) {
             translations: en
         });
     } else {
-        const localeInfo = I18n.getLanguageInfo(locale) || I18n.getLanguageInfo(global.window.mm_config.DefaultClientLocale);
-
         Client.getTranslations(
-            localeInfo.url,
-            (data, res) => {
-                if (!data && res.text) {
-                    data = JSON.parse(res.text); //eslint-disable-line no-param-reassign
-                }
+            I18n.getLanguageInfo(locale).url,
+            (data) => {
                 AppDispatcher.handleServerAction({
                     type: ActionTypes.RECEIVED_LOCALE,
                     locale,
@@ -413,11 +408,10 @@ export function newLocalizationSelected(locale) {
     }
 }
 
-export function loadDefaultLocale() {
-    const defaultLocale = global.window.mm_config.DefaultClientLocale;
-    let locale = global.window.mm_user ? global.window.mm_user.locale || defaultLocale : defaultLocale;
-
-    if (!I18n.getLanguageInfo(locale)) {
+export function loadBrowserLocale() {
+    let locale = (navigator.languages && navigator.languages.length > 0 ? navigator.languages[0] :
+        (navigator.language || navigator.userLanguage)).split('-')[0];
+    if (!I18n.getLanguages()[locale]) {
         locale = 'en';
     }
     return newLocalizationSelected(locale);
diff --git a/webapp/components/admin_console/admin_sidebar.jsx b/webapp/components/admin_console/admin_sidebar.jsx
index 9548a7763..cdb7e29d5 100644
--- a/webapp/components/admin_console/admin_sidebar.jsx
+++ b/webapp/components/admin_console/admin_sidebar.jsx
@@ -293,15 +293,6 @@ export default class AdminSidebar extends React.Component {
                                     }
                                 />
                                 <AdminSidebarSection
-                                    name='localization'
-                                    title={
-                                        <FormattedMessage
-                                            id='admin.sidebar.localization'
-                                            defaultMessage='Localization'
-                                        />
-                                    }
-                                />
-                                <AdminSidebarSection
                                     name='users_and_teams'
                                     title={
                                         <FormattedMessage
diff --git a/webapp/components/admin_console/localization_settings.jsx b/webapp/components/admin_console/localization_settings.jsx
deleted file mode 100644
index 6876e0c36..000000000
--- a/webapp/components/admin_console/localization_settings.jsx
+++ /dev/null
@@ -1,145 +0,0 @@
-// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import React from 'react';
-
-import * as I18n from 'i18n/i18n.jsx';
-
-import AdminSettings from './admin_settings.jsx';
-import {FormattedMessage} from 'react-intl';
-import SettingsGroup from './settings_group.jsx';
-import DropdownSetting from './dropdown_setting.jsx';
-import MultiSelectSetting from './multiselect_settings.jsx';
-
-export default class LocalizationSettings extends AdminSettings {
-    constructor(props) {
-        super(props);
-
-        this.getConfigFromState = this.getConfigFromState.bind(this);
-
-        this.renderSettings = this.renderSettings.bind(this);
-        this.canSave = this.canSave.bind(this);
-
-        const locales = I18n.getAllLanguages();
-
-        this.state = Object.assign(this.state, {
-            hasErrors: false,
-            defaultServerLocale: props.config.LocalizationSettings.DefaultServerLocale,
-            defaultClientLocale: props.config.LocalizationSettings.DefaultClientLocale,
-            availableLocales: props.config.LocalizationSettings.AvailableLocales.split(','),
-            languages: Object.keys(locales).map((l) => {
-                return {value: locales[l].value, text: locales[l].name};
-            })
-        });
-    }
-
-    canSave() {
-        return this.state.availableLocales.join(',').indexOf(this.state.defaultClientLocale) !== -1;
-    }
-
-    getConfigFromState(config) {
-        config.LocalizationSettings.DefaultServerLocale = this.state.defaultServerLocale;
-        config.LocalizationSettings.DefaultClientLocale = this.state.defaultClientLocale;
-        config.LocalizationSettings.AvailableLocales = this.state.availableLocales.join(',');
-
-        return config;
-    }
-
-    renderTitle() {
-        return (
-            <h3>
-                <FormattedMessage
-                    id='admin.general.title'
-                    defaultMessage='General Settings'
-                />
-            </h3>
-        );
-    }
-
-    renderSettings() {
-        return (
-            <SettingsGroup
-                header={
-                    <FormattedMessage
-                        id='admin.general.localization'
-                        defaultMessage='Localization'
-                    />
-                }
-            >
-                <DropdownSetting
-                    id='defaultServerLocale'
-                    values={this.state.languages}
-                    label={
-                        <FormattedMessage
-                            id='admin.general.localization.serverLocaleTitle'
-                            defaultMessage='Default Server Language:'
-                        />
-                    }
-                    value={this.state.defaultServerLocale}
-                    onChange={this.handleChange}
-                    helpText={
-                        <FormattedMessage
-                            id='admin.general.localization.serverLocaleDescription'
-                            defaultMessage='This setting sets the default language for the system messages and logs. (NEED SERVER RESTART)'
-                        />
-                    }
-                />
-                <DropdownSetting
-                    id='defaultClientLocale'
-                    values={this.state.languages}
-                    label={
-                        <FormattedMessage
-                            id='admin.general.localization.clientLocaleTitle'
-                            defaultMessage='Default Client Language:'
-                        />
-                    }
-                    value={this.state.defaultClientLocale}
-                    onChange={this.handleChange}
-                    helpText={
-                        <FormattedMessage
-                            id='admin.general.localization.clientLocaleDescription'
-                            defaultMessage="This setting sets the Default language for newly created users and for pages where the user hasn't loggged in."
-                        />
-                    }
-                />
-                <MultiSelectSetting
-                    id='availableLocales'
-                    values={this.state.languages}
-                    label={
-                        <FormattedMessage
-                            id='admin.general.localization.availableLocalesTitle'
-                            defaultMessage='Available Languages:'
-                        />
-                    }
-                    selected={this.state.availableLocales}
-                    mustBePresent={this.state.defaultClientLocale}
-                    onChange={this.handleChange}
-                    helpText={
-                        <FormattedMessage
-                            id='admin.general.localization.availableLocalesDescription'
-                            defaultMessage='This setting determines the available languages that a user can set using the Account Settings.'
-                        />
-                    }
-                    noResultText={
-                        <FormattedMessage
-                            id='admin.general.localization.availableLocalesNoResults'
-                            defaultMessage='No results found'
-                        />
-                    }
-                    errorText={
-                        <FormattedMessage
-                            id='admin.general.localization.availableLocalesError'
-                            defaultMessage='There has to be at least one language available'
-                        />
-                    }
-                    notPresent={
-                        <FormattedMessage
-                            id='admin.general.localization.availableLocalesNotPresent'
-                            defaultMessage='The default client language must be included in the available list'
-                        />
-                    }
-                />
-            </SettingsGroup>
-        );
-    }
-}
\ No newline at end of file
diff --git a/webapp/components/admin_console/multiselect_settings.jsx b/webapp/components/admin_console/multiselect_settings.jsx
deleted file mode 100644
index deba983de..000000000
--- a/webapp/components/admin_console/multiselect_settings.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-import React from 'react';
-import ReactSelect from 'react-select';
-
-import Setting from './setting.jsx';
-import FormError from 'components/form_error.jsx';
-
-export default class MultiSelectSetting extends React.Component {
-    constructor(props) {
-        super(props);
-
-        this.handleChange = this.handleChange.bind(this);
-        this.state = {error: false};
-    }
-
-    handleChange(newValue) {
-        const values = newValue.map((n) => {
-            return n.value;
-        });
-
-        if (!newValue || newValue.length === 0) {
-            this.setState({error: this.props.errorText});
-        } else if (this.props.mustBePresent && values.join(',').indexOf(this.props.mustBePresent) === -1) {
-            this.setState({error: this.props.notPresent});
-        } else {
-            this.props.onChange(this.props.id, values);
-            this.setState({error: false});
-        }
-    }
-
-    componentWillReceiveProps(newProps) {
-        if (newProps.mustBePresent && newProps.selected.join(',').indexOf(newProps.mustBePresent) === -1) {
-            this.setState({error: this.props.notPresent});
-        } else {
-            this.setState({error: false});
-        }
-    }
-
-    render() {
-        return (
-            <Setting
-                label={this.props.label}
-                inputId={this.props.id}
-                helpText={this.props.helpText}
-            >
-                <ReactSelect
-                    id={this.props.id}
-                    multi={true}
-                    labelKey='text'
-                    options={this.props.values}
-                    joinValues={true}
-                    disabled={this.props.disabled}
-                    noResultsText={this.props.noResultText}
-                    onChange={this.handleChange}
-                    value={this.props.selected}
-                />
-                <FormError error={this.state.error}/>
-            </Setting>
-        );
-    }
-}
-
-MultiSelectSetting.defaultProps = {
-    disabled: false
-};
-
-MultiSelectSetting.propTypes = {
-    id: React.PropTypes.string.isRequired,
-    values: React.PropTypes.array.isRequired,
-    label: React.PropTypes.node.isRequired,
-    selected: React.PropTypes.array.isRequired,
-    mustBePresent: React.PropTypes.string,
-    onChange: React.PropTypes.func.isRequired,
-    disabled: React.PropTypes.bool,
-    helpText: React.PropTypes.node,
-    noResultText: React.PropTypes.node,
-    errorText: React.PropTypes.node,
-    notPresent: React.PropTypes.node
-};
\ No newline at end of file
diff --git a/webapp/components/root.jsx b/webapp/components/root.jsx
index c8283cbf1..f4656d45f 100644
--- a/webapp/components/root.jsx
+++ b/webapp/components/root.jsx
@@ -6,7 +6,6 @@
 
 import * as GlobalActions from 'actions/global_actions.jsx';
 import LocalizationStore from 'stores/localization_store.jsx';
-import Client from 'utils/web_client.jsx';
 
 import {IntlProvider} from 'react-intl';
 
@@ -27,25 +26,9 @@ export default class Root extends React.Component {
 
         this.localizationChanged = this.localizationChanged.bind(this);
         this.redirectIfNecessary = this.redirectIfNecessary.bind(this);
-
-        // Ya....
-        /*eslint-disable */
-        if (window.mm_config.SegmentDeveloperKey != null && window.mm_config.SegmentDeveloperKey !== "") {
-            !function(){var analytics=global.window.analytics=global.window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","group","track","ready","alias","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="3.0.1";
-                analytics.load(window.mm_config.SegmentDeveloperKey);
-                analytics.page();
-            }}();
-        }
-        /*eslint-enable */
-
-        // Fastclick
-        FastClick.attach(document.body);
     }
     localizationChanged() {
-        const locale = LocalizationStore.getLocale();
-
-        Client.setAcceptLanguage(locale);
-        this.setState({locale, translations: LocalizationStore.getTranslations()});
+        this.setState({locale: LocalizationStore.getLocale(), translations: LocalizationStore.getTranslations()});
     }
 
     redirectIfNecessary(props) {
@@ -63,15 +46,27 @@ export default class Root extends React.Component {
         this.redirectIfNecessary(newProps);
     }
     componentWillMount() {
-        // Redirect if Necessary
-        this.redirectIfNecessary(this.props);
-    }
-    componentDidMount() {
         // Setup localization listener
         LocalizationStore.addChangeListener(this.localizationChanged);
 
+        // Ya....
+        /*eslint-disable */
+        if (window.mm_config.SegmentDeveloperKey != null && window.mm_config.SegmentDeveloperKey !== "") {
+            !function(){var analytics=global.window.analytics=global.window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","group","track","ready","alias","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="3.0.1";
+            analytics.load(window.mm_config.SegmentDeveloperKey);
+            analytics.page();
+            }}();
+        } 
+        /*eslint-enable */
+
+        // Fastclick
+        FastClick.attach(document.body);
+
         // Get our localizaiton
         GlobalActions.loadBrowserLocale();
+
+        // Redirect if Necessary
+        this.redirectIfNecessary(this.props);
     }
     componentWillUnmount() {
         LocalizationStore.removeChangeListener(this.localizationChanged);
diff --git a/webapp/components/user_settings/user_settings_display.jsx b/webapp/components/user_settings/user_settings_display.jsx
index 98d4ed7da..16175d4de 100644
--- a/webapp/components/user_settings/user_settings_display.jsx
+++ b/webapp/components/user_settings/user_settings_display.jsx
@@ -641,11 +641,7 @@ export default class UserSettingsDisplay extends React.Component {
             );
         }
 
-        const userLocale = this.props.user.locale;
         if (this.props.activeSection === 'languages') {
-            if (!I18n.isLanguageAvailable(userLocale)) {
-                this.props.user.locale = global.window.mm_config.DefaultClientLocale;
-            }
             languagesSection = (
                 <ManageLanguages
                     user={this.props.user}
@@ -656,12 +652,7 @@ export default class UserSettingsDisplay extends React.Component {
                 />
             );
         } else {
-            let locale;
-            if (I18n.isLanguageAvailable(userLocale)) {
-                locale = I18n.getLanguageInfo(userLocale).name;
-            } else {
-                locale = I18n.getLanguageInfo(global.window.mm_config.DefaultClientLocale).name;
-            }
+            var locale = I18n.getLanguageInfo(this.props.user.locale).name;
 
             languagesSection = (
                 <SettingItemMin
diff --git a/webapp/i18n/i18n.jsx b/webapp/i18n/i18n.jsx
index 783cef975..2214fd386 100644
--- a/webapp/i18n/i18n.jsx
+++ b/webapp/i18n/i18n.jsx
@@ -4,7 +4,7 @@
 const es = require('!!file?name=i18n/[name].[ext]!./es.json');
 const fr = require('!!file?name=i18n/[name].[ext]!./fr.json');
 const ja = require('!!file?name=i18n/[name].[ext]!./ja.json');
-const pt_BR = require('!!file?name=i18n/[name].[ext]!./pt-BR.json'); //eslint-disable-line camelcase
+const pt = require('!!file?name=i18n/[name].[ext]!./pt.json');
 
 import {addLocaleData} from 'react-intl';
 import enLocaleData from 'react-intl/locale-data/en';
@@ -34,47 +34,19 @@ const languages = {
         name: '日本語 (Beta)',
         url: ja
     },
-    'pt-BR': {
-        value: 'pt-BR',
+    pt: {
+        value: 'pt',
         name: 'Portugues (Beta)',
-        url: pt_BR
+        url: pt
     }
 };
 
-let availableLanguages = null;
-
-function setAvailableLanguages() {
-    const available = global.window.mm_config.AvailableLocales.split(',');
-
-    availableLanguages = {};
-
-    available.forEach((l) => {
-        if (languages[l]) {
-            availableLanguages[l] = languages[l];
-        }
-    });
-}
-
-export function getAllLanguages() {
-    return languages;
-}
-
 export function getLanguages() {
-    if (!availableLanguages) {
-        setAvailableLanguages();
-    }
-    return availableLanguages;
+    return languages;
 }
 
 export function getLanguageInfo(locale) {
-    if (!availableLanguages) {
-        setAvailableLanguages();
-    }
-    return availableLanguages[locale];
-}
-
-export function isLanguageAvailable(locale) {
-    return !!availableLanguages[locale];
+    return languages[locale];
 }
 
 export function safariFix(callback) {
diff --git a/webapp/i18n/pt-BR.json b/webapp/i18n/pt.json
index 0ce84c39b..0ce84c39b 100644
--- a/webapp/i18n/pt-BR.json
+++ b/webapp/i18n/pt.json
diff --git a/webapp/package.json b/webapp/package.json
index fc7c07a19..deecbc1a8 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -27,9 +27,8 @@
     "react-bootstrap": "0.29.3",
     "react-custom-scrollbars": "4.0.0-beta.1",
     "react-dom": "15.0.2",
-    "react-intl": "2.1.2",
+    "react-intl": "2.0.0-rc-1",
     "react-router": "2.4.0",
-    "react-select": "1.0.0-beta13",
     "react-textarea-autosize": "4.0.1",
     "superagent": "1.8.3",
     "twemoji": "2.0.5",
diff --git a/webapp/root.jsx b/webapp/root.jsx
index 40cf351de..dc2df64ac 100644
--- a/webapp/root.jsx
+++ b/webapp/root.jsx
@@ -53,7 +53,6 @@ const ActionTypes = Constants.ActionTypes;
 import AdminConsole from 'components/admin_console/admin_console.jsx';
 import SystemAnalytics from 'components/analytics/system_analytics.jsx';
 import ConfigurationSettings from 'components/admin_console/configuration_settings.jsx';
-import LocalizationSettings from 'components/admin_console/localization_settings.jsx';
 import UsersAndTeamsSettings from 'components/admin_console/users_and_teams_settings.jsx';
 import PrivacySettings from 'components/admin_console/privacy_settings.jsx';
 import LogSettings from 'components/admin_console/log_settings.jsx';
@@ -143,8 +142,8 @@ function preRenderSetup(callwhendone) {
     );
 
     function afterIntl() {
+        I18n.doAddLocaleData();
         $.when(d1).done(() => {
-            I18n.doAddLocaleData();
             callwhendone();
         });
     }
@@ -364,10 +363,6 @@ function renderRootComponent() {
                                 component={ConfigurationSettings}
                             />
                             <Route
-                                path='localization'
-                                component={LocalizationSettings}
-                            />
-                            <Route
                                 path='users_and_teams'
                                 component={UsersAndTeamsSettings}
                             />
diff --git a/webapp/sass/styles.scss b/webapp/sass/styles.scss
index c42722652..67e62d023 100644
--- a/webapp/sass/styles.scss
+++ b/webapp/sass/styles.scss
@@ -9,7 +9,6 @@
 @import '~perfect-scrollbar/dist/css/perfect-scrollbar.css';
 @import '~font-awesome/css/font-awesome.css';
 @import '~bootstrap-colorpicker/dist/css/bootstrap-colorpicker.css';
-@import '~react-select/dist/react-select.css';
 
 // styles.scss
 @import 'utils/module';
diff --git a/webapp/stores/user_store.jsx b/webapp/stores/user_store.jsx
index f57ecf1cd..855222d47 100644
--- a/webapp/stores/user_store.jsx
+++ b/webapp/stores/user_store.jsx
@@ -4,9 +4,6 @@
 import AppDispatcher from '../dispatcher/app_dispatcher.jsx';
 import EventEmitter from 'events';
 
-import * as GlobalActions from 'actions/global_actions.jsx';
-import LocalizationStore from './localization_store.jsx';
-
 import Constants from 'utils/constants.jsx';
 const ActionTypes = Constants.ActionTypes;
 
@@ -103,9 +100,6 @@ class UserStoreClass extends EventEmitter {
         this.saveProfile(user);
         this.currentUserId = user.id;
         global.window.mm_current_user_id = this.currentUserId;
-        if (LocalizationStore.getLocale() !== user.locale) {
-            GlobalActions.newLocalizationSelected(user.locale);
-        }
     }
 
     getCurrentId() {