2021-09-02 05:39:40 +00:00
|
|
|
<template>
|
2021-09-05 04:24:32 +00:00
|
|
|
<v-container class="narrow-container">
|
|
|
|
<BasePageTitle divider>
|
|
|
|
<template #header>
|
|
|
|
<v-img max-height="125" max-width="125" :src="require('~/static/svgs/manage-webhooks.svg')"></v-img>
|
|
|
|
</template>
|
|
|
|
<template #title> Webhooks </template>
|
|
|
|
The webhooks defined below will be executed when a meal is defined for the day. At the scheduled time the webhooks
|
|
|
|
will be sent with the data from the recipe that is scheduled for the day
|
|
|
|
</BasePageTitle>
|
|
|
|
|
2021-09-02 05:39:40 +00:00
|
|
|
<BaseButton create @click="actions.createOne()" />
|
|
|
|
<v-expansion-panels class="mt-2">
|
|
|
|
<v-expansion-panel v-for="(webhook, index) in webhooks" :key="index" class="my-2 my-border rounded">
|
|
|
|
<v-expansion-panel-header disable-icon-rotate class="headline">
|
|
|
|
<div class="d-flex align-center">
|
|
|
|
<v-icon large left :color="webhook.enabled ? 'info' : null">
|
|
|
|
{{ $globals.icons.webhook }}
|
|
|
|
</v-icon>
|
|
|
|
{{ webhook.name }} - {{ webhook.time }}
|
|
|
|
</div>
|
|
|
|
<template #actions>
|
|
|
|
<v-btn color="info" fab small class="ml-2">
|
|
|
|
<v-icon color="white">
|
|
|
|
{{ $globals.icons.edit }}
|
|
|
|
</v-icon>
|
|
|
|
</v-btn>
|
|
|
|
</template>
|
|
|
|
</v-expansion-panel-header>
|
|
|
|
<v-expansion-panel-content>
|
|
|
|
<v-card-text>
|
|
|
|
<v-switch v-model="webhook.enabled" label="Enabled"></v-switch>
|
|
|
|
<v-text-field v-model="webhook.name" label="Webhook Name"></v-text-field>
|
|
|
|
<v-text-field v-model="webhook.url" label="Webhook Url"></v-text-field>
|
|
|
|
<v-time-picker v-model="webhook.time" class="elevation-2" ampm-in-title format="ampm"></v-time-picker>
|
|
|
|
</v-card-text>
|
|
|
|
<v-card-actions>
|
|
|
|
<BaseButton secondary color="info">
|
|
|
|
<template #icon>
|
|
|
|
{{ $globals.icons.testTube }}
|
|
|
|
</template>
|
|
|
|
Test
|
|
|
|
</BaseButton>
|
|
|
|
<v-spacer></v-spacer>
|
|
|
|
<BaseButton delete @click="actions.deleteOne(webhook.id)" />
|
|
|
|
<BaseButton save @click="actions.updateOne(webhook)" />
|
|
|
|
</v-card-actions>
|
|
|
|
</v-expansion-panel-content>
|
|
|
|
</v-expansion-panel>
|
|
|
|
</v-expansion-panels>
|
|
|
|
</v-container>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import { defineComponent } from "@nuxtjs/composition-api";
|
|
|
|
import { useGroupWebhooks } from "~/composables/use-group-webhooks";
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
|
|
setup() {
|
|
|
|
const { actions, webhooks } = useGroupWebhooks();
|
2021-09-05 04:24:32 +00:00
|
|
|
|
2021-09-02 05:39:40 +00:00
|
|
|
return {
|
|
|
|
webhooks,
|
2021-09-05 04:24:32 +00:00
|
|
|
actions,
|
2021-09-02 05:39:40 +00:00
|
|
|
};
|
|
|
|
},
|
|
|
|
});
|
2021-09-05 04:24:32 +00:00
|
|
|
</script>
|