Add activity logs table
This commit is contained in:
@@ -7,6 +7,7 @@
|
||||
<input type="radio" name="settings_tabs" id="radio-users" class="peer/users hidden" checked>
|
||||
<input type="radio" name="settings_tabs" id="radio-exercises" class="peer/exercises hidden">
|
||||
<input type="radio" name="settings_tabs" id="radio-export" class="peer/export hidden">
|
||||
<input type="radio" name="settings_tabs" id="radio-activity" class="peer/activity hidden">
|
||||
|
||||
<!-- Tab Navigation -->
|
||||
<div class="border-b border-gray-200 mb-6 bg-gray-50 z-10">
|
||||
@@ -50,6 +51,20 @@
|
||||
Data & Export
|
||||
</label>
|
||||
</li>
|
||||
<li class="mr-2">
|
||||
<label for="radio-activity" hx-get="/settings/activity_logs" hx-target="#activity-logs-container"
|
||||
hx-trigger="click"
|
||||
class="inline-flex items-center justify-center p-4 border-b-2 rounded-t-lg group cursor-pointer transition-colors
|
||||
peer-checked/activity:border-cyan-600 peer-checked/activity:text-cyan-600 border-transparent hover:text-gray-700 hover:border-gray-300">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
|
||||
clip-rule="evenodd" />
|
||||
</svg>
|
||||
Activity
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -303,6 +318,24 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Activity Tab Content -->
|
||||
<div class="hidden peer-checked/activity:block">
|
||||
<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">
|
||||
<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 id="activity-logs-container">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user