From 6ba4b38552d63fb9924474a455f05adc9b1b8dc4 Mon Sep 17 00:00:00 2001
From: Sockenklaus <sockenklaus@gmail.com>
Date: Sat, 27 Nov 2021 23:30:29 +0100
Subject: [PATCH] Employees-Index: Create new User. did some work on issue #25

---
 src/components/Employees/EmployeeForm.vue | 26 +++++++++++++++++------
 src/stores/employee.ts                    |  3 +++
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/components/Employees/EmployeeForm.vue b/src/components/Employees/EmployeeForm.vue
index ca2f1c0..4b23e5e 100644
--- a/src/components/Employees/EmployeeForm.vue
+++ b/src/components/Employees/EmployeeForm.vue
@@ -5,6 +5,7 @@
         @save="submitForm" 
         @toggleEdit="toggleEdit" 
     />
+    {{employeeStore.employee }}
 
 <form class="text-start" @keyup.enter="submitForm">
     <div class="row mb-5">
@@ -170,7 +171,8 @@
 
 </template>
 <script setup lang="ts">
-import { toRefs, ref, computed, onMounted } from 'vue'
+import { ref, watch, computed, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
 import { useVuelidate } from '@vuelidate/core'
 import { required, email, between, decimal, sameAs, requiredIf, helpers } from '@vuelidate/validators'
 import { storeToRefs } from 'pinia'
@@ -178,6 +180,7 @@ import { useUser } from '@/stores/user'
 import { useEmployee } from '@/stores/employee'
 import EmployeeFormControls from '@/components/Employees/EmployeeFormControls.vue'
 import { IMaskComponent as MaskInput } from 'vue-imask'
+import employees from '@/stores/employees'
 
 
 /**
@@ -193,6 +196,7 @@ const props = defineProps<{
 const userStore = useUser()
 const employeeStore = useEmployee()
 const { employee, userEnabled } = storeToRefs(employeeStore)
+const router = useRouter()
 
 /**
  * Local Refs
@@ -211,7 +215,7 @@ const editEmployee = ref(props.id ? false : true)
     })
 
     if(error === undefined){
-        return true
+        return true // return helpers.withMessage("", () => true) doesn't work!!!!
     }
     else return helpers.withMessage(error.message, () => false)
 }
@@ -277,18 +281,26 @@ function toggleEdit() {
 async function submitForm(){
     if(await v$.value.$validate()) {
         if(employee.value.id){
-            employeeStore.patchEmployee()
-            // werte apiValidation aus!!!
+            await employeeStore.patchEmployee()
             
             toggleEdit()
         }
-        else {
-            employeeStore.postEmployee()
-            // werte apiValidation aus!!!
+        else if(await employeeStore.postEmployee()){
+            router.push({name: "Employees/Index"})
         }
     }
 }
 
+/**
+ * Watch State
+ */
+watch(employee, () => {
+    v$.value.$reset()
+    employeeStore.apiValidationErrors = []
+},{
+    deep: true
+})
+
 /**
  * Initialize the Component  
  */
diff --git a/src/stores/employee.ts b/src/stores/employee.ts
index 51adf1a..96839cf 100644
--- a/src/stores/employee.ts
+++ b/src/stores/employee.ts
@@ -3,6 +3,7 @@ import axios from '@/axios'
 import { useUser } from './user'
 import { useNotifications } from './notifications'
 import Axios from 'axios'
+import { stubFalse } from 'lodash'
 
 const user = useUser()
 const notifications = useNotifications()
@@ -142,6 +143,7 @@ export const useEmployee = defineStore({
                 notifications.add('success', result.statusText)
 
                 console.log(result)
+                return true
             }
             catch(error){
                 console.log("enter catch")
@@ -151,6 +153,7 @@ export const useEmployee = defineStore({
                     console.log(data)
                     this.apiValidationErrors = [...data.errors]
                 }
+                return false
             }
         },
     },