Skip to content

GUI update & dependency #155

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
GitTimeraider merged 6 commits into from
Aug 25, 2026
Merged

GUI update & dependency #155

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
7525806
Bump gunicorn from 26.0.0 to 26.1.0
dependabot[bot] Aug 24, 2026
c9b5f8b
Modernize GUI styling without changing markup or JS contracts
claude Aug 25, 2026
f15d6c9
Merge pull request #153 from GitTimeraider/claude/gui-modernization-k…
GitTimeraider Aug 25, 2026
acf84b7
Hide the app nav on the login page
claude Aug 25, 2026
e60afa7
Merge pull request #154 from GitTimeraider/claude/gui-login-nav-fix
GitTimeraider Aug 25, 2026
091df41
Merge pull request #152 from GitTimeraider/dependabot/pip/develop/gun…
GitTimeraider Aug 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions app/templates/base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='assets/img/ico_main_25.ico') }}">
</head>
<body data-theme="{{ current_user.theme_preference if current_user.is_authenticated else 'dark' }}">
{% if current_user.is_authenticated %}
<nav>
<div class="nav-brand">
<a href="{{ url_for('dashboard') }}">DirectAdmin 📧 Forwarder</a>
Expand All @@ -30,7 +31,9 @@
<a href="{{ url_for('auth.logout') }}">Logout</a>
</div>
</nav>
{% endif %}

<main class="site-main">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
Expand All @@ -40,6 +43,7 @@
{% endwith %}

{% block content %}{% endblock %}
</main>

<footer class="site-footer">
<p>Created by <a href="https://github.com/GitTimeraider" target="_blank" rel="noopener noreferrer">GitTimeraider</a></p>
Expand Down
2 changes: 1 addition & 1 deletion requirements.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
Flask==3.1.3
Flask-SQLAlchemy==3.1.1
Flask-Login==0.6.3
gunicorn==26.0.0
gunicorn==26.1.0
Werkzeug==3.1.8
pyotp==2.10.0
qrcode==8.2
Expand Down
85 changes: 43 additions & 42 deletions static/base.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,60 +4,61 @@ document.addEventListener('DOMContentLoaded', function() {
const navLinks = document.getElementById('navLinks');
const body = document.body;

// Create overlay element
const overlay = document.createElement('div');
overlay.className = 'nav-overlay';
document.body.appendChild(overlay);
// Nav is only rendered for authenticated users (e.g. not on the login page)
if (hamburger && navLinks) {
// Create overlay element
const overlay = document.createElement('div');
overlay.className = 'nav-overlay';
document.body.appendChild(overlay);

// Toggle menu function
function toggleMenu() {
hamburger.classList.toggle('active');
navLinks.classList.toggle('active');
overlay.classList.toggle('active');
body.classList.toggle('menu-open');
}
// Toggle menu function
function toggleMenu() {
hamburger.classList.toggle('active');
navLinks.classList.toggle('active');
overlay.classList.toggle('active');
body.classList.toggle('menu-open');
}

// Hamburger click
if (hamburger) {
// Hamburger click
hamburger.addEventListener('click', toggleMenu);
}

// Overlay click (close menu)
overlay.addEventListener('click', function() {
if (navLinks.classList.contains('active')) {
toggleMenu();
}
});

// Close menu when clicking a link
const navLinksItems = navLinks.querySelectorAll('a');
navLinksItems.forEach(link => {
link.addEventListener('click', function() {
if (window.innerWidth <= 768) {
// Overlay click (close menu)
overlay.addEventListener('click', function() {
if (navLinks.classList.contains('active')) {
toggleMenu();
}
});
});

// Handle window resize
let resizeTimer;
window.addEventListener('resize', function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (window.innerWidth > 768) {
// Reset menu state on desktop
hamburger.classList.remove('active');
navLinks.classList.remove('active');
overlay.classList.remove('active');
body.classList.remove('menu-open');
}
}, 250);
});
// Close menu when clicking a link
const navLinksItems = navLinks.querySelectorAll('a');
navLinksItems.forEach(link => {
link.addEventListener('click', function() {
if (window.innerWidth <= 768) {
toggleMenu();
}
});
});

// Handle window resize
let resizeTimer;
window.addEventListener('resize', function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (window.innerWidth > 768) {
// Reset menu state on desktop
hamburger.classList.remove('active');
navLinks.classList.remove('active');
overlay.classList.remove('active');
body.classList.remove('menu-open');
}
}, 250);
});
}

// Theme persistence - apply theme from localStorage if different from server preference
const savedTheme = localStorage.getItem('theme-preference');
const currentTheme = body.getAttribute('data-theme');

if (savedTheme && savedTheme !== currentTheme) {
body.setAttribute('data-theme', savedTheme);
}
Expand Down
Loading