diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-26 12:22:12 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-26 12:41:15 +1100 |
| commit | dacc1b2e8fe4b7971304116fce54b3757d37d164 (patch) | |
| tree | f06c58581ea269354f086b0c3ffa30e4227809c1 /src/components/TileTree.vue | |
| parent | 91f78e4ec12eda07840b940692013a1aa025b7b8 (diff) | |
Highlight search result
Diffstat (limited to 'src/components/TileTree.vue')
| -rw-r--r-- | src/components/TileTree.vue | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue index 4ede92f..7aa405e 100644 --- a/src/components/TileTree.vue +++ b/src/components/TileTree.vue @@ -53,6 +53,7 @@ const defaultComponentOptions = { borderRadius: 5, //px shadowNormal: '0 0 2px black', shadowHighlight: '0 0 1px 2px greenyellow', + shadowSearchResult: '0 0 1px 2px orange', // For leaf and separated-parent components imgTilePadding: 4, //px imgTileFontSz: 15, //px @@ -92,6 +93,7 @@ export default defineComponent({ infoModalNode: null as TolNode | null, // Hides/unhides info modal, and provides the node to display searchOpen: false, settingsOpen: false, + lastSearchResult: null as LayoutNode | null, // Options layoutOptions: {...defaultLayoutOptions}, componentOptions: {...defaultComponentOptions}, @@ -252,6 +254,9 @@ export default defineComponent({ }, onSearchNode(tolNode: TolNode){ this.searchOpen = false; + if (this.lastSearchResult != null){ + this.lastSearchResult.searchResult = false; + } this.expandToTolNode(tolNode); }, // @@ -273,6 +278,8 @@ export default defineComponent({ // Check if searched node is shown let layoutNode = this.layoutMap.get(tolNode.name); if (layoutNode != null && !layoutNode.hidden){ + layoutNode.searchResult = true; + this.lastSearchResult = layoutNode; return; } // Get nearest in-layout-tree ancestor @@ -284,11 +291,11 @@ export default defineComponent({ // If hidden, expand ancestor in parent-bar if (layoutNode.hidden){ // Get ancestor in parent-bar - while (!this.sepdParents.includes(layoutNode)){ - ancestor = ancestor.parent; - layoutNode = this.layoutMap.get(ancestor.name); + while (!this.sepdParents!.includes(layoutNode)){ + ancestor = ancestor.parent!; + layoutNode = this.layoutMap.get(ancestor.name)!; } - this.onSepdParentClicked(layoutNode); + this.onSepdParentClicked(layoutNode!); setTimeout(() => this.expandToTolNode(tolNode), 300); return; } |