TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-04 20:42:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Tomáš Dvořák
2025-05-23 09:35:33 +02:00
committed by GitHub
parent 6850de022b
commit 621b628be9
2 changed files with 62 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kontakt/index.html
+57 -40
View File
@@ -55,6 +55,19 @@
</div>
</div>
<!-- Filter Buttons -->
<div class="mb-6 flex flex-wrap gap-2">
<button onclick="filterByTable('all')" class="filter-btn active" data-filter="all">
Všechny kontakty
</button>
<button onclick="filterByTable(1)" class="filter-btn" data-filter="1">
Tabulka 1
</button>
<button onclick="filterByTable(2)" class="filter-btn" data-filter="2">
Tabulka 2
</button>
</div>
<!-- Switcher -->
<div class="flex items-center justify-center mb-8">
<div class="inline-flex rounded-md shadow-sm" role="group">
@@ -216,26 +229,52 @@
}
function filterContacts() {
const query = document.getElementById('searchInput').value.toLowerCase().trim();
const searchQuery = document.getElementById('searchInput').value.toLowerCase();
// Apply table filter
let contacts = allContacts;
if (currentTableFilter !== 'all') {
contacts = contacts.filter(contact => contact.table == currentTableFilter);
fetch('/api/contacts')
.then(response => response.json())
.then(data => {
// Filter both main and internal contacts
const filteredMain = data.contacts.filter(contact =>
contact.name.toLowerCase().includes(searchQuery) ||
(contact.position && contact.position.toLowerCase().includes(searchQuery)) ||
(contact.phone && contact.phone.toLowerCase().includes(searchQuery)) ||
(contact.service_phone && contact.service_phone.toLowerCase().includes(searchQuery))
);
const filteredInternal = data.internal_contacts.filter(contact =>
contact.name.toLowerCase().includes(searchQuery) ||
(contact.position && contact.position.toLowerCase().includes(searchQuery)) ||
(contact.phone && contact.phone.toLowerCase().includes(searchQuery)) ||
(contact.service_phone && contact.service_phone.toLowerCase().includes(searchQuery))
);
// Update display with filtered results
displayFilteredResults(filteredMain, filteredInternal, searchQuery);
})
.catch(error => {
console.error('Error:', error);
});
}
function displayFilteredResults(mainContacts, internalContacts, searchQuery) {
const mainDiv = document.getElementById('contacts');
const internalDiv = document.getElementById('internal-contacts');
mainDiv.innerHTML = mainContacts.map(contact =>
formatContactCard(contact, searchQuery)
).join('');
internalDiv.innerHTML = internalContacts.map(contact =>
formatContactCard(contact, searchQuery)
).join('');
// Show/hide no results message
if (mainContacts.length === 0 && internalContacts.length === 0) {
document.getElementById('noResults').classList.remove('hidden');
} else {
document.getElementById('noResults').classList.add('hidden');
}
// Apply search filter
if (query) {
contacts = contacts.filter(contact =>
(contact.name && contact.name.toLowerCase().includes(query)) ||
(contact.position && contact.position.toLowerCase().includes(query)) ||
(contact.phone && contact.phone.replace(/\s/g, '').includes(query.replace(/\s/g, ''))) ||
(contact.service_phone && contact.service_phone.replace(/\s/g, '').includes(query.replace(/\s/g, '')))
);
}
filteredContacts = contacts;
displayContacts(filteredContacts, query);
}
function highlightText(text, query) {
@@ -244,28 +283,6 @@
return text.replace(regex, '<span class="search-highlight">$1</span>');
}
function displayContacts(contacts, searchQuery = '') {
const mainContacts = contacts.filter(contact => !contact.internal);
const internalContacts = contacts.filter(contact => contact.internal);
const mainContactsDiv = document.getElementById('contacts');
const internalContactsDiv = document.getElementById('internal-contacts');
mainContactsDiv.innerHTML = mainContacts.map(contact =>
formatContactCard(contact, searchQuery)
).join('');
internalContactsDiv.innerHTML = internalContacts.map(contact =>
formatContactCard(contact, searchQuery)
).join('');
if (mainContacts.length === 0 && internalContacts.length === 0) {
document.getElementById('noResults').classList.remove('hidden');
} else {
document.getElementById('noResults').classList.add('hidden');
}
}
function formatContactCard(contact, searchQuery) {
const name = contact.name || 'Bez jména';
const position = contact.position || '';