2020-05-23 13:32:14 +02:00
|
|
|
<template>
|
|
|
|
<BaseContextMenu
|
|
|
|
:context-event="contextEvent"
|
2020-08-12 18:11:48 +02:00
|
|
|
@close-context="$emit('close-context')"
|
2020-05-23 13:32:14 +02:00
|
|
|
>
|
2021-07-09 11:18:40 +02:00
|
|
|
<div class="context-element" @click="duplicateConnection">
|
|
|
|
<span class="d-flex"><i class="mdi mdi-18px mdi-content-duplicate text-light pr-1" /> {{ $t('word.duplicate') }}</span>
|
|
|
|
</div>
|
2020-05-23 13:32:14 +02:00
|
|
|
<div class="context-element" @click="showConfirmModal">
|
2020-10-01 15:08:35 +02:00
|
|
|
<span class="d-flex"><i class="mdi mdi-18px mdi-delete text-light pr-1" /> {{ $t('word.delete') }}</span>
|
2020-05-23 13:32:14 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<ConfirmModal
|
|
|
|
v-if="isConfirmModal"
|
2020-10-04 18:32:54 +02:00
|
|
|
@confirm="confirmDeleteConnection"
|
2020-05-23 13:32:14 +02:00
|
|
|
@hide="hideConfirmModal"
|
|
|
|
>
|
2021-12-10 17:34:44 +01:00
|
|
|
<template #header>
|
2020-08-12 18:11:48 +02:00
|
|
|
<div class="d-flex">
|
|
|
|
<i class="mdi mdi-24px mdi-server-remove mr-1" /> {{ $t('message.deleteConnection') }}
|
|
|
|
</div>
|
2020-05-23 13:32:14 +02:00
|
|
|
</template>
|
2021-12-10 17:34:44 +01:00
|
|
|
<template #body>
|
2020-05-23 13:32:14 +02:00
|
|
|
<div class="mb-2">
|
2020-10-01 15:08:35 +02:00
|
|
|
{{ $t('message.deleteCorfirm') }} <b>{{ connectionName }}</b>?
|
2020-05-23 13:32:14 +02:00
|
|
|
</div>
|
2021-12-10 17:34:44 +01:00
|
|
|
</template>
|
2020-05-23 13:32:14 +02:00
|
|
|
</ConfirmModal>
|
|
|
|
</BaseContextMenu>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2021-07-09 11:18:40 +02:00
|
|
|
import { uidGen } from 'common/libs/uidGen';
|
2022-04-30 00:47:37 +02:00
|
|
|
import { useConnectionsStore } from '@/stores/connections';
|
|
|
|
import { useWorkspacesStore } from '@/stores/workspaces';
|
2020-05-23 13:32:14 +02:00
|
|
|
import BaseContextMenu from '@/components/BaseContextMenu';
|
|
|
|
import ConfirmModal from '@/components/BaseConfirmModal';
|
2022-04-30 00:47:37 +02:00
|
|
|
import { storeToRefs } from 'pinia';
|
2020-05-23 13:32:14 +02:00
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'SettingBarContext',
|
|
|
|
components: {
|
|
|
|
BaseContextMenu,
|
2020-05-23 22:02:09 +02:00
|
|
|
ConfirmModal
|
2020-05-23 13:32:14 +02:00
|
|
|
},
|
|
|
|
props: {
|
|
|
|
contextEvent: MouseEvent,
|
|
|
|
contextConnection: Object
|
|
|
|
},
|
2022-04-22 12:16:02 +02:00
|
|
|
emits: ['close-context'],
|
2022-04-30 00:47:37 +02:00
|
|
|
setup () {
|
|
|
|
const {
|
|
|
|
getConnectionName,
|
|
|
|
addConnection,
|
|
|
|
deleteConnection
|
|
|
|
} = useConnectionsStore();
|
|
|
|
const workspacesStore = useWorkspacesStore();
|
|
|
|
const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
|
|
|
|
|
|
|
|
const { selectWorkspace } = workspacesStore;
|
|
|
|
|
|
|
|
return {
|
|
|
|
getConnectionName,
|
|
|
|
addConnection,
|
|
|
|
deleteConnection,
|
|
|
|
selectedWorkspace,
|
|
|
|
selectWorkspace
|
|
|
|
};
|
|
|
|
},
|
2020-05-23 13:32:14 +02:00
|
|
|
data () {
|
|
|
|
return {
|
2020-10-04 18:32:54 +02:00
|
|
|
isConfirmModal: false,
|
|
|
|
isEditModal: false
|
2020-05-23 13:32:14 +02:00
|
|
|
};
|
|
|
|
},
|
2020-05-31 17:56:33 +02:00
|
|
|
computed: {
|
|
|
|
connectionName () {
|
|
|
|
return this.getConnectionName(this.contextConnection.uid);
|
|
|
|
}
|
|
|
|
},
|
2020-05-23 13:32:14 +02:00
|
|
|
methods: {
|
2020-10-04 18:32:54 +02:00
|
|
|
confirmDeleteConnection () {
|
2021-07-08 17:43:33 +02:00
|
|
|
if (this.selectedWorkspace === this.contextConnection.uid)
|
|
|
|
this.selectWorkspace();
|
2020-10-04 18:32:54 +02:00
|
|
|
this.deleteConnection(this.contextConnection);
|
2020-10-20 13:12:12 +02:00
|
|
|
this.closeContext();
|
2020-10-04 18:32:54 +02:00
|
|
|
},
|
2021-07-09 11:18:40 +02:00
|
|
|
duplicateConnection () {
|
|
|
|
let connectionCopy = Object.assign({}, this.contextConnection);
|
|
|
|
connectionCopy = {
|
|
|
|
...connectionCopy,
|
|
|
|
uid: uidGen('C'),
|
2022-04-30 00:47:37 +02:00
|
|
|
name: connectionCopy.name ? `${connectionCopy?.name}_copy` : ''
|
2021-07-09 11:18:40 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
this.addConnection(connectionCopy);
|
|
|
|
this.closeContext();
|
|
|
|
},
|
2020-05-23 13:32:14 +02:00
|
|
|
showConfirmModal () {
|
|
|
|
this.isConfirmModal = true;
|
|
|
|
},
|
|
|
|
hideConfirmModal () {
|
|
|
|
this.isConfirmModal = false;
|
2020-10-20 13:12:12 +02:00
|
|
|
this.closeContext();
|
2020-10-04 18:32:54 +02:00
|
|
|
},
|
|
|
|
closeContext () {
|
|
|
|
this.$emit('close-context');
|
2020-05-23 13:32:14 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|