63 lines
998 B
Vue
63 lines
998 B
Vue
|
<template>
|
||
|
|
<div class="ui-error" v-if="visible">
|
||
|
|
<transition>
|
||
|
|
<ui-message v-for="error in errors" :key="error.id" type="error" :text="error.message" :title="error.field" />
|
||
|
|
</transition>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { isArray as _isArray } from 'underscore'
|
||
|
|
import Strings from 'zeroservices/strings'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'uiError',
|
||
|
|
|
||
|
|
props: {
|
||
|
|
field: String
|
||
|
|
},
|
||
|
|
|
||
|
|
data: () => ({
|
||
|
|
errors: []
|
||
|
|
}),
|
||
|
|
|
||
|
|
mounted ()
|
||
|
|
{
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
computed: {
|
||
|
|
visible()
|
||
|
|
{
|
||
|
|
return this.errors && this.errors.length;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
// set and display errors
|
||
|
|
set(errors)
|
||
|
|
{
|
||
|
|
if (!_isArray(errors))
|
||
|
|
{
|
||
|
|
errors = [errors];
|
||
|
|
}
|
||
|
|
|
||
|
|
errors.forEach(error =>
|
||
|
|
{
|
||
|
|
error.id = Strings.guid();
|
||
|
|
});
|
||
|
|
|
||
|
|
this.errors = errors;
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
// clear errors and hide
|
||
|
|
clear()
|
||
|
|
{
|
||
|
|
this.errors = [];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|