Files
catalyst/ui/src/components/reaction/TriggerWebhookFormFields.vue
2024-11-04 22:30:20 +01:00

41 lines
1.2 KiB
Vue

<script setup lang="ts">
import {
FormControl,
FormDescription,
FormField,
FormItem,
FormLabel,
FormMessage
} from '@/components/ui/form'
import { Input } from '@/components/ui/input'
</script>
<template>
<FormField name="triggerdata.token" v-slot="{ componentField }" validate-on-input>
<FormItem>
<FormLabel for="token" class="text-right">Token</FormLabel>
<FormControl>
<Input id="token" class="col-span-3" v-bind="componentField" placeholder="Enter a token" />
</FormControl>
<FormDescription>
Optional. Include an authorization token in the request headers. Example:
<code>Bearer YOUR_TOKEN</code>
</FormDescription>
<FormMessage />
</FormItem>
</FormField>
<FormField name="triggerdata.path" v-slot="{ componentField }" validate-on-input>
<FormItem>
<FormLabel for="path" class="text-right">Path</FormLabel>
<FormControl>
<Input id="path" class="col-span-3" v-bind="componentField" placeholder="Enter a path" />
</FormControl>
<FormDescription>
Specify the path to trigger the reaction. Example: <code>action1</code>
</FormDescription>
<FormMessage />
</FormItem>
</FormField>
</template>