enrecipes/app/components/sub/SnackBar.vue

31 lines
623 B
Vue
Raw Normal View History

2021-05-25 14:32:53 +00:00
<template>
2021-06-15 11:04:42 +00:00
<RGridLayout
:rtl="RTL"
2021-05-25 14:32:53 +00:00
row="1"
2021-06-20 17:54:47 +00:00
class="appbar snackbar"
2021-05-25 14:32:53 +00:00
columns="auto, *, auto"
@swipe="action"
2021-06-15 11:04:42 +00:00
@loaded="onload"
2021-05-25 14:32:53 +00:00
>
2021-06-18 12:52:03 +00:00
<Button @tap="action" :text="count" class="ico t3 accent tb" />
2021-06-20 17:54:47 +00:00
<RLabel
@tap="action"
2021-06-28 11:38:21 +00:00
margin="0 2"
class="tw vc lh4"
2021-06-20 17:54:47 +00:00
col="1"
:text="msg | L"
/>
2021-06-15 11:04:42 +00:00
<Button class="ico fab rtl" :text="icon.undo" @tap="undo" col="3" />
</RGridLayout>
2021-05-25 14:32:53 +00:00
</template>
<script>
import { mapState } from "vuex";
export default {
2021-06-15 11:04:42 +00:00
props: ["count", "msg", "undo", "action", "onload"],
2021-05-25 14:32:53 +00:00
computed: {
2021-06-15 11:04:42 +00:00
...mapState(["icon", "RTL"]),
2021-05-25 14:32:53 +00:00
},
};
</script>