tutor/tutor-deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use jinja for tab highlighting and remove user info

Browse Source
This commit is contained in:
Muhammad Labeeb 2025-02-11 16:46:18 +05:00 committed by Régis Behmo
parent b32087c1a2
commit e980dd2f66
4 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
tutordash/server/static/js/dash.js
View File

@ -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");

16
tutordash/server/templates/index.html
View File

@ -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>

7
tutordash/server/templates/installed_plugins.html
View File

@ -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 %}

7
tutordash/server/templates/plugin_store.html
View File

@ -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 %}