2020-06-14 23:13:35 +02:00
|
|
|
<template>
|
2020-06-27 12:41:34 +02:00
|
|
|
<div class="toast-holder">
|
|
|
|
<div
|
|
|
|
v-for="(toast, index) in toasts"
|
|
|
|
:key="'toast-' + index"
|
|
|
|
class="toast"
|
|
|
|
:class="{ closed: !toast.isOpen, open: toast.isOpen }"
|
2020-08-02 13:28:10 +02:00
|
|
|
@click="performAction(index)"
|
2020-06-27 12:41:34 +02:00
|
|
|
>
|
2020-06-27 17:27:03 +02:00
|
|
|
<p class="message">
|
|
|
|
{{ toast.message }}
|
|
|
|
</p>
|
2020-06-27 12:41:34 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-06-14 23:13:35 +02:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./ft-toast.js" />
|
2020-06-27 17:27:03 +02:00
|
|
|
<style scoped src="./ft-toast.css" />
|