diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-02-05 22:23:06 +0300 |
---|---|---|
committer | Gunnar Mills <gmills@us.ibm.com> | 2020-02-13 17:35:20 +0300 |
commit | 0fc91e798d058c1c98dcfec0c6c5bffbcab3e15e (patch) | |
tree | b3458f2bc016e357fa060198ee2979a6e1d6f4ae /src/components | |
parent | 0a3405f78a7ad0846c038d9b0ebe3a09b0c21579 (diff) | |
download | webui-vue-0fc91e798d058c1c98dcfec0c6c5bffbcab3e15e.tar.xz |
Add toast component interactions
Include boostrap toast component to communicate success
and error requests on the local user management page.
- Created BVToastMixin to share initialization options
- Used async/await pattern to make sure toasts are shown
after asynchronous calls are complete
- Followed current AngularJS pattern of manual dismiss for
error toast and automatic dismiss for success toast
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I5d5c037b5f41781972106fb5e9a2096cc72c39ab
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Mixins/BVToastMixin.js | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/src/components/Mixins/BVToastMixin.js b/src/components/Mixins/BVToastMixin.js new file mode 100644 index 00000000..489173c9 --- /dev/null +++ b/src/components/Mixins/BVToastMixin.js @@ -0,0 +1,24 @@ +const BVToastMixin = { + methods: { + successToast(message) { + this.$root.$bvToast.toast(message, { + title: 'Success', + variant: 'success', + autoHideDelay: 10000, //auto hide in milliseconds + isStatus: true, + solid: true + }); + }, + errorToast(message) { + this.$root.$bvToast.toast(message, { + title: 'Error', + variant: 'danger', + noAutoHide: true, + isStatus: true, + solid: true + }); + } + } +}; + +export default BVToastMixin; |