feat(notification): add Authorization Header option to frontend

This commit is contained in:
Jan Hartje 2022-07-18 16:04:18 +00:00
parent 90c2bf7c94
commit 95dba6dcaf

View File

@ -1,18 +1,26 @@
<template> <template>
<div class="mb-3"> <div class="mb-3">
<label for="webhook-url" class="form-label">{{ $t("Post URL") }}</label> <label for="webhook-url" class="form-label">{{ $t("Post URL") }}</label>
<input id="webhook-url" v-model="$parent.notification.webhookURL" type="url" pattern="https?://.+" class="form-control" required> <input
id="webhook-url"
v-model="$parent.notification.webhookURL"
type="url"
pattern="https?://.+"
class="form-control"
required
/>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="webhook-content-type" class="form-label">{{ $t("Content Type") }}</label> <label for="webhook-content-type" class="form-label">{{ $t("Content Type") }}</label>
<select id="webhook-content-type" v-model="$parent.notification.webhookContentType" class="form-select" required> <select
<option value="json"> id="webhook-content-type"
application/json v-model="$parent.notification.webhookContentType"
</option> class="form-select"
<option value="form-data"> required
multipart/form-data >
</option> <option value="json">application/json</option>
<option value="form-data">multipart/form-data</option>
</select> </select>
<div class="form-text"> <div class="form-text">
@ -25,4 +33,22 @@
</i18n-t> </i18n-t>
</div> </div>
</div> </div>
<div class="mb-3">
<label for="authorization-header" class="form-label">{{ $t("Authorization Header") }}</label>
<HiddenInput
id="authorization-header"
v-model="$parent.notification.webhookAuthorizationHeader"
autocomplete="one-time-code"
></HiddenInput>
</div>
</template> </template>
<script>
import HiddenInput from "../HiddenInput.vue";
export default {
components: {
HiddenInput,
},
};
</script>