Merge pull request #5 from actiontech/feature/sqle-issue-2704

Feature/sqle issue 2704

Author: LordofAvernus

webapp/packages/core-localization/src/locales/en.ts

@@ -13,6 +13,7 @@ export default [
   ['ui_processing_canceling', 'Cancelling...'],
   ['ui_processing_reload', 'Reload'],
   ['ui_processing_retry', 'Retry'],
+  ['ui_create_workflow', 'Create Workflow'],
   ['ui_processing_ok', 'Ok'],
   ['ui_processing_create', 'Create'],
   ['ui_processing_save', 'Save'],

webapp/packages/core-localization/src/locales/zh.ts

@@ -12,6 +12,7 @@ export default [
   ['ui_processing_cancel', '取消'],
   ['ui_processing_canceling', '取消中...'],
   ['ui_processing_retry', '重试'],
+  ['ui_create_workflow', '发起变更工单'],
   ['ui_processing_ok', '好'],
   ['ui_processing_create', '创建'],
   ['ui_processing_save', '保存'],

webapp/packages/plugin-data-viewer/src/TableViewer/TableError.tsx

@@ -5,13 +5,18 @@
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
  */
+import { compressToEncodedURIComponent } from 'lz-string';
 import { observable } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import styled, { css, use } from 'reshadow';
 
 import { Button, IconOrImage, useErrorDetails, useObservableRef, useStateDelay, useTranslate } from '@cloudbeaver/core-blocks';
+import { useService } from '@cloudbeaver/core-di';
 import { ServerErrorType, ServerInternalError } from '@cloudbeaver/core-sdk';
 import { errorOf } from '@cloudbeaver/core-utils';
+import { ConnectionSchemaManagerService } from '@cloudbeaver/plugin-datasource-context-switch';
+import { NavigationTabsService } from '@cloudbeaver/plugin-navigation-tabs';
+import { SqlDataSourceService } from '@cloudbeaver/plugin-sql-editor';
 
 import type { IDatabaseDataModel } from '../DatabaseDataModel/IDatabaseDataModel';
 
@@ -93,6 +98,11 @@ interface ErrorInfo {
 
 export const TableError = observer<Props>(function TableError({ model, loading, className }) {
   const translate = useTranslate();
+
+  const connectionSchemaManagerService = useService(ConnectionSchemaManagerService);
+  const sqlDataSourceService = useService(SqlDataSourceService);
+  const navigationTabsService = useService(NavigationTabsService);
+
   const errorInfo = useObservableRef<ErrorInfo>(
     () => ({
       error: null,
@@ -122,6 +132,24 @@ export const TableError = observer<Props>(function TableError({ model, loading,
   const errorHidden = errorInfo.error === null;
   const quote = internalServerError?.errorType === ServerErrorType.QUOTE_EXCEEDED;
 
+  const onCreateWorkflowNavigate = () => {
+    const [projectName, instanceName] = connectionSchemaManagerService.currentConnection?.name.split(':') ?? [];
+    const schema = connectionSchemaManagerService.currentObjectCatalog?.name;
+    const sql = sqlDataSourceService.get(navigationTabsService.getView()?.context.id ?? '')?.script;
+
+    const data = {
+      instanceName,
+      schema,
+      sql,
+    };
+
+    window.open(
+      `/transit?from=cloudbeaver&to=create_workflow&project_name=${projectName}&compression_data=${compressToEncodedURIComponent(
+        JSON.stringify(data),
+      )}`,
+    );
+  };
+
   let icon = '/icons/error_icon.svg';
 
   if (quote) {
@@ -157,6 +185,9 @@ export const TableError = observer<Props>(function TableError({ model, loading,
         <Button type="button" mod={['unelevated']} onClick={onRetry}>
           {translate('ui_processing_retry')}
         </Button>
+        <Button type="button" mod={['unelevated']} onClick={onCreateWorkflowNavigate}>
+          {translate('ui_create_workflow')}
+        </Button>
       </controls>
     </error>,
   );