Document contact validation message added..

This commit is contained in:
Cüneyt Şentürk
2021-01-13 12:23:08 +03:00
parent 146e76fc1f
commit b10b5144aa
4 changed files with 24 additions and 2 deletions

View File

@ -5,7 +5,7 @@
<div v-if="!show.contact_selected" class="document-contact-without-contact-box-contact-select fs-exclude">
<div class="aka-select aka-select--medium is-open" tabindex="0">
<div>
<div class="aka-box aka-box--large">
<div class="aka-box aka-box--large" :class="[{'aka-error': error}]">
<div class="aka-box-content">
<div class="document-contact-without-contact-box">
<button type="button" class="btn-aka-link aka-btn--fluid document-contact-without-contact-box-btn" @click="onContactList">
@ -14,6 +14,10 @@
</div>
</div>
</div>
<div v-if="error" class="invalid-feedback d-block mt--2 mb-2"
v-html="error">
</div>
</div>
<div class="aka-select-menu" v-if="show.contact_list">
@ -163,6 +167,10 @@ export default {
default: '',
description: 'Contact create route'
},
error: {
type: String,
description: "Input error (below input)"
},
selected: {
type: Object,
default: function() {
@ -324,6 +332,7 @@ export default {
this.show.contact_list = false;
this.show.contact_selected = true;
this.error = '';
this.$emit('change', this.contact);
},
@ -618,3 +627,10 @@ export default {
},
};
</script>
<style>
.aka-error {
border-color: #ef3232 !important;
background-color: #fb634038;
}
</style>