mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.5 KiB
60 lines
1.5 KiB
<script setup lang="ts"> |
|
import { ref, useVModel } from '#imports' |
|
|
|
interface Props { |
|
modelValue: boolean |
|
} |
|
|
|
const props = defineProps<Props>() |
|
|
|
const emits = defineEmits(['update:modelValue']) |
|
|
|
const editOrAdd = ref(false) |
|
|
|
const vModel = useVModel(props, 'modelValue', emits) |
|
|
|
const currentHook = ref<Record<string, any>>() |
|
|
|
async function editHook(hook: Record<string, any>) { |
|
editOrAdd.value = true |
|
currentHook.value = hook |
|
} |
|
|
|
async function addHook() { |
|
editOrAdd.value = true |
|
currentHook.value = undefined |
|
} |
|
</script> |
|
|
|
<template> |
|
<a-drawer |
|
v-model:visible="vModel" |
|
:closable="false" |
|
placement="right" |
|
width="700px" |
|
:body-style="{ background: 'rgba(67, 81, 232, 0.05)', padding: '0px 0px', overflow: 'hidden' }" |
|
class="nc-drawer-webhook" |
|
@keydown.esc="vModel = false" |
|
> |
|
<a-layout class="nc-drawer-webhook-body"> |
|
<a-layout-content class="px-10 py-5 scrollbar-thin-primary"> |
|
<LazyWebhookEditor v-if="editOrAdd" :hook="currentHook" @back-to-list="editOrAdd = false" /> |
|
|
|
<LazyWebhookList v-else @edit="editHook" @add="addHook" /> |
|
</a-layout-content> |
|
|
|
<a-layout-footer class="!bg-white border-t flex"> |
|
<a-button |
|
v-e="['e:hiring']" |
|
class="mx-auto mb-4 !rounded-md" |
|
href="https://angel.co/company/nocodb" |
|
target="_blank" |
|
size="large" |
|
rel="noopener noreferrer" |
|
> |
|
🚀 {{ $t('labels.weAreHiring') }}! 🚀 |
|
</a-button> |
|
</a-layout-footer> |
|
</a-layout> |
|
</a-drawer> |
|
</template>
|
|
|