翻译

src/app/App.jsx

@@ -170,7 +170,7 @@ class App extends Component {
 
                         <Link to="/login">
                             <Button className='login-button' type='primary'
-                                    onClick={() => this.switchMenuLevel('menuLevel1', 'user')}>Login</Button>
+                                    onClick={() => this.switchMenuLevel('menuLevel1', 'user')}><FormattedMessage id="Login"/></Button>
                         </Link>
 
                         <div className="change-locale">
@@ -238,7 +238,8 @@ class App extends Component {
                                             }}
                                         >
                                             <SubMenu key="trial-case" title={<span><Icon type="appstore"
-                                                                                         theme="twoTone"/><span>Case Show</span></span>}>
+                                                                                         theme="twoTone"/><span><FormattedMessage
+                                                id="Case Show"/></span></span>}>
                                                 <Menu.Item key="quant-service">
                                                     <Link to="/quant-service/trial-case/quant case">quant case</Link>
                                                 </Menu.Item>
@@ -248,7 +249,7 @@ class App extends Component {
                                                 <a href="https://ioobot-document.netlify.com/" title="instructions"
                                                    target="instructions">
                                                     <Icon type="file-text" theme="twoTone"/>
-                                                    <span>Instructions</span>
+                                                    <span><FormattedMessage id="Instructions"/></span>
                                                 </a>
                                             </Menu.Item>
                                         </Menu>
@@ -372,7 +373,8 @@ class GraphqlSidebar extends Component {
                                     position: 'fixed'
                                 }}
                             >
