+
+ )
+ }
+})
diff --git a/paimon-web-ui-new/src/layouts/content/index.module.scss b/paimon-web-ui-new/src/layouts/content/index.module.scss
new file mode 100644
index 000000000..c812bffd5
--- /dev/null
+++ b/paimon-web-ui-new/src/layouts/content/index.module.scss
@@ -0,0 +1,21 @@
+/* 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. */
+
+.container {
+ width: 100%;
+ height: 100%;
+}
diff --git a/paimon-web-ui-new/src/layouts/content/index.tsx b/paimon-web-ui-new/src/layouts/content/index.tsx
new file mode 100644
index 000000000..65ecd61fd
--- /dev/null
+++ b/paimon-web-ui-new/src/layouts/content/index.tsx
@@ -0,0 +1,39 @@
+/* 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 NavBar from './components/topbar'
+import styles from './index.module.scss'
+
+export default defineComponent({
+ name: 'ContentPage',
+ setup() {
+ },
+ render() {
+ return (
+
+
+
+
+
+
+
+ 
+
+ Apache Paimon
+
+
+
+
+
+
+
+
+ )
+ }
+})
diff --git a/paimon-web-ui-new/src/locales/en/index.ts b/paimon-web-ui-new/src/locales/en/index.ts
index 12cbef875..08e479fc0 100644
--- a/paimon-web-ui-new/src/locales/en/index.ts
+++ b/paimon-web-ui-new/src/locales/en/index.ts
@@ -15,8 +15,10 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License. */
+import layout from './modules/layout'
import login from './modules/login'
export default {
- login
+ login,
+ layout
}
\ No newline at end of file
diff --git a/paimon-web-ui-new/src/locales/en/modules/layout.ts b/paimon-web-ui-new/src/locales/en/modules/layout.ts
new file mode 100644
index 000000000..31d6e66bd
--- /dev/null
+++ b/paimon-web-ui-new/src/locales/en/modules/layout.ts
@@ -0,0 +1,25 @@
+/* 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. */
+
+export default {
+ playground: 'Playground',
+ metadata: 'MetaData',
+ cdc_ingestion: 'CDC Ingestion',
+ system: 'System',
+ light: 'Light',
+ dark: 'Dark'
+}
diff --git a/paimon-web-ui-new/src/locales/zh/index.ts b/paimon-web-ui-new/src/locales/zh/index.ts
index 12cbef875..08e479fc0 100644
--- a/paimon-web-ui-new/src/locales/zh/index.ts
+++ b/paimon-web-ui-new/src/locales/zh/index.ts
@@ -15,8 +15,10 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License. */
+import layout from './modules/layout'
import login from './modules/login'
export default {
- login
+ login,
+ layout
}
\ No newline at end of file
diff --git a/paimon-web-ui-new/src/locales/zh/modules/layout.ts b/paimon-web-ui-new/src/locales/zh/modules/layout.ts
new file mode 100644
index 000000000..313b4d3cb
--- /dev/null
+++ b/paimon-web-ui-new/src/locales/zh/modules/layout.ts
@@ -0,0 +1,25 @@
+/* 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. */
+
+export default {
+ playground: '查询控制台',
+ metadata: '元数据管理',
+ cdc_ingestion: 'CDC 集成',
+ system: '系统管理',
+ light: '浅色',
+ dark: '暗色'
+}
diff --git a/paimon-web-ui-new/src/locales/zh/modules/login.ts b/paimon-web-ui-new/src/locales/zh/modules/login.ts
index 38b5f3e1b..48f04afe2 100644
--- a/paimon-web-ui-new/src/locales/zh/modules/login.ts
+++ b/paimon-web-ui-new/src/locales/zh/modules/login.ts
@@ -23,4 +23,4 @@ export default {
password_tips: '请输入密码',
light: '浅色',
dark: '暗色'
-}
\ No newline at end of file
+}
diff --git a/paimon-web-ui-new/src/main.ts b/paimon-web-ui-new/src/main.ts
index 3fb07b3af..82a46d970 100644
--- a/paimon-web-ui-new/src/main.ts
+++ b/paimon-web-ui-new/src/main.ts
@@ -23,6 +23,7 @@ import router from './router'
import naive from 'naive-ui'
import i18n from './locales'
import { Setting } from './config'
+import '@/assets/styles/main.scss'
const app = createApp(App)
const pinia = createPinia()
diff --git a/paimon-web-ui-new/src/router/index.ts b/paimon-web-ui-new/src/router/index.ts
index 0ab49869b..c55aaae0e 100644
--- a/paimon-web-ui-new/src/router/index.ts
+++ b/paimon-web-ui-new/src/router/index.ts
@@ -26,7 +26,7 @@ const router = createRouter({
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
- component: () => import('../views/HomePage')
+ component: () => import('../layouts/content')
},
{
path: '/login',
diff --git a/paimon-web-ui-new/src/views/HomePage.tsx b/paimon-web-ui-new/src/views/homepage/index.tsx
similarity index 70%
rename from paimon-web-ui-new/src/views/HomePage.tsx
rename to paimon-web-ui-new/src/views/homepage/index.tsx
index 799eadf82..11292ebec 100644
--- a/paimon-web-ui-new/src/views/HomePage.tsx
+++ b/paimon-web-ui-new/src/views/homepage/index.tsx
@@ -26,12 +26,8 @@ export default defineComponent({
},
render() {
return (
-
-
- 
-
-
- Welcome to Paimon
-
+
+
Request Test
diff --git a/paimon-web-ui-new/src/views/login/index.tsx b/paimon-web-ui-new/src/views/login/index.tsx
index ce096089d..82ceff188 100644
--- a/paimon-web-ui-new/src/views/login/index.tsx
+++ b/paimon-web-ui-new/src/views/login/index.tsx
@@ -114,4 +114,4 @@ export default defineComponent({
}
-})
\ No newline at end of file
+})
diff --git a/paimon-web-ui-new/src/views/login/use-form.ts b/paimon-web-ui-new/src/views/login/use-form.ts
index 550fd2164..f5f729887 100644
--- a/paimon-web-ui-new/src/views/login/use-form.ts
+++ b/paimon-web-ui-new/src/views/login/use-form.ts
@@ -17,8 +17,10 @@ under the License. */
import { onLogin } from '@/api'
import type { FormValidationError } from 'naive-ui'
+import type { Router } from 'vue-router'
export function useForm() {
+ const router: Router = useRouter()
const [userInfo, onSubmit] = onLogin()
const state = reactive({
@@ -41,6 +43,7 @@ export function useForm() {
}
})
console.log(userInfo)
+ router.push({ path: '/' })
}
})
}
@@ -49,4 +52,4 @@ export function useForm() {
state,
handleLogin
}
-}
\ No newline at end of file
+}