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.
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
interface Props {
|
|
|
|
|
modelValue: boolean
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const { modelValue } = defineProps<Props>()
|
|
|
|
|
const emit = defineEmits(['update:modelValue'])
|
|
|
|
|
|
|
|
|
|
const editOrAdd = ref(false)
|
|
|
|
|
|
|
|
|
|
const dialogShow = computed({
|
|
|
|
|
get() {
|
|
|
|
|
return modelValue
|
|
|
|
|
},
|
|
|
|
|
set(v) {
|
|
|
|
|
emit('update:modelValue', v)
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
function editHook(hook: Record<string, any>) {
|
|
|
|
|
editOrAdd.value = true
|
|
|
|
|
// TODO: update editor ref hook
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<a-drawer v-model:visible="dialogShow" :closable="false" placement="right" width="700px" @keydown.esc="dialogShow = false">
|
|
|
|
|
<WebhookEditor v-if="editOrAdd" />
|
|
|
|
|
<WebhookList v-else @edit="editHook" @add="editOrAdd = true" />
|
|
|
|
|
<div class="self-center flex flex-column flex-wrap gap-4 items-center mt-4 md:mx-8 md:justify-between justify-center w-full">
|
|
|
|
|
<a-button v-t="['e:hiring']" href="https://angel.co/company/nocodb" target="_blank" size="large">
|
|
|
|
|
🚀 We are Hiring! 🚀
|
|
|
|
|
</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</a-drawer>
|
|
|
|
|
</template>
|
