chelsea/balanceboard
0
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: chelsea:b0b9a9e912de352d16fa96df6c234d888c4aea48
Branches Tags
chelsea:main chelsea:lnwc
..
compare: chelsea:466badd326e57efdcd076a9dff119a4d1fedd441
Branches Tags
chelsea:lnwc chelsea:main

2 Commits
b0b9a9e912 ... 466badd326

Author SHA1 Message Date
chelsea
466badd326 Fix avatar upload requiring username/email (Issue #12) 
- Remove unnecessary wrapper form around Profile Picture section
- Avatar upload form is now standalone, not nested
- Prevents browser validation from requiring username/email when uploading avatar

Fixes #12
 2025-10-11 23:58:01 -05:00
chelsea
29b4a9d339 Add topbar navigation to all pages and make logo clickable (Issues #14, #13) 
- Create reusable _nav.html navigation include
- Add topbar to all settings pages (settings, profile, communities, filters, experience)
- Add topbar to all admin pages (admin, polling, polling_logs, setup)
- Replace hardcoded nav in dashboard with include
- Wrap logo in link to index page (fixes clicking logo to go home)

Fixes #14, #13
 2025-10-11 23:56:52 -05:00
10 changed files with 77 additions and 71 deletions
Expand all files Collapse all files

47
templates/_nav.html Normal file
View File

@@ -0,0 +1,47 @@
<!-- Modern Top Navigation -->
<nav class="top-nav">
<div class="nav-content">
<div class="nav-left">
<a href="{{ url_for('index') }}" class="logo-section">
<img src="{{ url_for('serve_logo') }}" alt="BalanceBoard" class="nav-logo">
<span class="brand-text"><span class="brand-balance">balance</span><span class="brand-board">Board</span></span>
</a>
</div>
<div class="nav-center">
<div class="search-bar">
<input type="text" placeholder="Search content..." class="search-input">
<button class="search-btn">🔍</button>
</div>
</div>
<div class="nav-right">
{% if current_user.is_authenticated %}
<div class="user-menu">
<div class="user-info">
<div class="user-avatar">
{% if current_user.profile_picture_url %}
<img src="{{ current_user.profile_picture_url }}" alt="Avatar">
{% else %}
<div class="avatar-placeholder">{{ current_user.username[:2].upper() }}</div>
{% endif %}
</div>
<span class="username">{{ current_user.username }}</span>
</div>
<div class="user-dropdown">
<a href="{{ url_for('settings') }}" class="dropdown-item">⚙️ Settings</a>
{% if current_user.is_admin %}
<a href="{{ url_for('admin_panel') }}" class="dropdown-item">👨‍💼 Admin Panel</a>
{% endif %}
<a href="{{ url_for('logout') }}" class="dropdown-item">🚪 Logout</a>
</div>
</div>
{% else %}
<div class="anonymous-actions">
<a href="{{ url_for('login') }}" class="login-btn">🔑 Login</a>
<a href="{{ url_for('signup') }}" class="register-btn">📝 Sign Up</a>
</div>
{% endif %}
</div>
</div>
</nav>

1
templates/admin.html
View File

@@ -345,6 +345,7 @@
</style>
</head>
<body>
{% include '_nav.html' %}
<div class="admin-container">
<a href="{{ url_for('index') }}" class="back-link">← Back to Feed</a>

1
templates/admin_polling.html
View File

@@ -177,6 +177,7 @@
</style>
</head>
<body>
{% include '_nav.html' %}
<div class="admin-container">
<div class="admin-header">
<h1>📡 Polling Management</h1>

1
templates/admin_polling_logs.html
View File

@@ -107,6 +107,7 @@
</style>
</head>
<body>
{% include '_nav.html' %}
<div class="admin-container">
<div class="admin-header">
<h1>📋 Polling Logs</h1>

49
templates/dashboard.html
View File

@@ -3,54 +3,7 @@
{% block title %}Dashboard - BalanceBoard{% endblock %}
{% block content %}
<!-- Modern Top Navigation -->
<nav class="top-nav">
<div class="nav-content">
<div class="nav-left">
<div class="logo-section">
<img src="{{ url_for('serve_logo') }}" alt="BalanceBoard" class="nav-logo">
<span class="brand-text"><span class="brand-balance">balance</span><span class="brand-board">Board</span></span>
</div>
</div>
<div class="nav-center">
<div class="search-bar">
<input type="text" placeholder="Search content..." class="search-input">
<button class="search-btn">🔍</button>
</div>
</div>
<div class="nav-right">
{% if anonymous %}
<div class="anonymous-actions">
<a href="{{ url_for('login') }}" class="login-btn">🔑 Login</a>
<a href="{{ url_for('signup') }}" class="register-btn">📝 Sign Up</a>
</div>
{% else %}
{# This block only executes for authenticated users (per app.py line 278) #}
<div class="user-menu">
<div class="user-info">
<div class="user-avatar">
{% if current_user.profile_picture_url %}
<img src="{{ current_user.profile_picture_url }}" alt="Avatar">
{% else %}
<div class="avatar-placeholder">{{ current_user.username[:2].upper() }}</div>
{% endif %}
</div>
<span class="username">{{ current_user.username }}</span>
</div>
<div class="user-dropdown">
<a href="{{ url_for('settings') }}" class="dropdown-item">⚙️ Settings</a>
{% if current_user.is_admin %}
<a href="{{ url_for('admin_panel') }}" class="dropdown-item">👨‍💼 Admin Panel</a>
{% endif %}
<a href="{{ url_for('logout') }}" class="dropdown-item">🚪 Logout</a>
</div>
</div>
{% endif %}
</div>
</div>
</nav>
{% include '_nav.html' %}
<!-- Main Content Area -->
<main class="main-content">

1
templates/settings.html
View File

@@ -230,6 +230,7 @@
{% endblock %}
{% block content %}
{% include '_nav.html' %}
<div class="settings-container">
<div class="settings-header">
<h1>Settings</h1>

1
templates/settings_communities.html
View File

@@ -235,6 +235,7 @@
{% endblock %}
{% block content %}
{% include '_nav.html' %}
<div class="settings-container">
<div class="settings-header">
<h1>Community Settings</h1>

1
templates/settings_experience.html
View File

@@ -241,6 +241,7 @@
{% endblock %}
{% block content %}
{% include '_nav.html' %}
<div class="experience-settings">
<div class="experience-header">
<h1>Experience Settings</h1>

1
templates/settings_filters.html
View File

@@ -263,6 +263,7 @@
{% endblock %}
{% block content %}
{% include '_nav.html' %}
<div class="settings-container">
<div class="settings-header">
<h1>Filter Settings</h1>

3
templates/settings_profile.html
View File

@@ -225,6 +225,7 @@
{% endblock %}
{% block content %}
{% include '_nav.html' %}
<div class="settings-container">
<div class="settings-header">
<h1>Profile Settings</h1>
@@ -242,7 +243,6 @@
{% endwith %}
</div>
<form method="POST">
<div class="profile-section">
<h2>Profile Picture</h2>
<div class="profile-avatar">
@@ -266,7 +266,6 @@
</div>
</div>
</div>
</form>
<form method="POST">
<div class="profile-section">