zishuo/tiny-rdm
1
0
Fork 0
mirror of https://github.com/tiny-craft/tiny-rdm.git synced 2025-10-16 04:00:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

Alter IconButton component as NButton to support disable property

Browse Source
This commit is contained in:
tiny-craft
2023-07-02 12:33:41 +08:00
parent 19c8e153c3
commit 8e3adbf0c3
7 changed files with 50 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/sidebar/ConnectionPane.vue
View File

@@ -7,8 +7,11 @@ import Sort from '../icons/Sort.vue'
import IconButton from '../common/IconButton.vue'
import Filter from '../icons/Filter.vue'
import ConnectionTree from './ConnectionTree.vue'
import Unlink from '../icons/Unlink.vue'
import useConnectionStore from '../../stores/connections.js'
const dialogStore = useDialogStore()
const connectionStore = useConnectionStore()
const onSort = () => {
dialogStore.openPreferencesDialog()
@@ -37,6 +40,15 @@ const onSort = () => {
t-tooltip="new_group"
@click="dialogStore.openNewKeyDialog('aa:bb')"
/>
<icon-button
:disabled="!connectionStore.anyConnectionOpened"
:icon="Unlink"
color="#555"
size="20"
stroke-width="4"
t-tooltip="disconnect_all"
@click="dialogStore.openNewKeyDialog('aa:bb')"
/>
<n-divider style="margin: 0 4px; --n-color: #aaa; width: 2px" vertical />
<icon-button :icon="Sort" color="#555" size="20" stroke-width="4" t-tooltip="sort_conn" @click="onSort" />
<n-input placeholder="">