From e1ef2bf3387769de4edc4a7ec1a6d38c5a21c5e7 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Thu, 12 May 2022 00:10:12 +1000
Subject: Add reduced-tree data generation+serving+querying+setting

Add genReducedTreeData.py, which generates a reduced_nodes table.
Adjust server to serve that data for queries with a tree=reduced query param.
Adjust client to query for that data depending on a useReducedTree variable.
Add a SettingsPane setting to change that useReducedTree variable.
---
 src/components/SettingsPane.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'src/components/SettingsPane.vue')

diff --git a/src/components/SettingsPane.vue b/src/components/SettingsPane.vue
index 13a7f26..cf046c3 100644
--- a/src/components/SettingsPane.vue
+++ b/src/components/SettingsPane.vue
@@ -34,9 +34,12 @@ export default defineComponent({
 			}
 			this.onLytOptChg();
 		},
+		onTreeChg(){
+			this.$emit('tree-change');
+		},
 	},
 	components: {CloseIcon, },
-	emits: ['settings-close', 'layout-option-change', ],
+	emits: ['settings-close', 'layout-option-change', 'tree-change', ],
 });
 </script>
 
@@ -115,5 +118,19 @@ export default defineComponent({
 		<label>Animation Duration <input type="range" min="0" max="3000" class="mx-2 w-[3cm]"
 			v-model.number="uiOpts.tileChgDuration"/></label>
 	</div>
+	<hr class="border-stone-400"/>
+	<div>
+		Tree
+		<ul>
+			<li>
+				<label> <input type="radio" v-model="uiOpts.useReducedTree" :value="false"
+					@change="onTreeChg"/> Default </label>
+			</li>
+			<li>
+				<label> <input type="radio" v-model="uiOpts.useReducedTree" :value="true"
+					@change="onTreeChg"/> Reduced </label>
+			</li>
+		</ul>
+	</div>
 </div>
 </template>
-- 
cgit v1.2.3

