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' | import { i18n } from '../../js/locale' | ||||
| export default { | export default { | ||||
| methods: { | methods: { | ||||
| addToast(data) { | addToast(data) { | ||||
| ToastMessage.i18n = i18n | 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) | ||||
| return instance | |||||
| }, | }, | ||||
| 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) { | ||||
| data.type = this.defaultType | data.type = this.defaultType | ||||
| } | } | ||||
| if (data.timeout === undefined) { | if (data.timeout === undefined) { | ||||
| data.timeout = this.defaultTimeout | data.timeout = this.defaultTimeout | ||||
| ▲ Show 20 Lines • Show All 92 Lines • Show Last 20 Lines | |||||