Refactor success and error notifications to prevent html in them
This commit is contained in:
parent
cdc805c8da
commit
0e53745e91
2 changed files with 22 additions and 20 deletions
|
@ -11,13 +11,17 @@
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="notification-title"
|
class="notification-title"
|
||||||
v-html="props.item.title"
|
|
||||||
v-if="props.item.title"
|
v-if="props.item.title"
|
||||||
></div>
|
>
|
||||||
|
{{ props.item.title }}
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
class="notification-content"
|
class="notification-content"
|
||||||
v-html="props.item.text"
|
>
|
||||||
></div>
|
<template v-for="(t, k) in props.item.text">
|
||||||
|
{{ t }}<br :key="k"/>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
class="buttons is-right"
|
class="buttons is-right"
|
||||||
v-if="
|
v-if="
|
||||||
|
|
|
@ -1,31 +1,29 @@
|
||||||
export default {
|
const getText = t => {
|
||||||
error(e, context, actions = []) {
|
|
||||||
// Build the notification text from error response
|
if (t.response && t.response.data && t.response.data.message) {
|
||||||
let err = e.message
|
return [
|
||||||
if (e.response && e.response.data && e.response.data.message) {
|
t.message,
|
||||||
err += '<br/>' + e.response.data.message
|
t.response.data.message
|
||||||
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
// Fire a notification
|
return [t.message]
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
error(e, context, actions = []) {
|
||||||
context.$notify({
|
context.$notify({
|
||||||
type: 'error',
|
type: 'error',
|
||||||
title: 'Error',
|
title: 'Error',
|
||||||
text: err,
|
text: getText(e),
|
||||||
actions: actions,
|
actions: actions,
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
success(e, context, actions = []) {
|
success(e, context, actions = []) {
|
||||||
// Build the notification text from error response
|
|
||||||
let err = e.message
|
|
||||||
if (e.response && e.response.data && e.response.data.message) {
|
|
||||||
err += '<br/>' + e.response.data.message
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fire a notification
|
|
||||||
context.$notify({
|
context.$notify({
|
||||||
type: 'success',
|
type: 'success',
|
||||||
title: 'Success',
|
title: 'Success',
|
||||||
text: err,
|
text: getText(e),
|
||||||
data: {
|
data: {
|
||||||
actions: actions,
|
actions: actions,
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in a new issue