@electerm/electerm-react 1.100.60 → 1.101.10

package/client/components/bookmark-form/vnc-form-ui.jsx

@@ -1,213 +0,0 @@
-/**
- * web form
- */
-
-import { useEffect } from 'react'
-import {
-  Input,
-  Form,
-  InputNumber,
-  Switch,
-  Tabs
-} from 'antd'
-import { formItemLayout } from '../../common/form-layout'
-import {
-  newBookmarkIdPrefix,
-  terminalVncType
-} from '../../common/constants'
-import useSubmit from './use-submit'
-import copy from 'json-deep-copy'
-import { defaults, isEmpty } from 'lodash-es'
-import Password from '../common/password'
-import { ColorPickerItem } from './color-picker-item.jsx'
-import { getColorFromCategory } from '../../common/get-category-color.js'
-import findBookmarkGroupId from '../../common/find-bookmark-group-id'
-import renderProxy from './proxy'
-import ConnectionHopping from './render-connection-hopping.jsx'
-import ProfileItem from './profile-form-item'
-import BookmarkCategorySelect from './bookmark-category-select.jsx'
-
-const FormItem = Form.Item
-const e = window.translate
-
-export default function VncFormUi (props) {
-  const [
-    form,
-    handleFinish,
-    submitUi
-  ] = useSubmit(props)
-  useEffect(() => {
-    if (props.formData.id.startsWith(newBookmarkIdPrefix)) {
-      form.setFieldsValue({
-        category: props.currentBookmarkGroupId
-      })
-    }
-  }, [props.currentBookmarkGroupId])
-  const {
-    id = ''
-  } = props.formData
-  const {
-    bookmarkGroups = [],
-    currentBookmarkGroupId
-  } = props
-  let initialValues = copy(props.formData)
-  const initBookmarkGroupId = !id.startsWith(newBookmarkIdPrefix)
-    ? findBookmarkGroupId(bookmarkGroups, id)
-    : currentBookmarkGroupId
-  const defaultValues = {
-    type: terminalVncType,
-    port: 5900,
-    category: initBookmarkGroupId,
-    color: getColorFromCategory(bookmarkGroups, currentBookmarkGroupId),
-    viewOnly: false,
-    scaleViewport: true,
-    connectionHoppings: []
-  }
-  initialValues = defaults(initialValues, defaultValues)
-
-  function renderTabs (props) {
-    const items = [
-      {
-        key: 'auth',
-        label: e('auth'),
-        forceRender: true,
-        children: renderCommon()
-      },
-      {
-        key: 'connectionHopping',
-        label: e('connectionHopping'),
-        forceRender: true,
-        children: renderHopping()
-      }
-    ]
-    return (
-      <Tabs
-        items={items}
-      />
-    )
-  }
-
-  function renderHopping () {
-    return (
-      <ConnectionHopping
-        {...props}
-        form={form}
-      />
-    )
-  }
-
-  function renderCommon () {
-    const {
-      bookmarkGroups = []
-    } = props
-    return (
-      <div className='pd1x'>
-        <FormItem
-          {...formItemLayout}
-          label={e('title')}
-          hasFeedback
-        >
-          <FormItem noStyle name='title'>
-            <Input addonBefore={<ColorPickerItem />} />
-          </FormItem>
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('host')}
-          hasFeedback
-          name='host'
-          required
-        >
-          <Input />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('port')}
-          hasFeedback
-          name='port'
-          rules={[{
-            required: true, message: 'port required'
-          }]}
-        >
-          <InputNumber
-            placeholder={e('port')}
-            min={1}
-            max={65535}
-            step={1}
-          />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('viewOnly')}
-          name='viewOnly'
-          valuePropName='checked'
-        >
-          <Switch />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('scaleViewport')}
-          name='scaleViewport'
-          valuePropName='checked'
-        >
-          <Switch />
-        </FormItem>
-        <ProfileItem
-          store={props.store}
-          profileFilter={d => !isEmpty(d.vnc)}
-        />
-        <FormItem
-          {...formItemLayout}
-          label={e('username')}
-          hasFeedback
-          name='username'
-        >
-          <Input />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('password')}
-          hasFeedback
-          name='password'
-        >
-          <Password />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('description')}
-          name='description'
-          hasFeedback
-        >
-          <Input.TextArea autoSize={{ minRows: 1 }} />
-        </FormItem>
-        <BookmarkCategorySelect
-          bookmarkGroups={bookmarkGroups}
-          form={form}
-        />
-        {
-          renderProxy(props)
-        }
-        <FormItem
-          {...formItemLayout}
-          label='type'
-          name='type'
-          className='hide'
-        >
-          <Input />
-        </FormItem>
-      </div>
-    )
-  }
-
-  return (
-    <Form
-      form={form}
-      onFinish={handleFinish}
-      initialValues={initialValues}
-      name='vnc-form'
-    >
-      {renderTabs()}
-      {submitUi}
-    </Form>
-  )
-}

