feat: show field notes if any
This commit is contained in:
parent
d9e0537a1d
commit
c416e2a0bf
|
@ -3,7 +3,7 @@
|
||||||
<div v-for="[key, field] in Object.entries(settings)" :key="key">
|
<div v-for="[key, field] in Object.entries(settings)" :key="key">
|
||||||
<b-field
|
<b-field
|
||||||
:label="field.flags.label"
|
:label="field.flags.label"
|
||||||
:message="getErrorMessage(key) || field.flags.description"
|
:message="getErrorMessage(key) || field | getMessage"
|
||||||
:type="getValidationType(key)"
|
:type="getValidationType(key)"
|
||||||
class="field"
|
class="field"
|
||||||
horizontal>
|
horizontal>
|
||||||
|
@ -53,6 +53,15 @@
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'JoiObject',
|
name: 'JoiObject',
|
||||||
|
filters: {
|
||||||
|
getMessage: function(field) {
|
||||||
|
let msg = field.flags.description;
|
||||||
|
if (field.notes?.length) {
|
||||||
|
msg += field.notes.map(note => `\n${note}`);
|
||||||
|
}
|
||||||
|
return msg;
|
||||||
|
}
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
settings: {
|
settings: {
|
||||||
type: Object,
|
type: Object,
|
||||||
|
@ -128,7 +137,8 @@ export default {
|
||||||
.field {
|
.field {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
::v-deep .help.is-danger {
|
::v-deep .help {
|
||||||
|
font-size: 12px;
|
||||||
white-space: pre-line;
|
white-space: pre-line;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue