2017-05-21 20:43:58 +00:00
|
|
|
<template lang="pug">
|
|
|
|
|
transition(name='alert', enter-active-class="animated zoomIn", leave-active-class="animated fadeOutRight")
|
|
|
|
|
.alert(v-if='shown', v-bind:class='style')
|
|
|
|
|
.alert-icon: i(v-bind:class='icon')
|
|
|
|
|
.alert-msg {{ msg }}
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
name: 'alert',
|
|
|
|
|
data () {
|
|
|
|
|
return {}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
shown() { return this.$store.state.alert.shown },
|
|
|
|
|
style() { return 'is-' + this.$store.state.alert.style },
|
2017-07-08 21:33:09 +00:00
|
|
|
icon() { return 'nc-icon-outline ' + this.$store.state.alert.icon },
|
2017-05-21 20:43:58 +00:00
|
|
|
msg() { return this.$store.state.alert.msg },
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
