implemented settings and user page (darkmode is still missing)

plugins/vuex.js

@@ -132,6 +132,32 @@ const store = createStore({
             onEmployeelist: true,
             onEmployee: false,
             chosenEmployeeId: -1,
+            newUsernameEmp: '',
+            newPasswordEmp: '',
+            newPasswordRepeatedEmp: '',
+            newFullNameEmp: '',
+            newEmailEmp: '',
+            newPhonenumberEmp: '',
+            newAddressEmp: '',
+            newCityEmp: '',
+            newPostcodeEmp: '',
+
+            loggedInUserId: '',
+            loggedInUserUsername: '',
+            loggedInUserRegistered: '',
+            loggedInUserLastLogin: '',
+            loggedInUserFullName: '',
+            loggedInUserEmail: '',
+            loggedInUserPhonenumber: '',
+            loggedInUserAddress: '',
+            loggedInUserCity: '',
+            loggedInUserPostcode: '',
+            loggedInUserAdminBool: false,
+            loggedInUserTechnicianBool: false,
+            loggedInUserReaderBool: false,
+            localStorageChanged: false,
+
+            changeToSet: false,
         };
     },
     mutations: {
@@ -139,6 +165,12 @@ const store = createStore({
         toggleEditable(state) {
             state.editable = !state.editable
         },
+        toggleChangeToSet(state) {
+            state.changeToSet = !state.changeToSet
+        },
+        resetChangeToSet(state) {
+            state.changeToSet = false
+        },
         toggleFiltered(state) {
             if (state.filtered == false) {
                 state.filtered = true
@@ -458,8 +490,8 @@ const store = createStore({
             state.addSolutionIcon = false
             state.solutionIcon = false
             state.addInstanceIcon = false
-            state.filterIcon = true
-            state.searchIcon = true
+            state.filterIcon = false
+            state.searchIcon = false
             state.instancesIcon = false
             state.attachmentsIcon = false
             state.sellIcon = false
@@ -522,6 +554,21 @@ const store = createStore({
             state.deleteIcon = true
         },
 
+        changeToSettings(state) {
+            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 = false
+        },
+
         // functions to update the asset
         updateAssetComponent(state, asset) {
             state.newAssetName = asset.assetName
@@ -629,6 +676,56 @@ const store = createStore({
             state.newPropertiesII = is.properties
         },
 
+        // functions to update the employee component
+        updateEmployeeComponent(state, employee) {
+            state.newUsernameEmp = employee.username
+            state.newPasswordEmp = employee.password
+            state.newPasswordRepeatedEmp = employee.passwordRepeated
+            state.newFullNameEmp = employee.fullName
+            state.newEmailEmp = employee.email
+            state.newPhonenumberEmp = employee.phonenumber
+            state.newAddressEmp = employee.address
+            state.newCityEmp = employee.city
+            state.newPostcodeEmp = employee.postcode
+        },
+
+        setLocalStorageChanged(state) {
+            state.localStorageChanged = true
+        },
+
+        resetLocalStorageChanged(state) {
+            state.localStorageChanged = false
+        },
+
+        // function to set the logged in user
+        setLoggedInUser(state, user) {
+            state.loggedInUserId = user.id
+            state.loggedInUserUsername = user.username
+            state.loggedInUserRegistered = user.registered
+            state.loggedInUserLastLogin = user.lastLogin
+            state.loggedInUserFullName = user.fullName
+            state.loggedInUserEmail = user.email
+            state.loggedInUserPhonenumber = user.phonenumber
+            state.loggedInUserAddress = user.address
+            state.loggedInUserCity = user.city
+            state.loggedInUserPostcode = user.postcode
+            if (user.adminBool == 1) {
+                state.loggedInUserAdminBool = true
+            } else {
+                state.loggedInUserAdminBool = false
+            }
+            if (user.technicianBool == 1) {
+                state.loggedInUserTechnicianBool = true
+            } else {
+                state.loggedInUserTechnicianBool = false
+            }
+            if (user.readerBool == 1) {
+                state.loggedInUserReaderBool = true
+            } else {
+                state.loggedInUserReaderBool = false
+            }
+        },
+
         // function to set the chosen asset
         setChosenAsset(state, id) {
             state.chosenAssetId = id
@@ -664,8 +761,8 @@ const store = createStore({
             state.chosenIssueVariantId = id
         },
 
-         // function to set the chosen user
-         setChosenEmployee(state, id) {
+        // function to set the chosen user
+        setChosenEmployee(state, id) {
             state.chosenEmployeeId = id
         },
 
@@ -776,6 +873,32 @@ const store = createStore({
 
             // reset the employee page variables
             state.chosenEmployeeId = -1
+            state.newUsernameEmp = ''
+            state.newPasswordEmp = ''
+            state.newPasswordRepeatedEmp = ''
+            state.newFullNameEmp = ''
+            state.newEmailEmp = ''
+            state.newPhonenumberEmp = ''
+            state.newAddressEmp = ''
+            state.newCityEmp = ''
+            state.newPostcodeEmp = ''
+        },
+
+        // function to logout 
+        logout(state) {
+            state.loggedInUserId = ''
+            state.loggedInUserUsername = ''
+            state.loggedInUserRegistered = ''
+            state.loggedInUserLastLogin = ''
+            state.loggedInUserFullName = ''
+            state.loggedInUserEmail = ''
+            state.loggedInUserPhonenumber = ''
+            state.loggedInUserAddress = ''
+            state.loggedInUserCity = ''
+            state.loggedInUserPostcode = ''
+            state.loggedInUserAdminBool = false
+            state.loggedInUserTechnicianBool = false
+            state.loggedInUserReaderBool = false
         },
 
         // functions to (undo) delete an asset