package/client/components/bookmark-form/vnc-form.jsx

@@ -1,16 +0,0 @@
-/**
- * bookmark form
- */
-import BookmarkForm from './ssh-form'
-import VncFormUi from './vnc-form-ui'
-
-export default class VncForm extends BookmarkForm {
-  render () {
-    return (
-      <VncFormUi
-        {...this.props}
-        {...this.getProps()}
-      />
-    )
-  }
-}

package/client/components/bookmark-form/web-form-ui.jsx

@@ -1,143 +0,0 @@
-/**
- * web form
- */
-
-import { useEffect } from 'react'
-import {
-  Input,
-  Form,
-  Switch
-} from 'antd'
-import { formItemLayout } from '../../common/form-layout'
-import {
-  newBookmarkIdPrefix,
-  terminalWebType
-} from '../../common/constants'
-import useSubmit from './use-submit'
-import copy from 'json-deep-copy'
-import { defaults } from 'lodash-es'
-import { ColorPickerItem } from './color-picker-item.jsx'
-import { getColorFromCategory } from '../../common/get-category-color.js'
-import findBookmarkGroupId from '../../common/find-bookmark-group-id'
-import BookmarkCategorySelect from './bookmark-category-select.jsx'
-
-const FormItem = Form.Item
-const e = window.translate
-
-export default function LocalFormUi (props) {
-  const [
-    form,
-    handleFinish,
-    submitUi
-  ] = useSubmit(props)
-  useEffect(() => {
-    if (props.formData.id.startsWith(newBookmarkIdPrefix)) {
-      form.setFieldsValue({
-        category: props.currentBookmarkGroupId
-      })
-    }
-  }, [props.currentBookmarkGroupId])
-  const {
-    id = ''
-  } = props.formData
-  const {
-    bookmarkGroups = [],
-    currentBookmarkGroupId
-  } = props
-  const initBookmarkGroupId = !id.startsWith(newBookmarkIdPrefix)
-    ? findBookmarkGroupId(bookmarkGroups, id)
-    : currentBookmarkGroupId
-  let initialValues = copy(props.formData)
-  const defaultValues = {
-    type: terminalWebType,
-    category: initBookmarkGroupId,
-    color: getColorFromCategory(bookmarkGroups, currentBookmarkGroupId)
-  }
-  initialValues = defaults(initialValues, defaultValues)
-  function renderCommon () {
-    const {
-      bookmarkGroups = []
-    } = props
-    return (
-      <div className='pd1x'>
-        <FormItem
-          {...formItemLayout}
-          label={e('title')}
-          hasFeedback
-        >
-          <FormItem noStyle name='title'>
-            <Input addonBefore={<ColorPickerItem />} />
-          </FormItem>
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('URL')}
-          hasFeedback
-          name='url'
-          required
-          rules={[
-            {
-              required: true,
-              message: e('Please input URL')
-            },
-            {
-              validator: (_, value) =>
-                /^[a-z\d.+-]+:\/\/[^\s/$.?#].[^\s]*$/i.test(value)
-                  ? Promise.resolve()
-                  : Promise.reject(new Error(e('URL must start with http:// or https://')))
-            }
-          ]}
-        >
-          <Input />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('description')}
-          name='description'
-          hasFeedback
-        >
-          <Input.TextArea autoSize={{ minRows: 1 }} />
-        </FormItem>
-        <BookmarkCategorySelect
-          bookmarkGroups={bookmarkGroups}
-          form={form}
-        />
-        <FormItem
-          {...formItemLayout}
-          label={e('useragent')}
-          name='useragent'
-        >
-          <Input />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='hideAddressBar'
-          name='hideAddressBar'
-          valuePropName='checked'
-        >
-          <Switch />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='type'
-          name='type'
-          className='hide'
-        >
-          <Input />
-        </FormItem>
-      </div>
-    )
-  }
-
-  return (
-    <Form
-      form={form}
-      onFinish={handleFinish}
-      initialValues={initialValues}
-      name='web-form'
-    >
-      {renderCommon()}
-      {submitUi}
-    </Form>
-  )
-}

package/client/components/bookmark-form/web-form.jsx

@@ -1,16 +0,0 @@
-/**
- * bookmark form
- */
-import BookmarkForm from './ssh-form'
-import WebFormUi from './web-form-ui'
-
-export default class WebForm extends BookmarkForm {
-  render () {
-    return (
-      <WebFormUi
-        {...this.props}
-        {...this.getProps()}
-      />
-    )
-  }
-}