kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(frontend): use form primitives in WebhookManager

This commit is contained in:
kolaente 2026-04-17 14:36:38 +02:00 committed by kolaente
parent cab970b59b
commit b9f6eabe2c
1 changed files with 28 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
frontend/src/components/misc/WebhookManager.vue
View File

@ -6,6 +6,7 @@ import WebhookModel from '@/models/webhook'
import BaseButton from '@/components/base/BaseButton.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import FormField from '@/components/input/FormField.vue'
import FormInput from '@/components/input/FormInput.vue'
import Expandable from '@/components/base/Expandable.vue'
import User from '@/components/misc/User.vue'
import {formatDateShort} from '@/helpers/time/formatDate'
@ -116,27 +117,20 @@ function doDelete() {
:error="webhookTargetUrlValid ? null : $t('project.webhooks.targetUrlInvalid')"
@focusout="validateTargetUrl"
/>
<div class="field">
<label
class="label"
for="secret"
>
{{ $t('project.webhooks.secret') }}
</label>
<div class="control">
<input
id="secret"
<FormField :label="$t('project.webhooks.secret')">
<template #default="{id}">
<FormInput
:id="id"
v-model="newWebhook.secret"
class="input"
>
</div>
<p class="help">
{{ $t('project.webhooks.secretHint') }}
<BaseButton href="https://vikunja.io/docs/webhooks/">
{{ $t('project.webhooks.secretDocs') }}
</BaseButton>
</p>
</div>
/>
</template>
</FormField>
<p class="help">
{{ $t('project.webhooks.secretHint') }}
<BaseButton href="https://vikunja.io/docs/webhooks/">
{{ $t('project.webhooks.secretDocs') }}
</BaseButton>
</p>
<BaseButton
class="mbe-2 has-text-primary"
@click="showBasicAuth = !showBasicAuth"
@ -147,36 +141,22 @@ function doDelete() {
:open="showBasicAuth"
class="content"
>
<div class="field">
<label
class="label"
for="basicauthuser"
>
{{ $t('project.webhooks.basicauthuser') }}
</label>
<div class="control">
<input
id="basicauthuser"
<FormField :label="$t('project.webhooks.basicauthuser')">
<template #default="{id}">
<FormInput
:id="id"
v-model="newWebhook.basicauthuser"
class="input"
>
</div>
</div>
<div class="field">
<label
class="label"
for="basicauthpassword"
>
{{ $t('project.webhooks.basicauthpassword') }}
</label>
<div class="control">
<input
id="basicauthpassword"
/>
</template>
</FormField>
<FormField :label="$t('project.webhooks.basicauthpassword')">
<template #default="{id}">
<FormInput
:id="id"
v-model="newWebhook.basicauthpassword"
class="input"
>
</div>
</div>
/>
</template>
</FormField>
</Expandable>
<div class="field">
<label