From 72cdc7bfbb672b6d9f06efe02faaa1a816076dc5 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 25 Jun 2022 20:01:38 +1000
Subject: Fix settings not saving if closed by other_modal/etc

---
 src/App.vue | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)

(limited to 'src/App.vue')

diff --git a/src/App.vue b/src/App.vue
index 14df49f..d1d3aaa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -636,6 +636,20 @@ export default defineComponent({
 			this.resetMode();
 			this.settingsOpen = true;
 		},
+		async onSettingChg(setting: string){
+			if (setting in this.lytOpts){
+				localStorage.setItem(lytOptPrefix + setting, String(this.lytOpts[setting as keyof LayoutOptions]));
+				this.relayoutWithCollapse();
+			} else if (setting in this.uiOpts){
+				localStorage.setItem(uiOptPrefix + setting, String(this.uiOpts[setting as keyof UiOptions]));
+				if (setting == 'useReducedTree'){
+					this.onTreeChange();
+				}
+			} else {
+				throw new Error('Unexpected setting');
+			}
+			console.log(`Saved ${setting}`)
+		},
 		async onTreeChange(){
 			if (this.activeRoot != this.layoutTree){
 				// Collapse tree to root
@@ -644,20 +658,6 @@ export default defineComponent({
 			await this.onNonleafClick(this.layoutTree);
 			await this.initTreeFromServer();
 		},
-		onSettingsChg(changedLytOpts: Iterable<string>, changedUiOpts: Iterable<string>): void {
-			let changed = false;
-			for (let opt of changedLytOpts){
-				localStorage.setItem(lytOptPrefix + opt, String(this.lytOpts[opt as keyof LayoutOptions]));
-				changed = true;
-			}
-			for (let opt of changedUiOpts){
-				localStorage.setItem(uiOptPrefix + opt, String(this.uiOpts[opt]));
-				changed = true;
-			}
-			if (changed){
-				console.log('Settings saved');
-			}
-		},
 		onResetSettings(): void {
 			localStorage.clear();
 			let defaultLytOpts = getDefaultLytOpts();
@@ -780,7 +780,7 @@ export default defineComponent({
 				// If search bar is open, switch search mode
 				if (this.searchOpen){
 					this.uiOpts.searchJumpMode = !this.uiOpts.searchJumpMode;
-					this.onSettingsChg([], ['searchJumpMode']);
+					this.onSettingChg('searchJumpMode');
 				}
 			}
 		},
@@ -996,7 +996,7 @@ export default defineComponent({
 	<!-- Modals -->
 	<transition name="fade">
 		<search-modal v-if="searchOpen" :tolMap="tolMap" :uiOpts="uiOpts" ref="searchModal"
-			@close="searchOpen = false" @search="onSearch" @info-click="onInfoClick" @settings-chg="onSettingsChg" />
+			@close="searchOpen = false" @search="onSearch" @info-click="onInfoClick" @setting-chg="onSettingChg" />
 	</transition>
 	<transition name="fade">
 		<tile-info-modal v-if="infoModalNodeName != null"
@@ -1007,8 +1007,7 @@ export default defineComponent({
 		<help-modal v-if="helpOpen" :uiOpts="uiOpts" @close="helpOpen = false" @start-tutorial="onStartTutorial"/>
 	</transition>
 	<settings-modal v-if="settingsOpen" :lytOpts="lytOpts" :uiOpts="uiOpts" class="z-10"
-		@close="settingsOpen = false" @reset="onResetSettings"
-		@settings-chg="onSettingsChg" @layout-setting-chg="relayoutWithCollapse" @tree-chg="onTreeChange"/>
+		@close="settingsOpen = false" @reset="onResetSettings" @setting-chg="onSettingChg"/>
 	<!-- Overlay used to prevent interaction and capture clicks -->
 	<div :style="{visibility: modeRunning ? 'visible' : 'hidden'}"
 		class="absolute left-0 top-0 w-full h-full" @click="modeRunning = false"></div>
-- 
cgit v1.2.3