implemented userTable

plugins/vuex.js

@@ -128,6 +128,10 @@ const store = createStore({
             newAmountII: '',
             newPropertiesII: '',
             chosenIssueVariantId: -1,
+
+            onEmployeelist: true,
+            onEmployee: false,
+            chosenEmployeeId: -1,
         };
     },
     mutations: {
@@ -159,10 +163,6 @@ const store = createStore({
             state.changedCustomerId = id
         },
 
-        refresh() {
-            //
-        },
-
         // functions to change the asset pages
         changeToAssetlist(state) {
             state.onAssetlist = true
@@ -486,6 +486,42 @@ const store = createStore({
             state.deleteIcon = true
         },
 
+        // functions to change the user pages
+        changeToEmployeelist(state) {
+            state.onEmployeelist = true
+            state.onEmployee = false
+
+            state.addIcon = true
+            state.addSolutionIcon = false
+            state.solutionIcon = false
+            state.addInstanceIcon = false
+            state.filterIcon = true
+            state.searchIcon = false
+            state.instancesIcon = false
+            state.attachmentsIcon = false
+            state.sellIcon = false
+            state.archiveIcon = false
+            state.editIcon = false
+            state.deleteIcon = false
+        },
+        changeToEmployee(state) {
+            state.onEmployeelist = false
+            state.onEmployee = true
+
+            state.addIcon = false
+            state.addSolutionIcon = false
+            state.solutionIcon = false
+            state.addInstanceIcon = false
+            state.filterIcon = false
+            state.searchIcon = false
+            state.instancesIcon = false
+            state.attachmentsIcon = false
+            state.sellIcon = false
+            state.archiveIcon = false
+            state.editIcon = true
+            state.deleteIcon = true
+        },
+
         // functions to update the asset
         updateAssetComponent(state, asset) {
             state.newAssetName = asset.assetName
@@ -556,7 +592,7 @@ const store = createStore({
             state.newUserIS = is.user
             state.newDeliveryAddressIS = is.deliveryAddress
         },
-        
+
         // functions to update the accounting info component
         updateOrderingInfoComponent(state, o) {
             state.newOIs = o.ois
@@ -623,11 +659,16 @@ const store = createStore({
             state.chosenIssueId = id
         },
 
-         // function to set the chosen issue variant
-         setChosenIssueVariant(state, id) {
+        // function to set the chosen issue variant
+        setChosenIssueVariant(state, id) {
             state.chosenIssueVariantId = id
         },
 
+         // function to set the chosen user
+         setChosenEmployee(state, id) {
+            state.chosenEmployeeId = id
+        },
+
         // function to reset the pages
         resetStore(state) {
             state.editable = false
@@ -732,6 +773,9 @@ const store = createStore({
             state.newStateII = ''
             state.newAmountII = ''
             state.newPropertiesII = ''
+
+            // reset the employee page variables
+            state.chosenEmployeeId = -1
         },
 
         // functions to (undo) delete an asset
@@ -777,6 +821,10 @@ const store = createStore({
             state.onIssueItemList = false
             state.onIssueItemVariant = false
             state.onIssueItem = true
+
+            // set the employee variables
+            state.onEmployeelist = false
+            state.onEmployee = true
         },
     },
 });