diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-05-12 00:10:12 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-05-12 00:10:12 +1000 |
| commit | e1ef2bf3387769de4edc4a7ec1a6d38c5a21c5e7 (patch) | |
| tree | d2a8ee2f6e36cbbc723de774965c9a001b746b0d /src/components/SettingsPane.vue | |
| parent | 4872ce9c22cc3c7024075f66409efdaf8860e9b8 (diff) | |
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.
Diffstat (limited to 'src/components/SettingsPane.vue')
| -rw-r--r-- | src/components/SettingsPane.vue | 19 |
1 files changed, 18 insertions, 1 deletions
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> |