webapp/packages/plugin-connection-view/src/ConnectionViewForm.tsx - devel - vshmidt/cloudbeaver

webapp/packages/plugin-connection-view/src/ConnectionViewForm.tsx

51 строка2 KB

alex

dbeaver/pro#7897 add connection view plugin (#4031)

27 янв 2026, 20:58

27 янв 2026, 20:58d3b0b96

/*
 * CloudBeaver - Cloud Database Manager
 * Copyright (C) 2020-2026 DBeaver Corp and others
 *
 * Licensed under the Apache License, Version 2.0.
 * you may not use this file except in compliance with the License.
 */

import { observer } from 'mobx-react-lite';

import { Container, FieldCheckbox, Group, GroupTitle, Radio, RadioGroup, useAutoLoad, useTranslate } from '@cloudbeaver/core-blocks';
import { CONNECTION_NAVIGATOR_VIEW_SETTINGS, isNavigatorViewSettingsEqual } from '@cloudbeaver/core-root';
import { getConnectionFormOptionsPart, type ConnectionFormContainerProps } from '@cloudbeaver/plugin-connections';

import { getConnectionViewPart } from './getConnectionViewPart.js';

export const ConnectionViewForm = observer<ConnectionFormContainerProps>(function ConnectionViewForm({ formState }) {
  const translate = useTranslate();
  const optionsFormPart = getConnectionFormOptionsPart(formState);
  const viewFormPart = getConnectionViewPart(formState);

  useAutoLoad(ConnectionViewForm, [optionsFormPart, viewFormPart]);

  const isSimple = isNavigatorViewSettingsEqual(viewFormPart.state, CONNECTION_NAVIGATOR_VIEW_SETTINGS.simple);
  const disabled = formState.isDisabled;

  function changeView() {
    const view = isSimple ? CONNECTION_NAVIGATOR_VIEW_SETTINGS.advanced : CONNECTION_NAVIGATOR_VIEW_SETTINGS.simple;
    viewFormPart.state = { ...viewFormPart.state, ...view };
  }

  return (
    <Group form gap>
      <GroupTitle>{translate('plugin_connection_view_default')}</GroupTitle>
      <Container gap dense>
        <RadioGroup name='conection_view' aria-label={translate('plugin_connection_view_default')} value={isSimple ? 'simple' : 'advanced'} onChange={changeView}>
          <Radio value='simple' disabled={disabled} title={translate('plugin_connection_view_option_simple_description')} small keepSize>
            {translate('plugin_connection_view_option_simple')}
          </Radio>
          <Radio value='advanced' disabled={disabled} title={translate('plugin_connection_view_option_advanced_description')} small keepSize>
            {translate('plugin_connection_view_option_advanced')}
          </Radio>
        </RadioGroup>

        <FieldCheckbox disabled={disabled} name="showSystemObjects" state={viewFormPart.state}>
          {translate('plugin_connection_view_option_show_system_objects')}
        </FieldCheckbox>
      </Container>
    </Group>
  );
});