sql lab page

(cherry picked from commit 902d01d)

kyuubi-server/web-ui/src/api/sql/index.ts → kyuubi-server/web-ui/src/api/lab/index.ts

@@ -17,14 +17,21 @@
 
 import request from '@/utils/request'
 
-export function openSession(host: string, data: any): any {
+export function openSession(data: any): any {
   return request({
-    url: `http://${host}/api/v1/sessions`,
+    url: 'api/v1/sessions',
     method: 'post',
     data
   })
 }
 
+export function closeSession(identifier: string): any {
+  return request({
+    url: `api/v1/sessions/${identifier}`,
+    method: 'delete'
+  })
+}
+
 export function runSql(data: any, identifier: string): any {
   return request({
     url: `api/v1/sessions/${identifier}/operations/statement`,
@@ -48,3 +55,10 @@ export function getSqlMetadata(params: any): any {
     params
   })
 }
+
+export function log(identifier: string): any {
+  return request({
+    url: `api/v1/operations/${identifier}/log`,
+    method: 'get'
+  })
+}

kyuubi-server/web-ui/src/components/monaco-editor/index.vue

@@ -88,7 +88,7 @@
     editor = monaco.editor.create(codeEditBox.value, {
       value: props.modelValue,
       language: props.language,
-      theme: monacoEditorThemeRef.value,
+      theme: props.theme || monacoEditorThemeRef.value,
       ...props.options
     })
 

kyuubi-server/web-ui/src/components/monaco-editor/type.ts

@@ -53,10 +53,10 @@ export const editorProps = {
     default: 'sql'
   },
   theme: {
-    type: String as PropType<Theme>,
-    validator(value: string): boolean {
-      return ['vs', 'vs-dark'].includes(value)
-    },
+    type: String as PropType<any>,
+    // validator(value: string): boolean {
+    //   return ['vs', 'vs-dark'].includes(value)
+    // },
     default: 'vs'
   },
   options: {
@@ -72,7 +72,7 @@ export const editorProps = {
         },
         readOnly: false,
         contextmenu: true,
-        fontSize: 16,
+        fontSize: 14,
         scrollBeyondLastLine: true,
         overviewRulerBorder: false
       }

kyuubi-server/web-ui/src/locales/en_US/index.ts

@@ -37,21 +37,25 @@ export default {
   engine_ui: 'Engine UI',
   failure_reason: 'Failure Reason',
   session_properties: 'Session Properties',
+  no_data: 'No data yet',
+  run_sql_tips: 'Run a sql to get result',
   operation: {
     text: 'Operation',
     delete_confirm: 'Delete Confirm',
     close_confirm: 'Close Confirm',
     cancel_confirm: 'Cancel Confirm',
     close: 'Close',
     cancel: 'Cancel',
-    delete: 'Delete'
+    delete: 'Delete',
+    run: 'Run'
   },
   message: {
     delete_succeeded: 'Delete {name} Succeeded',
     delete_failed: 'Delete {name} Failed',
     close_succeeded: 'Close {name} Succeeded',
     close_failed: 'Close {name} Failed',
     cancel_succeeded: 'Cancel {name} Succeeded',
-    cancel_failed: 'Cancel {name} Failed'
+    cancel_failed: 'Cancel {name} Failed',
+    run_failed: 'Run Sql Failed'
   }
 }

kyuubi-server/web-ui/src/locales/zh_CN/index.ts

@@ -37,21 +37,25 @@ export default {
   engine_ui: 'Engine UI',
   failure_reason: '失败原因',
   session_properties: 'Session 参数',
+  no_data: '无数据',
+  run_sql_tips: '请运行sql获取结果',
   operation: {
     text: '操作',
     delete_confirm: '确认删除',
     close_confirm: '确认关闭',
     cancel_confirm: '确认取消',
     close: '关闭',
     cancel: '取消',
-    delete: '删除'
+    delete: '删除',
+    run: '运行'
   },
   message: {
     delete_succeeded: '删除 {name} 成功',
     delete_failed: '删除 {name} 失败',
     close_succeeded: '关闭 {name} 成功',
     close_failed: '关闭 {name} 失败',
     cancel_succeeded: '取消 {name} 成功',
-    cancel_failed: '取消 {name} 失败'
+    cancel_failed: '取消 {name} 失败',
+    run_failed: '运行失败'
   }
 }