85 lines
1.5 KiB
Vue
85 lines
1.5 KiB
Vue
<template>
|
|
<div class="toastification">
|
|
<div class="d-flex align-items-start">
|
|
<b-avatar
|
|
:variant="variant"
|
|
size="1.8rem"
|
|
class="mr-75 flex-shrink-0"
|
|
>
|
|
<feather-icon
|
|
:icon="icon"
|
|
size="15"
|
|
/>
|
|
</b-avatar>
|
|
<div class="d-flex flex-grow-1">
|
|
<div>
|
|
<h5
|
|
v-if="title"
|
|
class="mb-0 font-weight-bolder toastification-title"
|
|
:class="`text-${variant}`"
|
|
v-text="title"
|
|
/>
|
|
<small
|
|
v-if="text"
|
|
class="d-inline-block text-body"
|
|
v-text="text"
|
|
/>
|
|
</div>
|
|
<span
|
|
class="cursor-pointer toastification-close-icon ml-auto "
|
|
@click="$emit('close-toast')"
|
|
>
|
|
<feather-icon
|
|
v-if="!hideClose"
|
|
icon="XIcon"
|
|
class="text-body"
|
|
/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { BAvatar } from 'bootstrap-vue'
|
|
|
|
export default {
|
|
components: {
|
|
BAvatar,
|
|
},
|
|
props: {
|
|
variant: {
|
|
type: String,
|
|
default: 'primary',
|
|
},
|
|
icon: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
text: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
hideClose: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.toastification-close-icon,
|
|
.toastification-title {
|
|
line-height: 26px;
|
|
}
|
|
|
|
.toastification-title {
|
|
color: inherit;
|
|
}
|
|
</style>
|