Peps
/
v3.0.0
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: show field notes if any

This commit is contained in:
Pitu 2021-06-20 21:53:09 +09:00
parent d9e0537a1d
commit c416e2a0bf
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/site/components/settings/JoiObject.vue
View File

@ -3,7 +3,7 @@
<div v-for="[key, field] in Object.entries(settings)" :key="key">
<b-field
:label="field.flags.label"
:message="getErrorMessage(key) || field.flags.description"
:message="getErrorMessage(key) || field | getMessage"
:type="getValidationType(key)"
class="field"
horizontal>
@ -53,6 +53,15 @@
<script>
export default {
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: {
settings: {
type: Object,
@ -128,7 +137,8 @@ export default {
.field {
margin-bottom: 1em;
::v-deep .help.is-danger {
::v-deep .help {
font-size: 12px;
white-space: pre-line;
}
}