You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@doris.apache.org by GitBox <gi...@apache.org> on 2021/09/26 07:18:53 UTC

[GitHub] [incubator-doris] SophiaBaby opened a new pull request #6751: Submit doris manage fe module

SophiaBaby opened a new pull request #6751:
URL: https://github.com/apache/incubator-doris/pull/6751


   Add a new fe part - doris manage


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org
For additional commands, e-mail: commits-help@doris.apache.org


[GitHub] [incubator-doris] SophiaBaby closed pull request #6751: Submit doris manage fe module

Posted by GitBox <gi...@apache.org>.
SophiaBaby closed pull request #6751:
URL: https://github.com/apache/incubator-doris/pull/6751


   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org
For additional commands, e-mail: commits-help@doris.apache.org


[GitHub] [incubator-doris] hf200012 commented on a change in pull request #6751: Submit doris manage fe module

Posted by GitBox <gi...@apache.org>.
hf200012 commented on a change in pull request #6751:
URL: https://github.com/apache/incubator-doris/pull/6751#discussion_r717333699



##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}
+                                <Route path="/:nsId/content" component={Content}/>
+                                
+                                {/* 集群 */}
+                                <Route path="/:nsId/dash" component={Cluster} />
+                                {/* 节点 */}
+                                <Route path="/:nsId/list" component={NodeList} />
+                                <Route path="/:nsId/fe-configuration" component={FEConfiguration} />
+                                <Route path="/:nsId/be-configuration" component={BEConfiguration} />
+                                <Route path="/:nsId/configuration" component={Configuration} />
+                                <Route path="/:nsId/node-dash" component={NodeDash} />
+                                {/* 查询 */}
+                                <Route path="/:nsId/query" component={Query} />
+                                <Route path="/:nsId/details/:queryId" component={QueryDetails} />
+                                { /*账户设置*/}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}
+                                <Route path="/:nsId/content" component={Content}/>
+                                
+                                {/* 集群 */}
+                                <Route path="/:nsId/dash" component={Cluster} />
+                                {/* 节点 */}
+                                <Route path="/:nsId/list" component={NodeList} />
+                                <Route path="/:nsId/fe-configuration" component={FEConfiguration} />
+                                <Route path="/:nsId/be-configuration" component={BEConfiguration} />
+                                <Route path="/:nsId/configuration" component={Configuration} />
+                                <Route path="/:nsId/node-dash" component={NodeDash} />
+                                {/* 查询 */}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/admin-container.tsx
##########
@@ -0,0 +1,51 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Header } from '@src/components/header/header';
+import { Layout } from 'antd';
+
+const SpaceList = lazy(() => import('./space/list'));
+const SpaceNew = lazy(() => import('./space/index'));
+const SpaceCheck = lazy(() => import('./space/space-check'));
+
+class AdminContainer extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+              <Layout style={{height: '100vh'}}>
+                <Header></Header>
+                <Switch>
+                    {/* 空间 */}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}
+                                <Route path="/:nsId/content" component={Content}/>
+                                
+                                {/* 集群 */}
+                                <Route path="/:nsId/dash" component={Cluster} />
+                                {/* 节点 */}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes.tsx
##########
@@ -0,0 +1,69 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import { Suspense } from "react";
+import {
+  Route,
+  Switch,
+  Redirect,
+  BrowserRouter as Router,
+} from "react-router-dom";
+import { Loading } from "./components/loading";
+import { NotFound } from "./components/not-found";
+import Container from "./routes/container";
+import AdminContainer from "./routes/admin-container";
+import { auth } from "./utils/auth";
+const Login = lazy(() => import('../src/routes/passport/index'));
+
+const user = JSON.parse(window.localStorage.getItem('user') as string);
+// 对状态属性进行监听

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}
+                                <Route path="/:nsId/content" component={Content}/>
+                                
+                                {/* 集群 */}

Review comment:
       Change to English comment




-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org
For additional commands, e-mail: commits-help@doris.apache.org


[GitHub] [incubator-doris] SophiaBaby closed pull request #6751: Submit doris manage fe module

Posted by GitBox <gi...@apache.org>.
SophiaBaby closed pull request #6751:
URL: https://github.com/apache/incubator-doris/pull/6751


   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org
For additional commands, e-mail: commits-help@doris.apache.org


[GitHub] [incubator-doris] hf200012 commented on a change in pull request #6751: Submit doris manage fe module

Posted by GitBox <gi...@apache.org>.
hf200012 commented on a change in pull request #6751:
URL: https://github.com/apache/incubator-doris/pull/6751#discussion_r717333699



##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}
+                                <Route path="/:nsId/content" component={Content}/>
+                                
+                                {/* 集群 */}
+                                <Route path="/:nsId/dash" component={Cluster} />
+                                {/* 节点 */}
+                                <Route path="/:nsId/list" component={NodeList} />
+                                <Route path="/:nsId/fe-configuration" component={FEConfiguration} />
+                                <Route path="/:nsId/be-configuration" component={BEConfiguration} />
+                                <Route path="/:nsId/configuration" component={Configuration} />
+                                <Route path="/:nsId/node-dash" component={NodeDash} />
+                                {/* 查询 */}
+                                <Route path="/:nsId/query" component={Query} />
+                                <Route path="/:nsId/details/:queryId" component={QueryDetails} />
+                                { /*账户设置*/}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}
+                                <Route path="/:nsId/content" component={Content}/>
+                                
+                                {/* 集群 */}
+                                <Route path="/:nsId/dash" component={Cluster} />
+                                {/* 节点 */}
+                                <Route path="/:nsId/list" component={NodeList} />
+                                <Route path="/:nsId/fe-configuration" component={FEConfiguration} />
+                                <Route path="/:nsId/be-configuration" component={BEConfiguration} />
+                                <Route path="/:nsId/configuration" component={Configuration} />
+                                <Route path="/:nsId/node-dash" component={NodeDash} />
+                                {/* 查询 */}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/admin-container.tsx
##########
@@ -0,0 +1,51 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Header } from '@src/components/header/header';
+import { Layout } from 'antd';
+
+const SpaceList = lazy(() => import('./space/list'));
+const SpaceNew = lazy(() => import('./space/index'));
+const SpaceCheck = lazy(() => import('./space/space-check'));
+
+class AdminContainer extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+              <Layout style={{height: '100vh'}}>
+                <Header></Header>
+                <Switch>
+                    {/* 空间 */}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}
+                                <Route path="/:nsId/content" component={Content}/>
+                                
+                                {/* 集群 */}
+                                <Route path="/:nsId/dash" component={Cluster} />
+                                {/* 节点 */}

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes.tsx
##########
@@ -0,0 +1,69 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import { Suspense } from "react";
+import {
+  Route,
+  Switch,
+  Redirect,
+  BrowserRouter as Router,
+} from "react-router-dom";
+import { Loading } from "./components/loading";
+import { NotFound } from "./components/not-found";
+import Container from "./routes/container";
+import AdminContainer from "./routes/admin-container";
+import { auth } from "./utils/auth";
+const Login = lazy(() => import('../src/routes/passport/index'));
+
+const user = JSON.parse(window.localStorage.getItem('user') as string);
+// 对状态属性进行监听

Review comment:
       Change to English comment

##########
File path: manager/doris-manager/src/routes/container.tsx
##########
@@ -0,0 +1,86 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+import React, { lazy } from 'react';
+import styles from './container.less';
+import { Dashboard } from './dashboard/dashboard';
+import { Layout } from 'antd';
+import { Redirect, Route, Router, Switch } from 'react-router-dom';
+import { Sidebar } from '@src/components/sidebar/sidebar';
+import { Header } from '@src/components/header/header';
+const Workspace = lazy(() => import('./workspace/workspace'));
+const Login = lazy(() => import('./passport/index'));
+
+const Content = lazy(() => import('./content/index'));
+
+const Cluster = lazy(() => import('./cluster/index'));
+
+const NodeList = lazy(() => import('./node/list'));
+const FEConfiguration = lazy(() => import('./node/list/fe-configuration/index'));
+const BEConfiguration = lazy(() => import('./node/list/be-configuration/index'));
+
+const Configuration = lazy(() => import('./node/list/configuration'));
+const NodeDash = lazy(() => import('./node/dashboard'));
+
+const Query = lazy(() => import('./query/index'));
+const QueryDetails = lazy(() => import('./query/query-details/index'));
+const UserSetting = lazy(() => import('./user-setting/index'));
+class Container extends React.Component<any, {}> {
+    constructor(props: any) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Router history={this.props.history}>
+                <Layout style={{height: '100vh'}}>
+                    <Layout>
+                        <Sidebar width={200} className="DAE-manager-side" />
+                        <div className={styles['container-content']}>
+                            <Header>
+                                
+                            </Header>
+                            <Switch>
+                                <Route path="/dashboard" component={Dashboard} />
+                                {/* 数据 */}
+                                <Route path="/:nsId/content" component={Content}/>
+                                
+                                {/* 集群 */}

Review comment:
       Change to English comment




-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@doris.apache.org
For additional commands, e-mail: commits-help@doris.apache.org