-                                <SubMenu key="trial-case" title={<span><Icon type="appstore" theme="twoTone"/><span>Case Show</span></span>}>
+                                <SubMenu key="trial-case" title={<span><Icon type="appstore" theme="twoTone"/><span><FormattedMessage
+                                    id="Case Show"/></span></span>}>
                                     {
                                         data.caseSchema.map((schema) =>
                                             <Menu.Item key={schema.schemaName}>
@@ -389,7 +391,8 @@ class GraphqlSidebar extends Component {
 
                                 <Menu.Item key="create-graphql" onClick={this.props.showModal}>
                                     <Icon type="edit" theme="twoTone"/>
-                                    <span>Create</span>
+                                    <span><FormattedMessage
+                                        id="Create"/></span>
                                     <Icon type="plus" style={{
                                         position: 'absolute',
                                         top: '35%',
@@ -398,7 +401,8 @@ class GraphqlSidebar extends Component {
                                     }}/>
                                 </Menu.Item>
 
-                                <SubMenu key="my-create" title={<span><Icon type="user" theme="outlined"/><span>My Create</span></span>}>
+                                <SubMenu key="my-create" title={<span><Icon type="user" theme="outlined"/><span><FormattedMessage
+                                    id="My Create"/></span></span>}>
                                     {
                                         data.userSchema.map((schema) =>
                                             <Menu.Item key={schema.schemaName}>
@@ -417,7 +421,7 @@ class GraphqlSidebar extends Component {
                                     <a href="https://ioobot-document.netlify.com/" title="instructions" target="_blank"
                                        rel="noopener noreferrer">
                                         <Icon type="file-text" theme="twoTone"/>
-                                        <span>Instructions</span>
+                                        <span><FormattedMessage id="Instructions"/></span>
                                     </a>
                                 </Menu.Item>
 
@@ -465,7 +469,8 @@ class WxConfigSiderbar extends Component {
                                     position: 'fixed'
                                 }}
                             >
-                                <SubMenu key="trial-case" title={<span><Icon type="appstore" theme="twoTone"/><span>Case Show</span></span>}>
+                                <SubMenu key="trial-case" title={<span><Icon type="appstore" theme="twoTone"/><span><FormattedMessage
+                                    id="Case Show"/></span></span>}>
                                     {
                                         data.caseWxConfig.map((config) =>
                                             <Menu.Item key={config.appName}>
@@ -482,7 +487,8 @@ class WxConfigSiderbar extends Component {
 
                                 <Menu.Item key="create-config" onClick={this.props.wxShowModal}>
                                     <Icon type="edit" theme="twoTone"/>
-                                    <span>Create</span>
+                                    <span><FormattedMessage
+                                        id="Create"/></span>
                                     <Icon type="plus" style={{
                                         position: 'absolute',
                                         top: '35%',
@@ -491,7 +497,8 @@ class WxConfigSiderbar extends Component {
                                     }}/>
                                 </Menu.Item>
 
-                                <SubMenu key="my-create" title={<span><Icon type="user" theme="outlined"/><span>My Create</span></span>}>
+                                <SubMenu key="my-create" title={<span><Icon type="user" theme="outlined"/><span><FormattedMessage
+                                    id="My Create"/>My Create</span></span>}>
                                     {
                                         data.userWxConfig.map((config) =>
                                             <Menu.Item key={config.appName}>
@@ -510,7 +517,7 @@ class WxConfigSiderbar extends Component {
                                     <a href="https://ioobot-document.netlify.com/" title="instructions" target="_blank"
                                        rel="noopener noreferrer">
                                         <Icon type="file-text" theme="twoTone"/>
-                                        <span>Instructions</span>
+                                        <span><FormattedMessage id="Instructions"/></span>
                                     </a>
                                 </Menu.Item>
 

src/app/graphqlService/TrialCase.jsx

@@ -9,7 +9,7 @@ import CaseMetabase from "./component/caseMetabase/CaseMetabase";
 import Application from "./component/application/Application";
 import axios from 'axios';
 import {getIdUrl} from "../../config";
-
+import {FormattedMessage} from 'react-intl';
 axios.defaults.withCredentials = true;
 
 const {Content} = Layout;
@@ -57,12 +57,12 @@ class TrialCase extends Component {
                     onClick={(e) => this.switchMenu('menuLevel2', e)}
                     selectedKeys={[this.state.menuLevel2]}
                 >
-                    <Menu.Item key="schema">schema</Menu.Item>
-                    <Menu.Item key="deploy">deploy</Menu.Item>
-                    <Menu.Item key="graphiql">graphql IDE</Menu.Item>
-                    <Menu.Item key="templeate">templeate</Menu.Item>
-                    <Menu.Item key="preview">preview</Menu.Item>
-                    <Menu.Item key="metabase">metabase</Menu.Item>
+                    <Menu.Item key="schema"><FormattedMessage id="schema"/></Menu.Item>
+                    <Menu.Item key="deploy"><FormattedMessage id="deploy"/></Menu.Item>
+                    <Menu.Item key="graphiql"><FormattedMessage id="graphql IDE"/></Menu.Item>
+                    <Menu.Item key="templeate"><FormattedMessage id="template"/></Menu.Item>
+                    <Menu.Item key="preview"><FormattedMessage id="preview"/></Menu.Item>
+                    <Menu.Item key="metabase"><FormattedMessage id="metabase"/></Menu.Item>
                 </Menu>
 
 

src/app/graphqlService/UserCreate.jsx

@@ -8,7 +8,7 @@ import Graphql from "./component/graphql/Graphql";
 import CaseMetabase from "./component/caseMetabase/CaseMetabase";
 import axios from 'axios';
 import {getIdUrl} from "../../config";
-
+import {FormattedMessage} from 'react-intl';
 axios.defaults.withCredentials = true;
 
 const {Content} = Layout;
@@ -56,11 +56,11 @@ class UserCreate extends Component {
                     onClick={(e) => this.switchMenu('menuLevel2', e)}
                     selectedKeys={[this.state.menuLevel2]}
                 >
-                    <Menu.Item key="schema">schema</Menu.Item>
-                    <Menu.Item key="deploy">deploy</Menu.Item>
-                    <Menu.Item key="graphiql">graphql IDE</Menu.Item>
-                    <Menu.Item key="template">template</Menu.Item>
-                    <Menu.Item key="metabase">metabase</Menu.Item>
+                    <Menu.Item key="schema"><FormattedMessage id="schema"/></Menu.Item>
+                    <Menu.Item key="deploy"><FormattedMessage id="deploy"/></Menu.Item>
+                    <Menu.Item key="graphiql"><FormattedMessage id="graphql IDE"/></Menu.Item>
+                    <Menu.Item key="template"><FormattedMessage id="template"/></Menu.Item>
+                    <Menu.Item key="metabase"><FormattedMessage id="metabase"/></Menu.Item>
                 </Menu>
 
 

src/app/graphqlService/component/schema/Schema.jsx

@@ -19,6 +19,7 @@ import {getCookie} from "../../../../cookie";
 import {idGen} from "../../../../func";
 import {graphqlUrl} from "../../../../config";
 import {manageUsers} from "../../../../config";
+import {FormattedMessage} from 'react-intl';
 
 const confirm = Modal.confirm;
 const Search = Input.Search;
@@ -228,9 +229,9 @@ class Schema extends Component {
                                             <div className={'schema-table-list-title'}>
                                                 <Row>
                                                     <Col span={10}><span
-                                                        className={'schema-table-title'}>Name</span></Col>
+                                                        className={'schema-table-title'}><FormattedMessage id="Name"/></span></Col>
                                                     <Col span={10}><span
-                                                        className={'schema-table-title'}>Remark</span></Col>
+                                                        className={'schema-table-title'}><FormattedMessage id="Remark"/></span></Col>
                                                     <Col span={2} offset={2}>
                                                         {
                                                             userID.indexOf(manageUsers) > -1 ?
@@ -276,8 +277,7 @@ class Schema extends Component {
                                                                             className={'schema-table-content name'}>{table.name}</span>
                                                                     </Col>
                                                                     <Col span={10}>
-                                                                        <span
-                                                                            className={'schema-table-content'}>{table.remark}</span>
+                                                                        <span className={'schema-table-content'}>{table.remark}</span>
                                                                     </Col>
                                                                     <Col span={2} offset={2}>
 
@@ -541,7 +541,7 @@ class CopySchemaButton extends Component {
                                     });
                                 }}
 
-                            >copy</Button>
+                            ><FormattedMessage id="copy"/></Button>
                         )
                     }}
                 </Mutation>
@@ -603,7 +603,7 @@ class DeleteSchemaButton extends Component {
                                 this.showConfirm(delete_schema, schemaName, userID);
                             }}
                         >
-                            delete
+                            <FormattedMessage id="delete"/>
                         </Button>
                     )
                 }}

src/app/graphqlService/component/schema/Table.js

@@ -3,6 +3,7 @@ import React, {Component} from 'react';
 import {Layout, Select, Input, Icon, Button, notification, Spin, Modal} from 'antd';
 import {UPDATE_SCHEMA, SHOW_SCHEMA, SHOW_TABLE} from "../../../../gql";
 import gql from "graphql-tag";
+import {FormattedMessage} from 'react-intl';
 
 import {Mutation, Query} from "react-apollo";
 import {getCookie} from "../../../../cookie";
@@ -128,7 +129,7 @@ class Table extends Component {
                 <Layout style={{zIndex: '0'}}>
                     <Content style={{padding: '24px', minHeight: 280, background: '#fff'}}>
                         <div className="column-content">
-                            <span className='table-title'> Table name</span>
+                            <span className='table-title'> <FormattedMessage id="Table name"/></span>
                             <Input
                                 value={this.state.currentTable}
                                 placeholder="please input table name"
@@ -139,7 +140,7 @@ class Table extends Component {
                         </div>
 
                         <div style={{marginBottom: 20}}>
-                            <span className='table-title'> Table remark</span>
+                            <span className='table-title'> <FormattedMessage id="Table remark"/></span>
                             <Input
                                 value={this.state.remark}
                                 placeholder="please input table remark"
@@ -150,10 +151,10 @@ class Table extends Component {
                         </div>
 
                         <div>
-                            <span className='table-title'> Table fields</span>
-                            <span className='column-title'>name</span>
-                            <span className='column-title'>type</span>
-                            <span className='column-title'>description</span>
+                            <span className='table-title'> <FormattedMessage id="Table fields"/></span>
+                            <span className='column-title'><FormattedMessage id="name"/></span>
+                            <span className='column-title'><FormattedMessage id="type"/></span>
+                            <span className='column-title'><FormattedMessage id="description"/></span>
                             {
                                 this.state.columns.map((col, index) =>
                                     <div key={index} style={{marginBottom: 3}}>

src/language/en_US.js

@@ -6,5 +6,26 @@ const en_US = {
     "Data Storage":"Data Storage",
     "Data Analysis":"Data Analysis",
     "Monitor Notification":"Monitor Notification",
+    "Case Show":"Case Show",
+    "Create": "Create",
+    "My Create": "My Create",
+    "Instructions": "Instructions",
+    "schema": "schema",
+    "deploy": "deploy",
+    "graphql IDE": "graphql IDE",
+    "template": "template",
+    "preview": "preview",
+    "metabase": "metabase",
+    "Name": "Name",
+    "Remark": "Remark",
+    "copy": "copy",
+    "delete": "delete",
+    "Login": "Login",
+    "Table name": "Table name",
+    "Table remark": "Table remark",
+    "Table fields": "Table fields",
+    "name": "name",
+    "type": "type",
+    "description": "description",
 };
 export default en_US;

src/language/zh_CN.js

@@ -5,6 +5,27 @@ const zh_CN = {
     "Cloud Function":"云函数",
     "Data Storage":"数据存储",
     "Data Analysis":"数据分析",
-    "Monitor Notification":"监控通知"
+    "Monitor Notification":"监控通知",
+    "Case Show": "案例展示",
+    "Create": "创建",
+    "My Create": "我的创建",
+    "Instructions": "文档",
+    "schema": "结构",
+    "deploy": "部署",
+    "graphql IDE": "编辑器",
+    "template": "模板",
+    "preview": "展示",
+    "metabase": "数据分析",
+    "Name": "名称",
+    "Remark": "描述",
+    "copy": "复制",
+    "delete": "删除",
+    "Login": "登录",
+    "Table name": "表名",
+    "Table remark": "表描述",
+    "Table fields": "表内容",
+    "name": "名称",
+    "type": "类型",
+    "description": "描述",
 };
 export default zh_CN;

src/login/Login.js

@@ -3,7 +3,7 @@ import LoginInput from './LoginInput';
 import CloudConfig from "./CloudConfig";
 import AccountConfig from "./AccountConfig";
 import classnames from 'classnames';
-
+import {FormattedMessage} from 'react-intl';
 import {Layout} from 'antd';
 import './index.css';