74 lines
1.6 KiB
Svelte
74 lines
1.6 KiB
Svelte
|
<script>
|
||
|
|
import { automationStore } from "builderStore"
|
||
|
|
import { ModalContent } from "@budibase/bbui"
|
||
|
|
import { onMount } from "svelte"
|
||
|
|
import WebhookDisplay from "../automation/Shared/WebhookDisplay.svelte"
|
||
|
|
import analytics from "analytics"
|
||
|
|
|
||
|
|
let webhookUrls = []
|
||
|
|
|
||
|
|
$: automations = $automationStore.automations
|
||
|
|
|
||
|
|
onMount(() => {
|
||
|
|
webhookUrls = automations.map(automation => {
|
||
|
|
const trigger = automation.definition.trigger
|
||
|
|
if (trigger?.stepId === "WEBHOOK" && trigger.inputs) {
|
||
|
|
return {type: "Automation", name: automation.name, url: trigger.inputs.triggerUrl}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<ModalContent
|
||
|
|
title="Webhook Endpoints"
|
||
|
|
confirmText="Done">
|
||
|
|
<p>
|
||
|
|
See below the list of deployed webhook URLs.
|
||
|
|
</p>
|
||
|
|
{#each webhookUrls as webhookUrl}
|
||
|
|
<div>
|
||
|
|
<h5>{webhookUrl.type} - {webhookUrl.name}</h5>
|
||
|
|
<WebhookDisplay value={webhookUrl.url} production={true} />
|
||
|
|
</div>
|
||
|
|
{/each}
|
||
|
|
<div slot="footer">
|
||
|
|
<a target="_blank" href="https://docs.budibase.com/automate/steps/triggers">
|
||
|
|
<i class="ri-information-line" />
|
||
|
|
<span>Learn about webhooks</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</ModalContent>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
a {
|
||
|
|
color: var(--ink);
|
||
|
|
font-size: 14px;
|
||
|
|
vertical-align: middle;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a span {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
i {
|
||
|
|
font-size: 20px;
|
||
|
|
margin-right: var(--spacing-m);
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-top: 0;
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
|
||
|
|
h5 {
|
||
|
|
margin-top: 0;
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
</style>
|