feat(settings): migrate local storage preferences to database

Author: Pringels

apps/settings/src/main-apps-users-management.ts

@@ -30,6 +30,10 @@ sync(store, router)
 
 const pinia = createPinia()
 
+// Migrate legacy local storage settings to the database
+store.dispatch('migrateLocalStorage')
+
+
 export default new Vue({
 	router,
 	store,

apps/settings/src/store/users.js

@@ -797,6 +797,42 @@ const actions = {
 				.catch((error) => { throw error })
 		}).catch((error) => context.commit('API_FAILURE', { userid, error }))
 	},
+	/**
+	 * Migrate local storage keys to database
+	 *
+	 * @param {object} context store context
+	 */
+	migrateLocalStorage({ commit }) {
+		const preferences = {
+			showStoragePath: 'user_list_show_storage_path',
+			showUserBackend: 'user_list_show_user_backend',
+			showFirstLogin: 'user_list_show_first_login',
+			showLastLogin: 'user_list_show_last_login',
+			showNewUserForm: 'user_list_show_new_user_form',
+			showLanguages: 'user_list_show_languages',
+		}
+
+		for (const [key, dbKey] of Object.entries(preferences)) {
+			const localKey = `account_settings__${key}`
+			const localValue = window.localStorage.getItem(localKey)
+			if (localValue === null) {
+				continue
+			}
+
+			const value = localValue === 'true'
+			commit('setShowConfig', { key, value })
+
+			axios.post(generateUrl(`/settings/users/preferences/${dbKey}`), {
+				value: value ? 'true' : 'false',
+			}).then(() => {
+				window.localStorage.removeItem(localKey)
+			}).catch((error) => {
+				logger.error(`Failed to migrate preference ${key}`, { error })
+			})
+		}
+	},
+
+
 	/**
 	 * Set show config
 	 *