From c9e8e9cddb36f8b39efe7163a7f243afa5364816 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sun, 21 Nov 2021 15:44:15 +0100
Subject: [PATCH] [notification] set notification if new user is set

---
 src/components/NewUser.vue | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/NewUser.vue b/src/components/NewUser.vue
index a30221b..e7ee402 100644
--- a/src/components/NewUser.vue
+++ b/src/components/NewUser.vue
@@ -11,6 +11,7 @@
 
 <script lang="ts">
 import { defineComponent, ref } from 'vue';
+import { Notify } from 'quasar';
 import MainUserSettings from './settings/MainUserSettings.vue';
 import { useUserStore } from '@flaschengeist/api';
 
@@ -19,17 +20,39 @@ export default defineComponent({
   components: { MainUserSettings },
   setup() {
     const userStore = useUserStore();
-    const user = ref<FG.User>({
+    const emptyUser = {
       userid: '',
       display_name: '',
       firstname: '',
       lastname: '',
       mail: '',
       roles: [],
-    });
+    }
+    const user = ref<FG.User>(emptyUser);
+
 
     async function setUser(value: FG.User) {
-      await userStore.createUser(value);
+      try {
+        await userStore.createUser(value);
+        Notify.create({
+          color: "positive",
+          message: "Neuer User wurde angelegt.",
+          timeout: 5000,
+          group: false,
+          actions: [{ icon: 'mdi-close', color: 'white' }],
+          textColor: "white"
+        })
+        user.value = emptyUser
+      } catch {
+        Notify.create({
+          color: "negative",
+          message: "Neuer User konnte nicht angelegt werden.",
+          timeout: 10000,
+          group: false,
+          actions: [{ icon: 'mdi-close', color: 'white' }],
+          textColor: "white"
+        })
+      }
     }
     return { user, setUser };
   },