@electerm/electerm-react 1.34.30

package/client/components/setting-panel/setting.styl

@@ -0,0 +1,4 @@
+.pd2b.bg-img-setting
+  display inline-block
+  padding 0
+  margin 5px 5px 0 0

package/client/components/setting-panel/start-session-select.jsx

@@ -0,0 +1,91 @@
+import { TreeSelect } from 'antd'
+import { Component } from '../common/react-subx'
+import copy from 'json-deep-copy'
+import createTitle from '../../common/create-title'
+
+const { prefix } = window
+const e = prefix('setting')
+const { SHOW_CHILD } = TreeSelect
+
+export default class StartSessionSelect extends Component {
+  buildData = () => {
+    const cats = this.props.store.getBookmarkGroups()
+    const tree = this.props.store.getBookmarks()
+      .reduce((p, k) => {
+        return {
+          ...p,
+          [k.id]: k
+        }
+      }, {})
+    const btree = cats
+      .reduce((p, k) => {
+        return {
+          ...p,
+          [k.id]: k
+        }
+      }, {})
+    function buildSubCats (id) {
+      const x = btree[id]
+      if (!x) {
+        return ''
+      }
+      const y = {
+        key: x.id,
+        value: x.id,
+        title: x.title
+      }
+      if (x.bookmarkIds && x.bookmarkIds.length) {
+        y.children = x.bookmarkIds.map(buildLeaf).filter(d => d)
+      }
+      if (y.children && !y.children.length) {
+        delete y.children
+      }
+      return y
+    }
+    function buildLeaf (id) {
+      const x = tree[id]
+      if (!x) {
+        return ''
+      }
+      return {
+        value: x.id,
+        key: x.id,
+        title: createTitle(x)
+      }
+    }
+    const level1 = cats.filter(d => d.level !== 2)
+      .map(d => {
+        const r = {
+          title: d.title,
+          value: d.id,
+          key: d.id,
+          children: [
+            ...(d.bookmarkGroupIds || []).map(buildSubCats),
+            ...(d.bookmarkIds || []).map(buildLeaf)
+          ].filter(d => d)
+        }
+        if (!r.children.length) {
+          return ''
+        }
+        return r
+      }).filter(d => d)
+    return level1
+  }
+
+  render () {
+    const rProps = {
+      treeData: this.buildData(),
+      value: copy(this.props.onStartSessions || []),
+      onChange: this.props.onChangeStartSessions,
+      treeCheckable: true,
+      showCheckedStrategy: SHOW_CHILD,
+      placeholder: e('pleaseSelect'),
+      style: {
+        width: '100%'
+      }
+    }
+    return (
+      <TreeSelect {...rProps} />
+    )
+  }
+}

package/client/components/setting-panel/tab-bookmarks.jsx

@@ -0,0 +1,37 @@
+import SettingCol from './col'
+import BookmarkForm from '../bookmark-form'
+import TreeList from './bookmark-tree-list'
+import {
+  settingMap
+} from '../../common/constants'
+
+export default function TabBookmarks (props) {
+  const {
+    settingTab
+  } = props
+  if (settingTab !== settingMap.bookmarks) {
+    return null
+  }
+  const {
+    settingItem,
+    treeProps,
+    formProps
+  } = props
+  return (
+    <div
+      className='setting-tabs-bookmarks'
+    >
+      <SettingCol>
+        <div className='model-bookmark-tree-wrap'>
+          <TreeList
+            {...treeProps}
+          />
+        </div>
+        <BookmarkForm
+          key={settingItem.id}
+          {...formProps}
+        />
+      </SettingCol>
+    </div>
+  )
+}

package/client/components/setting-panel/tab-history.jsx

@@ -0,0 +1,44 @@
+import SettingCol from './col'
+import BookmarkForm from '../bookmark-form'
+import List from './list'
+import {
+  settingMap
+} from '../../common/constants'
+
+const { prefix } = window
+const c = prefix('control')
+
+export default function TabHistory (props) {
+  const {
+    settingTab
+  } = props
+  if (settingTab !== settingMap.history) {
+    return null
+  }
+  const {
+    settingItem,
+    listProps,
+    formProps
+  } = props
+  return (
+    <div
+      className='setting-tabs-history'
+    >
+      <SettingCol>
+        <List
+          {...listProps}
+        />
+        {
+          settingItem.id
+            ? (
+              <BookmarkForm
+                key={settingItem.id}
+                {...formProps}
+              />
+              )
+            : <div className='form-wrap pd2 aligncenter'>{c('notFoundContent')}</div>
+        }
+      </SettingCol>
+    </div>
+  )
+}

package/client/components/setting-panel/tab-quick-commands.jsx

@@ -0,0 +1,38 @@
+import SettingCol from './col'
+import QuickCommandsList from '../quick-commands/quick-commands-list'
+import QuickCommandsForm from '../quick-commands/quick-commands-form'
+import {
+  settingMap
+} from '../../common/constants'
+
+export default function TabQuickCommands (props) {
+  const {
+    settingTab
+  } = props
+  if (settingTab !== settingMap.quickCommands) {
+    return null
+  }
+  const {
+    settingItem,
+    listProps,
+    formProps,
+    store
+  } = props
+  return (
+    <div
+      className='setting-tabs-quick-commands'
+    >
+      <SettingCol>
+        <QuickCommandsList
+          {...listProps}
+          quickCommandId={store.quickCommandId}
+        />
+        <QuickCommandsForm
+          {...formProps}
+          quickCommandTags={store.quickCommandTags}
+          key={settingItem.id}
+        />
+      </SettingCol>
+    </div>
+  )
+}

package/client/components/setting-panel/tab-settings.jsx

@@ -0,0 +1,42 @@
+import Setting from './setting'
+import SettingCol from './col'
+import SyncSetting from '../setting-sync/setting-sync'
+import List from './list'
+import {
+  settingMap,
+  settingSyncId
+} from '../../common/constants'
+
+export default function TabSettings (props) {
+  const {
+    settingTab
+  } = props
+  if (settingTab !== settingMap.setting) {
+    return null
+  }
+  const {
+    settingItem,
+    listProps,
+    store
+  } = props
+  return (
+    <div
+      className='setting-tabs-setting'
+    >
+      <SettingCol>
+        <List
+          {...listProps}
+        />
+        {
+          settingItem.id === settingSyncId
+            ? (
+              <SyncSetting
+                store={store}
+              />
+              )
+            : <Setting {...listProps} config={store.config} />
+        }
+      </SettingCol>
+    </div>
+  )
+}

package/client/components/setting-panel/tab-themes.jsx

@@ -0,0 +1,34 @@
+import SettingCol from './col'
+import TerminalThemeForm from '../terminal-theme'
+import TerminalThemeList from '../terminal-theme/theme-list'
+import {
+  settingMap
+} from '../../common/constants'
+
+export default function TabThemes (props) {
+  const {
+    settingTab
+  } = props
+  if (settingTab !== settingMap.terminalThemes) {
+    return null
+  }
+  const {
+    settingItem,
+    listProps,
+    formProps,
+    store
+  } = props
+  return (
+    <div
+      className='setting-tabs-terminal-themes'
+    >
+      <SettingCol>
+        <TerminalThemeList
+          {...listProps}
+          theme={store.config.theme}
+        />
+        <TerminalThemeForm {...formProps} key={settingItem.id} />
+      </SettingCol>
+    </div>
+  )
+}