2024-06-13 17:47:01 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<title>Sidebar</title>
|
2024-06-14 09:35:53 +00:00
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
|
2024-06-13 17:47:01 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="sidebar">
|
|
|
|
<h3>Welcome, {{ username }}</h3>
|
|
|
|
<ul>
|
2024-06-14 09:35:53 +00:00
|
|
|
<div class="sidebar-tabs sidebar-selected">
|
|
|
|
<div class="sidebar-tabs-content"><a href="/dashboard">Friends</a></div>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
<h4>Direct Messages</h4>
|
|
|
|
<ul id="friends-list">
|
|
|
|
{% for friend in friends %}
|
|
|
|
<li data-username="{{ friend.username }}">
|
|
|
|
<span class="status-indicator {{ 'online' if friend.online else 'offline' }}" id="status-{{ friend.username }}"></span>
|
|
|
|
<a href="/chat/{{ friend.id }}">{{ friend.username }}</a>
|
|
|
|
</li>
|
|
|
|
{% endfor %}
|
2024-06-13 17:47:01 +00:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|