39 lines
759 B
Vue
39 lines
759 B
Vue
<!-- eslint-disable vue/no-v-html -->
|
|
<template>
|
|
<div class="mb-3">
|
|
<label :for="id">
|
|
<div class="form-label">
|
|
{{ label }}
|
|
<small v-if="optional">{{ $t("config.form.optional") }}</small>
|
|
</div>
|
|
</label>
|
|
<div :class="smallValue ? 'w-50' : 'w-100'">
|
|
<slot />
|
|
</div>
|
|
<div class="form-text">
|
|
<div v-if="example">{{ $t("config.form.example") }}: {{ example }}</div>
|
|
<div v-if="help" v-html="helpHtml"></div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import linkify from "../../utils/linkify";
|
|
|
|
export default {
|
|
name: "FormRow",
|
|
props: {
|
|
id: String,
|
|
label: String,
|
|
help: String,
|
|
optional: Boolean,
|
|
smallValue: Boolean,
|
|
example: String,
|
|
},
|
|
computed: {
|
|
helpHtml() {
|
|
return linkify(this.help);
|
|
},
|
|
},
|
|
};
|
|
</script>
|