clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-06 01:47:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: prettier nc-gui v1

Browse Source
This commit is contained in:
Wing-Kam Wong
2022-07-06 18:19:04 +08:00
parent 9555b455e0
commit 8b863ca3d8
289 changed files with 19265 additions and 23785 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
packages/nc-gui/components/project/tableTabs/webhook/WebhookSlider.vue
View File

@@ -1,12 +1,7 @@
<template>
<nc-slider v-model="webhookSlider">
<div style="min-height:calc(100vh - 32px)" class="d-flex flex-column">
<v-card
v-if="webhookSlider"
width="100%"
min-height="350px"
class="pa-4 elevation-0"
>
<div style="min-height: calc(100vh - 32px)" class="d-flex flex-column">
<v-card v-if="webhookSlider" width="100%" min-height="350px" class="pa-4 elevation-0">
<webhook-editor v-if="editOrAdd" ref="editor" :meta="meta" @backToList="editOrAdd = false" />
<webhook-list v-else :meta="meta" @edit="editHook" @add="editOrAdd = true" />
</v-card>
@@ -26,52 +21,53 @@
</template>
<script>
import WebhookList from '~/components/project/tableTabs/webhook/WebhookList'
import WebhookEditor from '~/components/project/tableTabs/webhook/WebhookEditor'
import NcSlider from '~/components/global/NcSlider'
import WebhookList from '~/components/project/tableTabs/webhook/WebhookList';
import WebhookEditor from '~/components/project/tableTabs/webhook/WebhookEditor';
import NcSlider from '~/components/global/NcSlider';
export default {
name: 'WebhookSlider',
components: { NcSlider, WebhookEditor, WebhookList },
props: {
meta: Object,
value: Boolean
value: Boolean,
},
data: () => ({
editOrAdd: false,
activePage: 'role'
activePage: 'role',
}),
computed: {
webhookSlider: {
get() {
return this.value
return this.value;
},
set(v) {
this.$emit('input', v)
}
}
this.$emit('input', v);
},
},
},
mounted() {
(document.querySelector('[data-app]') || this.$root.$el).append(this.$el)
(document.querySelector('[data-app]') || this.$root.$el).append(this.$el);
},
destroyed() {
this.$el.parentNode && this.$el.parentNode.removeChild(this.$el)
this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
},
methods: {
editHook(hook) {
this.editOrAdd = true
this.editOrAdd = true;
this.$nextTick(() => {
this.$refs.editor.hook = { ...hook }
this.$refs.editor.onEventChange()
})
}
}
}
this.$refs.editor.hook = { ...hook };
this.$refs.editor.onEventChange();
});
},
},
};
</script>
<style scoped lang="scss">
::v-deep{
.nc-content{max-width: 700px !important}
::v-deep {
.nc-content {
max-width: 700px !important;
}
}
</style>