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/SearchModal.vue   |  2 ++
 src/components/SettingsPane.vue  | 19 ++++++++++++++++++-
 src/components/TileInfoModal.vue |  1 +
 3 files changed, 21 insertions(+), 1 deletion(-)

(limited to 'src/components')

diff --git a/src/components/SearchModal.vue b/src/components/SearchModal.vue
index dbe47af..eccc685 100644
--- a/src/components/SearchModal.vue
+++ b/src/components/SearchModal.vue
@@ -41,6 +41,7 @@ export default defineComponent({
 			let url = new URL(window.location.href);
 			url.pathname = '/data/chain';
 			url.search = '?name=' + encodeURIComponent(tolNodeName);
+			url.search += (this.uiOpts.useReducedTree ? '&tree=reduced' : '');
 			fetch(url.toString())
 				.then(response => response.json())
 				.then(obj => {
@@ -80,6 +81,7 @@ export default defineComponent({
 			let url = new URL(window.location.href);
 			url.pathname = '/data/search';
 			url.search = '?name=' + encodeURIComponent(input.value);
+			url.search += (this.uiOpts.useReducedTree ? '&tree=reduced' : '');
 			this.lastSuggReqId += 1;
 			let suggsId = this.lastSuggReqId;
 			let reqDelay = 0;
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>
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue
index 72515d3..6701f1f 100644
--- a/src/components/TileInfoModal.vue
+++ b/src/components/TileInfoModal.vue
@@ -82,6 +82,7 @@ export default defineComponent({
 		<h1 class="text-center text-xl font-bold mb-2">
 			{{displayName}}
 			<div v-if="tolNode.children.length > 0">({{tolNode.children.length}} children)</div>
+			<div>({{tolNode.tips}} tips)</div>
 		</h1>
 		<hr class="mb-4 border-stone-400"/>
 		<div class="flex">
-- 
cgit v1.2.3