mirror of
https://framagit.org/les/gancio.git
synced 2025-01-31 16:42:22 +01:00
40 lines
841 B
Vue
40 lines
841 B
Vue
<template lang='pug'>
|
|
v-snackbar(
|
|
v-model="active"
|
|
:color="color"
|
|
:bottom="bottom"
|
|
:top="top"
|
|
:left="left"
|
|
:right="right"
|
|
:timeout="timeout")
|
|
v-icon.mr-3(color="white") {{icon}}
|
|
span {{ message }}
|
|
template(v-slot:action="{ }")
|
|
v-icon(size="16" @click="active = false") mdi-close-circle
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
icon: 'md-alert',
|
|
color: 'secondary',
|
|
bottom: true,
|
|
top: false,
|
|
left: false,
|
|
right: false,
|
|
active: false,
|
|
timeout: 5000,
|
|
message: ''
|
|
}
|
|
},
|
|
created () {
|
|
this.$root.$message = (message, opts = {}) => {
|
|
this.active = true
|
|
this.message = this.$t(message, opts)
|
|
this.color = opts.color || 'secondary'
|
|
this.icon = opts.icon || 'md-alert'
|
|
}
|
|
}
|
|
}
|
|
</script>
|