vxaboveground/overlord
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix notifications + improve them, improve normal UI stuff further + fix readme.

Browse Source
This commit is contained in:
KingKDot
2026-05-08 22:36:03 -05:00
parent 9ad085c922
commit 0df68b2778
6 changed files with 302 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Overlord-Server/public/notifications.html
+35 -9
View File
@@ -355,25 +355,51 @@
id="notification-panel"
class="bg-slate-900/60 border border-slate-800 rounded-xl p-4"
>
<div class="flex items-center justify-between mb-3">
<div class="flex items-center justify-between flex-wrap gap-3 mb-3">
<div>
<h2 class="text-lg font-semibold">Notifications</h2>
<p id="notification-scope-hint" class="text-xs text-slate-500 mt-0.5">
Showing notifications for your accessible clients.
</p>
</div>
<div class="flex items-center gap-2">
<div class="relative">
<i class="fa-solid fa-magnifying-glass absolute left-3 top-1/2 -translate-y-1/2 text-slate-500 text-xs"></i>
<input
id="notification-search"
type="search"
placeholder="Search notifications..."
class="w-64 sm:w-72 rounded-lg bg-slate-950 border border-slate-800 text-slate-100 pl-8 pr-3 py-2 text-sm focus:outline-none focus:border-blue-500"
/>
</div>
<span id="notification-result-hint" class="text-xs text-slate-500"></span>
</div>
</div>
<div class="overflow-x-auto max-h-96">
<table class="min-w-full text-sm">
<thead class="text-slate-400 sticky top-0 bg-slate-900">
<thead id="notification-thead" class="text-slate-400 sticky top-0 bg-slate-900">
<tr class="text-left">
<th class="py-2 pr-4">Time</th>
<th class="py-2 pr-4">Client</th>
<th class="py-2 pr-4">User</th>
<th class="py-2 pr-4">Title / Content</th>
<th class="py-2 pr-4">Process</th>
<th class="py-2 pr-4">Keyword</th>
<th class="py-2 pr-4">Source</th>
<th class="py-2 pr-4 select-none cursor-pointer hover:text-slate-200" data-sort-key="ts">
<span class="inline-flex items-center gap-1">Time<i class="sort-icon fa-solid fa-sort text-xs text-slate-600"></i></span>
</th>
<th class="py-2 pr-4 select-none cursor-pointer hover:text-slate-200" data-sort-key="clientId">
<span class="inline-flex items-center gap-1">Client<i class="sort-icon fa-solid fa-sort text-xs text-slate-600"></i></span>
</th>
<th class="py-2 pr-4 select-none cursor-pointer hover:text-slate-200" data-sort-key="user">
<span class="inline-flex items-center gap-1">User<i class="sort-icon fa-solid fa-sort text-xs text-slate-600"></i></span>
</th>
<th class="py-2 pr-4 select-none cursor-pointer hover:text-slate-200" data-sort-key="title">
<span class="inline-flex items-center gap-1">Title / Content<i class="sort-icon fa-solid fa-sort text-xs text-slate-600"></i></span>
</th>
<th class="py-2 pr-4 select-none cursor-pointer hover:text-slate-200" data-sort-key="process">
<span class="inline-flex items-center gap-1">Process<i class="sort-icon fa-solid fa-sort text-xs text-slate-600"></i></span>
</th>
<th class="py-2 pr-4 select-none cursor-pointer hover:text-slate-200" data-sort-key="keyword">
<span class="inline-flex items-center gap-1">Keyword<i class="sort-icon fa-solid fa-sort text-xs text-slate-600"></i></span>
</th>
<th class="py-2 pr-4 select-none cursor-pointer hover:text-slate-200" data-sort-key="source">
<span class="inline-flex items-center gap-1">Source<i class="sort-icon fa-solid fa-sort text-xs text-slate-600"></i></span>
</th>
<th class="py-2 pr-4">Preview</th>
</tr>
</thead>