Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Widgets/Toast.vue
<template> | <template> | ||||
<div class="toast-container" aria-live="polite" aria-atomic="true"></div> | <div class="toast-container" aria-live="polite" aria-atomic="true"></div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import ToastMessage from './ToastMessage.vue' | import ToastMessage from './ToastMessage.vue' | ||||
import { i18n } from '../../js/locale' | |||||
export default { | export default { | ||||
methods: { | methods: { | ||||
addToast(data) { | addToast(data) { | ||||
ToastMessage.i18n = i18n | |||||
const msg = Vue.extend(ToastMessage) | const msg = Vue.extend(ToastMessage) | ||||
const instance = new msg({ propsData: { data: data } }) | const instance = new msg({ propsData: { data: data } }) | ||||
instance.$mount() | instance.$mount() | ||||
$(instance.$el).prependTo(this.$el) | $(instance.$el).prependTo(this.$el) | ||||
}, | }, | ||||
processObjectData(data) { | processObjectData(data) { | ||||
if (typeof data === 'object' && data.msg !== undefined) { | if (typeof data === 'object' && data.msg !== undefined) { | ||||
if (data.type === undefined) { | if (data.type === undefined) { | ||||
▲ Show 20 Lines • Show All 96 Lines • Show Last 20 Lines |