actiontech · LordofAvernus · Oct 25, 2024 · Oct 23, 2024 · Oct 23, 2024 · Oct 23, 2024
diff --git a/webapp/packages/core-localization/src/locales/en.ts b/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'],

diff --git a/webapp/packages/core-localization/src/locales/zh.ts b/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', '保存'],

diff --git a/webapp/packages/plugin-data-viewer/src/TableViewer/TableError.tsx b/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>,
  );