Kobe/docupulse
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix some errors

Browse Source
This commit is contained in:
Kobe
2025-05-27 10:53:06 +02:00
parent a987a551a1
commit 9860a9a36c
7 changed files with 46 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
templates/contacts/list.html
View File

@@ -30,11 +30,6 @@
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-200">
</div>
<div class="flex gap-4 items-center">
<select name="status" class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-200">
<option value="">All Status</option>
<option value="active" {% if request.args.get('status') == 'active' %}selected{% endif %}>Active</option>
<option value="inactive" {% if request.args.get('status') == 'inactive' %}selected{% endif %}>Inactive</option>
</select>
<select name="role" class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-200">
<option value="">All Roles</option>
<option value="admin" {% if request.args.get('role') == 'admin' %}selected{% endif %}>Admin</option>
@@ -91,7 +86,6 @@
// Clear button resets all filters and submits the form
document.getElementById('clearFilters').addEventListener('click', function() {
document.querySelector('#filterForm input[name="search"]').value = '';
document.querySelector('#filterForm select[name="status"]').selectedIndex = 0;
document.querySelector('#filterForm select[name="role"]').selectedIndex = 0;
document.getElementById('filterForm').submit();
});
@@ -107,7 +101,6 @@
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Contact Info</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Company</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Role</th>
<th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
</tr>
@@ -149,26 +142,6 @@
<td class="px-6 py-4 whitespace-nowrap">
<div class="text-sm text-gray-900">{{ user.company or 'No company' }}</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex flex-row flex-wrap gap-1.5">
{% if user.email != current_user.email and not user.is_admin %}
<form method="POST" action="{{ url_for('contacts.toggle_active', id=user.id) }}" class="inline">
<button type="submit"
class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-sm font-medium transition-colors duration-200 cursor-pointer"
style="background-color: {% if user.is_active %}rgba(34,197,94,0.1){% else %}rgba(239,68,68,0.1){% endif %}; color: {% if user.is_active %}#15803d{% else %}#b91c1c{% endif %};">
<i class="fas fa-{% if user.is_active %}check-circle{% else %}times-circle{% endif %}" style="font-size: 0.85em; opacity: 0.7;"></i>
{{ 'Active' if user.is_active else 'Inactive' }}
</button>
</form>
{% else %}
<span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-sm font-medium"
style="background-color: {% if user.is_active %}rgba(34,197,94,0.1){% else %}rgba(239,68,68,0.1){% endif %}; color: {% if user.is_active %}#15803d{% else %}#b91c1c{% endif %};">
<i class="fas fa-{% if user.is_active %}check-circle{% else %}times-circle{% endif %}" style="font-size: 0.85em; opacity: 0.7;"></i>
{{ 'Active' if user.is_active else 'Inactive' }}
</span>
{% endif %}
</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex flex-row flex-wrap gap-1.5">
<span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-sm font-medium"
@@ -187,20 +160,53 @@
Edit
</a>
{% if user.email != current_user.email %}
<form method="POST" action="{{ url_for('contacts.delete_contact', id=user.id) }}" class="inline"
onsubmit="return confirm('Are you sure you want to delete this contact?');">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<button type="submit"
class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-sm no-underline transition-colors duration-200"
style="background-color: rgba(239,68,68,0.1); color: #b91c1c;">
<i class="fas fa-trash" style="font-size: 0.85em; opacity: 0.7;"></i>
Delete
</button>
</form>
<button type="button"
class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-sm no-underline transition-colors duration-200"
style="background-color: rgba(239,68,68,0.1); color: #b91c1c;"
data-bs-toggle="modal"
data-bs-target="#deleteContactModal{{ user.id }}">
<i class="fas fa-trash" style="font-size: 0.85em; opacity: 0.7;"></i>
Delete
</button>
{% endif %}
</div>
</td>
</tr>
{% if user.email != current_user.email %}
<!-- Delete Contact Modal -->
<div class="modal fade" id="deleteContactModal{{ user.id }}" tabindex="-1" aria-labelledby="deleteContactModalLabel{{ user.id }}" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="deleteContactModalLabel{{ user.id }}">Delete Contact</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="d-flex align-items-center gap-3 mb-3">
<i class="fas fa-trash text-danger" style="font-size: 2rem;"></i>
<div>
<h6 class="mb-1">Delete Contact</h6>
<p class="text-muted mb-0">{{ user.username }} {{ user.last_name }}</p>
</div>
</div>
<div class="alert alert-warning">
<i class="fas fa-exclamation-triangle me-2"></i>
This action cannot be undone. The contact will be permanently deleted.
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<form action="{{ url_for('contacts.delete_contact', id=user.id) }}" method="POST" class="d-inline">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<button type="submit" class="btn btn-danger">
<i class="fas fa-trash me-2"></i>Delete Contact
</button>
</form>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</tbody>
</table>