TDvorak/PPve
1
0
Fork 0
mirror of https://github.com/Dvorinka/PPve.git synced 2026-06-03 20:12: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 10:41:25 +02:00
committed by GitHub
parent 5ce50ee8d3
commit 48b70f8d1e
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kontakt/index.html
+21 -10
View File
@@ -270,23 +270,34 @@
} }
function formatContactCard(contact, highlight = '') { function formatContactCard(contact, highlight = '') {
const highlightClass = highlight ? 'bg-yellow-100' : ''; const highlightClass = highlight ? 'bg-yellow-50 border-yellow-200' : '';
// Phone display logic // Phone display logic
let phoneDisplay = 'Bez telefonu'; let phoneDisplay = '<p class="text-gray-400 italic">Bez telefonu</p>';
if (contact.phone || contact.service_phone || contact.phone_flap) { if (contact.phone || contact.service_phone || contact.phone_flap) {
phoneDisplay = [ phoneDisplay = [
contact.phone ? `Tel: ${contact.phone}` : '', contact.phone ? `<div class="flex items-center gap-2">
contact.service_phone ? `Mobil: ${contact.service_phone}` : '', <i class="fas fa-phone text-gray-400 w-4"></i>
contact.phone_flap ? `Klapka: ${contact.phone_flap}` : '' <span>${contact.phone}</span>
].filter(Boolean).join('<br>'); </div>` : '',
contact.service_phone ? `<div class="flex items-center gap-2">
<i class="fas fa-mobile-alt text-gray-400 w-4"></i>
<span>${contact.service_phone}</span>
</div>` : '',
contact.phone_flap ? `<div class="flex items-center gap-2">
<i class="fas fa-headset text-gray-400 w-4"></i>
<span>${contact.phone_flap}</span>
</div>` : ''
].filter(Boolean).join('');
} }
return ` return `
<div class="contact-card p-4 border rounded-lg shadow-sm hover:shadow-md transition-shadow ${highlightClass}"> <div class="contact-card p-5 bg-white rounded-xl border border-gray-200 ${highlightClass} hover:shadow-md transition-all">
<h3 class="font-semibold text-lg mb-1">${contact.name}</h3> <h3 class="font-semibold text-lg text-gray-800 mb-1">${contact.name}</h3>
<p class="text-gray-600 mb-2">${contact.position || '—'}</p> <p class="text-gray-500 mb-3 text-sm">${contact.position || '—'}</p>
<div class="text-sm text-gray-700">${phoneDisplay}</div> <div class="space-y-2 text-sm text-gray-700">
${phoneDisplay}
</div>
</div> </div>
`; `;
} }