31 lines
1.8 KiB
HTML
31 lines
1.8 KiB
HTML
<div class="bg-white shadow rounded-lg p-4 sm:p-6 lg:p-8 mb-8">
|
|
<div class="mb-6 border-b border-gray-100 pb-4 flex justify-between items-center">
|
|
<div>
|
|
<h3 class="text-xl font-bold text-gray-900">Activity Logs</h3>
|
|
<p class="text-sm text-gray-500">Review recent actions and administrative changes.</p>
|
|
</div>
|
|
<div class="relative max-w-sm w-full">
|
|
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
|
|
<svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
|
|
fill="currentColor" aria-hidden="true">
|
|
<path fill-rule="evenodd"
|
|
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
|
|
clip-rule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" name="search_query"
|
|
class="focus:ring-cyan-500 focus:border-cyan-500 block w-full pl-10 p-2 sm:text-sm border-gray-300 rounded-lg bg-gray-50"
|
|
placeholder="Search logs by action, user, or details..."
|
|
hx-get="{{ url_for('settings.settings_activity_logs') }}" hx-trigger="keyup changed delay:500ms, search"
|
|
hx-target="#activity-logs-container">
|
|
</div>
|
|
</div>
|
|
<div id="activity-logs-container" hx-get="{{ url_for('settings.settings_activity_logs') }}" hx-trigger="load">
|
|
<div class="flex justify-center p-12">
|
|
<div class="flex flex-col items-center">
|
|
<div class="animate-spin rounded-full h-10 w-10 border-b-2 border-cyan-600 mb-4"></div>
|
|
<p class="text-sm text-gray-500">Loading activity history...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |