From e980dd2f66e51f5c483c6ad4e13a7728a20a844a Mon Sep 17 00:00:00 2001
From: Muhammad Labeeb <mlabeeb03@gmail.com>
Date: Tue, 11 Feb 2025 16:46:18 +0500
Subject: [PATCH] use jinja for tab highlighting and remove user info

---
 tutordash/server/static/js/dash.js               |  8 --------
 tutordash/server/templates/index.html            | 16 ++++------------
 .../server/templates/installed_plugins.html      |  7 +++++++
 tutordash/server/templates/plugin_store.html     |  7 +++++++
 4 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/tutordash/server/static/js/dash.js b/tutordash/server/static/js/dash.js
index fa04a8b..5aa23f7 100644
--- a/tutordash/server/static/js/dash.js
+++ b/tutordash/server/static/js/dash.js
@@ -1,11 +1,3 @@
-if (window.location.href.indexOf("/plugin/store") > -1) {
-    document.querySelectorAll('.sidebar-tab')[0].classList.toggle('sidebar-tab-selected');
-    document.querySelectorAll('.sidebar-tab-logo')[0].classList.toggle('sidebar-tab-logo-selected');
-  } else {
-    document.querySelectorAll('.sidebar-tab')[1].classList.toggle('sidebar-tab-selected');
-    document.querySelectorAll('.sidebar-tab-logo')[1].classList.toggle('sidebar-tab-logo-selected');
-  }
-
 document.getElementById("search-input").addEventListener("input", function() {
   let filter = this.value.toLowerCase(); 
   let plugins = document.querySelectorAll(".installed-plugin"); 
diff --git a/tutordash/server/templates/index.html b/tutordash/server/templates/index.html
index 7a9e704..ec0e338 100644
--- a/tutordash/server/templates/index.html
+++ b/tutordash/server/templates/index.html
@@ -15,7 +15,6 @@
     <!-- <link rel="stylesheet" href="css/styles.css"> -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
     <link href="{{ url_for('static', filename='/css/dash.css') }}" rel="stylesheet">
     <!-- TODO self-host -->
     <script src="https://unpkg.com/htmx.org@2.0.3/dist/htmx.min.js"></script>
@@ -38,28 +37,21 @@
                 <div class="content">
                     <div>
                         <a href="{{ url_for('plugin_store') }}">
-                            <li class="sidebar-tab">
-                                <img class="sidebar-tab-logo" src="{{ url_for('static', filename='/img/shopping-bag.svg') }}" height="20rem"/>
+                            <li id="plugin-marketplace" class="sidebar-tab">
+                                <img id="plugin-marketplace-logo" class="sidebar-tab-logo" src="{{ url_for('static', filename='/img/shopping-bag.svg') }}" height="20rem"/>
                                 <span>Plugin Marketplace</span>
                             </li>
                         </a>
                         <p></p>
                         <a href="{{ url_for('installed_plugins') }}">
-                            <li class="sidebar-tab">
-                                <img class="sidebar-tab-logo" src="{{ url_for('static', filename='/img/stack.svg') }}" height="25rem"/>
+                            <li id="my-plugins" class="sidebar-tab">
+                                <img id="my-plugins-logo" class="sidebar-tab-logo" src="{{ url_for('static', filename='/img/stack.svg') }}" height="25rem"/>
                                 <span>My Plugins</span>
                             </li>
                         </a>
                     </div>
                 </div>
                 <div class="footer">
-                    <div>
-                        <div class="username">Firstname Lastname</div>
-                        <div class="email">test@test.com</div>
-                    </div>
-                    <div>
-                        <img src="{{ url_for('static', filename='/img/Button.svg') }}" height="40rem"/>
-                    </div>
                 </div>
             </div>
         </div>
diff --git a/tutordash/server/templates/installed_plugins.html b/tutordash/server/templates/installed_plugins.html
index ed5d4a1..11b42ac 100644
--- a/tutordash/server/templates/installed_plugins.html
+++ b/tutordash/server/templates/installed_plugins.html
@@ -39,3 +39,10 @@ Running local launch will allow all changes to plugins to take effect. This coul
     {% endfor %}
 </div>
 {% endblock %}
+
+{% block scripts %}
+<script>
+    document.getElementById('my-plugins').classList.toggle('sidebar-tab-selected');
+    document.querySelectorAll('my-plugins-logo').classList.toggle('sidebar-tab-logo-selected');
+</script>
+{% endblock %}
diff --git a/tutordash/server/templates/plugin_store.html b/tutordash/server/templates/plugin_store.html
index 76b1f81..b61bc00 100644
--- a/tutordash/server/templates/plugin_store.html
+++ b/tutordash/server/templates/plugin_store.html
@@ -24,3 +24,10 @@
 </ul>
 {% endfor %}
 {% endblock %}
+
+{% block scripts %}
+<script>
+    document.getElementById('plugin-marketplace').classList.toggle('sidebar-tab-selected');
+    document.querySelectorAll('plugin-marketplace-logo').classList.toggle('sidebar-tab-logo-selected');
+</script>
+{% endblock %}