Fix icon hover colors, text alignment, and UI improvements
This commit is contained in:
+17
-2
@@ -243,6 +243,12 @@
|
||||
<span>Bookings</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/admin/availability.html" class="nav-link">
|
||||
<i class="fas fa-clock"></i>
|
||||
<span>Availability</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -283,7 +289,7 @@
|
||||
</div>
|
||||
|
||||
<div class="header-right">
|
||||
<button class="btn btn-primary export-btn" onclick="exportSubscribers()">
|
||||
<button class="btn btn-primary export-btn" id="export-subscribers-btn">
|
||||
<i class="fas fa-download"></i> Export CSV
|
||||
</button>
|
||||
|
||||
@@ -371,6 +377,15 @@
|
||||
|
||||
function setupEventListeners() {
|
||||
document.getElementById('search-input').addEventListener('input', MSPE.debounce(filterSubscribers, 300));
|
||||
document.getElementById('export-subscribers-btn')?.addEventListener('click', exportSubscribers);
|
||||
|
||||
const tableBody = document.getElementById('subscribers-table-body');
|
||||
tableBody?.addEventListener('click', function(e) {
|
||||
const deleteBtn = e.target.closest('[data-action="delete-subscriber"]');
|
||||
if (!deleteBtn) return;
|
||||
const id = deleteBtn.dataset.id;
|
||||
if (id) deleteSubscriber(id);
|
||||
});
|
||||
}
|
||||
|
||||
async function loadSubscribers() {
|
||||
@@ -453,7 +468,7 @@
|
||||
<span class="status-badge ${statusClass}">${subscriber.status}</span>
|
||||
</td>
|
||||
<td>
|
||||
<button class="action-btn delete" onclick="deleteSubscriber('${subscriber.id}')">
|
||||
<button class="action-btn delete" data-action="delete-subscriber" data-id="${MSPE.escapeHtml(subscriber.id || '')}">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</td>
|
||||
|
||||
Reference in New Issue
Block a user