From 82ce204e454a193476bc8b0fb3e609071e1494b3 Mon Sep 17 00:00:00 2001
From: Morteza Karimi <morteza@mcneel.com>
Date: Tue, 4 Jun 2024 11:34:10 -0700
Subject: [PATCH] Filter TOC by version

---
 quasar_site/src/ViewModel.js           | 4 +++-
 quasar_site/src/layouts/MainLayout.vue | 9 +++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/quasar_site/src/ViewModel.js b/quasar_site/src/ViewModel.js
index 058d3107..331e8644 100644
--- a/quasar_site/src/ViewModel.js
+++ b/quasar_site/src/ViewModel.js
@@ -77,6 +77,7 @@ const ViewModel = {
           header: "secondary",
           deprecated: x.deprecated,
           obsolete: x.obsolete,
+          since: x.since,
           children:
             overloads.length > 1
               ? overloads.map((o) => {
@@ -85,6 +86,7 @@ const ViewModel = {
                       this.memberName(o, childType.toLowerCase())
                     )[1],
                     path: `${o.path}#${this.signatureAnchorRef(o.signature)}`,
+                    since: o.since,
                   };
                 })
               : [],
@@ -243,7 +245,6 @@ const ViewModel = {
     if (!path) {
       return;
     }
-    // console.log("finding:", path);
     path = path.toLowerCase();
     let found = null;
 
@@ -265,6 +266,7 @@ const ViewModel = {
     _lastFound = found;
 
     if (
+      found &&
       _maxVersion &&
       found.since &&
       this.sinceIsGreater(found.since, _maxVersion)
diff --git a/quasar_site/src/layouts/MainLayout.vue b/quasar_site/src/layouts/MainLayout.vue
index 3464c458..ddb89903 100644
--- a/quasar_site/src/layouts/MainLayout.vue
+++ b/quasar_site/src/layouts/MainLayout.vue
@@ -42,7 +42,7 @@
       </q-header>
       <q-drawer v-model="leftDrawerOpen" behavior="desktop" show-if-above bordered id="myDrawer" :width="drawerWidth"
         @mouseover="() => shouldAutoScroll = false" @mouseout="() => shouldAutoScroll = true">
-        <q-tree no-transition ref=myTree :nodes="api" accordion dense node-key="path" selected-color="accent" :filter="searchText"
+        <q-tree no-transition ref=myTree :nodes="api" accordion dense node-key="path" selected-color="accent" :filter="filterVersion" :filter-method="filterTocByVersion"
           v-model:selected="selectedNode" v-model:expanded="expanded" :duration="200" @lazy-load="onLazyLoad">
           <template v-slot:default-header="prop" >
             <div class="row items-center">
@@ -129,6 +129,12 @@ export default {
         })
       }
     },
+    filterTocByVersion (node, filter) {
+        if(node.since){
+          return !ViewModel.sinceIsGreater(node.since, filter)
+        }
+        return true
+    },
     resizeDrawer(ev) {
       const drawerEl = document.getElementById("myDrawer");
       const drawerParent = drawerEl.parentElement;
@@ -148,7 +154,6 @@ export default {
     },
     onChangeSelectedItem(item, updateRoute) {
       const newSelectedNode = ViewModel.itemPath(item);
-      console.log("onchangeselecteditem");
       if (newSelectedNode !== this.selectedNode) {
         this.routePushEnabled = updateRoute;
         this.selectedNode = newSelectedNode;