44 lines
No EOL
1.9 KiB
HTML
44 lines
No EOL
1.9 KiB
HTML
<div class="sidebar w-fit bg-transparent text-white flex flex-col items-center">
|
|
<div class="sidebar-content h-full w-60 p-5 rounded-t-lg">
|
|
|
|
|
|
|
|
<h4 class="flex flex-row items-center">
|
|
<i class="fa-solid fa-table-columns text-slate-900 dark:!text-slate-200"></i>
|
|
<a class="text-slate-900 dark:!text-slate-100 pl-2" href="/dashboard">Dashboard</a>
|
|
</h4>
|
|
<h4 class="flex flex-row items-center">
|
|
<i class="fa-solid fa-comment text-slate-900 dark:!text-slate-200"></i>
|
|
<div class="text-slate-900 dark:!text-slate-100 pl-2">Direct Messages</div>
|
|
</h4>
|
|
<ul id="friends-list">
|
|
{% for friend in friends %}
|
|
<li data-username="{{ friend.username }}">
|
|
<span class="status-indicator {{ 'online' if friend.online else 'offline' }}"></span>
|
|
<a class="dark:!text-slate-400 text-slate-900 hover:!text-slate-400 hover:dark:!text-slate-200" href="/chat/{{ friend.id }}">{{ friend.username }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<h4 class="flex flex-row items-center">
|
|
<i class="fa-solid fa-comments text-slate-900 dark:!text-slate-200"></i>
|
|
<div class="text-slate-900 dark:!text-slate-100 pl-2">Groups</div>
|
|
</h4>
|
|
<ul id="groups-list">
|
|
{% for group in groups %}
|
|
<li>
|
|
<a class="dark:!text-slate-400 text-slate-900 hover:!text-slate-400 hover:dark:!text-slate-200" href="/group_chat/{{ group.id }}">{{ group.name }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// Function to refresh the page
|
|
function refreshPage() {
|
|
location.reload();
|
|
}
|
|
|
|
// Set the interval to refresh the page every 3 seconds (3000 milliseconds)
|
|
// setInterval(refreshPage, 2000);
|
|
</script> |