35508feaae
Co-authored-by: Shivam Mishra <scm.mymail@gmail.com> Co-authored-by: iamsivin <iamsivin@gmail.com>
80 lines
1.8 KiB
Vue
80 lines
1.8 KiB
Vue
<template>
|
|
<div class="flex flex-col h-auto overflow-auto">
|
|
<woot-modal-header
|
|
:header-title="$t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK.TITLE')"
|
|
:header-content="
|
|
$t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK.DESCRIPTION')
|
|
"
|
|
/>
|
|
|
|
<div class="flex flex-col h-auto overflow-auto">
|
|
<div class="flex flex-col px-8 pb-4">
|
|
<woot-tabs
|
|
class="ltr:[&>ul]:pl-0 rtl:[&>ul]:pr-0"
|
|
:index="selectedTabIndex"
|
|
@change="onClickTabChange"
|
|
>
|
|
<woot-tabs-item
|
|
v-for="tab in tabs"
|
|
:key="tab.key"
|
|
:name="tab.name"
|
|
:show-badge="false"
|
|
/>
|
|
</woot-tabs>
|
|
</div>
|
|
<div v-if="selectedTabIndex === 0" class="flex flex-col px-8 pb-4">
|
|
<create-issue
|
|
:account-id="accountId"
|
|
:conversation-id="conversationId"
|
|
@close="onClose"
|
|
/>
|
|
</div>
|
|
|
|
<div v-else class="flex flex-col px-8 pb-4">
|
|
<link-issue :conversation-id="conversationId" @close="onClose" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { useI18n } from 'dashboard/composables/useI18n';
|
|
import { ref } from 'vue';
|
|
import LinkIssue from './LinkIssue.vue';
|
|
import CreateIssue from './CreateIssue.vue';
|
|
|
|
defineProps({
|
|
accountId: {
|
|
type: [Number, String],
|
|
required: true,
|
|
},
|
|
conversationId: {
|
|
type: [Number, String],
|
|
required: true,
|
|
},
|
|
});
|
|
|
|
const { t } = useI18n();
|
|
|
|
const selectedTabIndex = ref(0);
|
|
|
|
const emits = defineEmits(['close']);
|
|
|
|
const tabs = ref([
|
|
{
|
|
key: 0,
|
|
name: t('INTEGRATION_SETTINGS.LINEAR.CREATE'),
|
|
},
|
|
{
|
|
key: 1,
|
|
name: t('INTEGRATION_SETTINGS.LINEAR.LINK.TITLE'),
|
|
},
|
|
]);
|
|
const onClose = () => {
|
|
emits('close');
|
|
};
|
|
|
|
const onClickTabChange = index => {
|
|
selectedTabIndex.value = index;
|
|
};
|
|
</script>
|