zhuyijun/nacos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Language switching

Browse Source
This commit is contained in:
王彦民 2018-12-03 17:36:07 +08:00 committed by zhichen
parent 91d0052563
commit 40d333d529
5 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
console/src/main/resources/static/console-fe/src/constants.js
View File

@ -11,7 +11,7 @@
* limitations under the License. * limitations under the License.
*/ */
export const LANGUAGE_KEY = 'site_language'; export const LANGUAGE_KEY = 'docsite_language';
export const LANGUAGE_SWITCH = 'LANGUAGE_SWITCH'; export const LANGUAGE_SWITCH = 'LANGUAGE_SWITCH';
// TODO: 后端暂时没有统一成功失败标记 // TODO: 后端暂时没有统一成功失败标记

2
console/src/main/resources/static/console-fe/src/index.js
View File

@ -50,7 +50,7 @@ import './index.scss';
module.hot && module.hot.accept(); module.hot && module.hot.accept();
if (!CookieHelp.getValue(LANGUAGE_KEY)) { if (!CookieHelp.getValue(LANGUAGE_KEY)) {
CookieHelp.setValue(LANGUAGE_KEY, navigator.language === 'zh-CN' ? 'zh-CN' : 'en-US'); CookieHelp.setValue(LANGUAGE_KEY, navigator.language === 'zh-CN' ? 'zh-cn' : 'en-us');
} }
const reducer = combineReducers({ const reducer = combineReducers({

16
console/src/main/resources/static/console-fe/src/layouts/Header.js
View File

@ -15,7 +15,8 @@ import React from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { ConfigProvider } from '@alifd/next'; import { ConfigProvider } from '@alifd/next';
import siteConfig from '../config'; import siteConfig from '../config';
import { changeLanguage } from '../reducers/locale'; import { changeLanguage } from '@/reducers/locale';
import { aliwareIntl } from '@/globalLib';
import './index.scss'; import './index.scss';
@ -28,14 +29,19 @@ class Header extends React.Component {
static displayName = 'Header'; static displayName = 'Header';
switchLang = () => { switchLang = () => {
const { language = 'en-US', changeLanguage } = this.props; const { language = 'en-us', changeLanguage } = this.props;
changeLanguage(language === 'en-US' ? 'zh-CN' : 'en-US'); const currentLanguage = language === 'en-us' ? 'zh-cn' : 'en-us';
changeLanguage(currentLanguage);
aliwareIntl.changeLanguage(currentLanguage);
document.cookie = `docsite_language=${currentLanguage}`;
console.log(currentLanguage);
// window.location.reload();
}; };
render() { render() {
const { locale = {}, language = 'en-US' } = this.props; const { locale = {}, language = 'en-us' } = this.props;
const { home, docs, blog, community, languageSwitchButton } = locale; const { home, docs, blog, community, languageSwitchButton } = locale;
const BASE_URL = `https://nacos.io/${language.toLocaleLowerCase()}/`; const BASE_URL = `https://nacos.io/${language}/`;
const NAV_MENU = [ const NAV_MENU = [
{ {
id: 1, id: 1,

10
console/src/main/resources/static/console-fe/src/layouts/MainLayout.js
View File

@ -361,10 +361,12 @@ class MainLayout extends React.Component {
}); });
} }
componentDidMount() { componentWillReceiveProps() {
const nav = this.props.navList || []; setTimeout(() => {
const navRow = this.nacosGetNav(nav); const nav = this.props.navList || [];
this.setState({ navRow }, () => this.renderNav()); const navRow = this.nacosGetNav(nav);
this.setState({ navRow }, () => this.renderNav());
});
} }
render() { render() {

6
console/src/main/resources/static/console-fe/src/reducers/locale.js
View File

@ -21,14 +21,14 @@ const enUS = Object.assign({}, fusionEnUS, I18N.enUS);
const zhCN = Object.assign({}, fusionZhCN, I18N.zhCN); const zhCN = Object.assign({}, fusionZhCN, I18N.zhCN);
const initialState = { const initialState = {
language: 'en-US', language: 'en-us',
locale: enUS, locale: enUS,
}; };
const changeLanguage = lang => dispatch => { const changeLanguage = lang => dispatch => {
const language = lang === 'zh-CN' ? 'zh-CN' : 'en-US'; const language = lang === 'zh-cn' ? 'zh-cn' : 'en-us';
CookieHelp.setValue(LANGUAGE_KEY, language); CookieHelp.setValue(LANGUAGE_KEY, language);
dispatch({ type: LANGUAGE_SWITCH, language, locale: language === 'zh-CN' ? zhCN : enUS }); dispatch({ type: LANGUAGE_SWITCH, language, locale: language === 'zh-cn' ? zhCN : enUS });
}; };
export default (state = initialState, action) => { export default (state = initialState, action) => {