Browse Source

feat(gui-v2): webhook drawer

pull/2838/head
Wing-Kam Wong 2 years ago
parent
commit
1d4d577cc9
  1. 31
      packages/nc-gui-v2/components/webhook/Drawer.vue

31
packages/nc-gui-v2/components/webhook/Drawer.vue

@ -0,0 +1,31 @@
<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)
},
})
</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-or-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>
Loading…
Cancel
Save