#1 filter nodes

Scobiform · Apr 17, 2024 · 59e6f80 · 59e6f80
1 parent 27af429
commit 59e6f80
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/templates/graph.html b/templates/graph.html
@@ -43,4 +43,13 @@
     el => Graph.width(el.offsetWidth)
   );
 
+  function filterNodes(filterType) {
+    Graph.graphData().nodes.forEach(node => {
+        node.hidden = (filterType !== 'all' && node.type !== filterType);
+    });
+    Graph.refresh();  // This function call updates the graph rendering
+  }
+
+
+
 </script>
diff --git a/templates/index.html b/templates/index.html
@@ -16,11 +16,15 @@
         {% else %}
             <a href="/login">Login with Mastodon</a>
         {% endif %}
+
+        <!-- Buttons to show and hide nodes based on type-->
+        <button onclick="filterNodes('follower');">Show Followers</button>
+        <button onclick="filterNodes('followings');">Show Followings</button>
+        <button onclick="filterNodes('all');">Show All</button>
     </header>
 
     {{ graph | safe }}
 
-
 </body>
 </html>