899176a793
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
59 lines
1.5 KiB
Vue
59 lines
1.5 KiB
Vue
<template>
|
|
<div class="column content-box">
|
|
<woot-modal-header
|
|
:header-title="$t('INTEGRATION_SETTINGS.WEBHOOK.ADD.TITLE')"
|
|
:header-content="
|
|
useInstallationName(
|
|
$t('INTEGRATION_SETTINGS.WEBHOOK.FORM.DESC'),
|
|
globalConfig.installationName
|
|
)
|
|
"
|
|
/>
|
|
<webhook-form
|
|
:is-submitting="uiFlags.creatingItem"
|
|
:submit-label="$t('INTEGRATION_SETTINGS.WEBHOOK.FORM.ADD_SUBMIT')"
|
|
@submit="onSubmit"
|
|
@cancel="onClose"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import alertMixin from 'shared/mixins/alertMixin';
|
|
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
|
|
import { mapGetters } from 'vuex';
|
|
import WebhookForm from './WebhookForm.vue';
|
|
|
|
export default {
|
|
components: { WebhookForm },
|
|
mixins: [alertMixin, globalConfigMixin],
|
|
props: {
|
|
onClose: {
|
|
type: Function,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
globalConfig: 'globalConfig/get',
|
|
uiFlags: 'webhooks/getUIFlags',
|
|
}),
|
|
},
|
|
methods: {
|
|
async onSubmit(webhook) {
|
|
try {
|
|
await this.$store.dispatch('webhooks/create', { webhook });
|
|
this.showAlert(
|
|
this.$t('INTEGRATION_SETTINGS.WEBHOOK.ADD.API.SUCCESS_MESSAGE')
|
|
);
|
|
this.onClose();
|
|
} catch (error) {
|
|
const message =
|
|
error.response.data.message ||
|
|
this.$t('INTEGRATION_SETTINGS.WEBHOOK.EDIT.API.ERROR_MESSAGE');
|
|
this.showAlert(message);
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|