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

1 files changed, 3 insertions, 1 deletions

diff --git a/src/main.js b/src/main.js
index e32a56be..d80d2019 100644
--- a/src/main.js
+++ b/src/main.js
@@ -21,7 +21,8 @@ import {
   ModalPlugin,
   NavbarPlugin,
   NavPlugin,
-  TablePlugin
+  TablePlugin,
+  ToastPlugin
 } from 'bootstrap-vue';
 import Vuelidate from 'vuelidate';
 
@@ -52,6 +53,7 @@ Vue.use(ModalPlugin);
 Vue.use(NavbarPlugin);
 Vue.use(NavPlugin);
 Vue.use(TablePlugin);
+Vue.use(ToastPlugin);
 Vue.use(Vuelidate);
 
 new Vue({