Make email and homepage clickable links in cards and detail modal

This commit is contained in:
Kato
2026-09-04 19:41:30 +00:00
parent 90864d8ff9
commit c3a3622c34
2 changed files with 14 additions and 4 deletions
+7 -3
View File
@@ -249,7 +249,8 @@ async function loadUsers() {
<div class="user-info">
<h4>${user.username || 'N/A'}</h4>
<p class="user-company">${user.company || ''}</p>
<p class="user-email">${user.email || ''}</p>
<p class="user-email">${user.email ? `<a href="mailto:${user.email}">${user.email}</a>` : ''}</p>
<p class="user-homepage">${user.homepage ? `<a href="${user.homepage.startsWith('http') ? '' : 'https://'}${user.homepage}" target="_blank">${user.homepage}</a>` : ''}</p>
<p class="user-location">${user.location || ''}</p>
<p class="user-description">${user.Description || ''}</p>
</div>
@@ -323,8 +324,11 @@ function openUserDetailModal(user) {
document.getElementById('user-detail-username').textContent = '@' + (user.username || 'Unknown');
document.getElementById('user-detail-company').textContent = user.company || '';
document.getElementById('user-detail-email').textContent = user.email || '-';
document.getElementById('user-detail-homepage').textContent = user.homepage || '-';
const emailEl = document.getElementById('user-detail-email');
emailEl.innerHTML = user.email ? `<a href="mailto:${user.email}">${user.email}</a>` : '-';
const hpEl = document.getElementById('user-detail-homepage');
const hp = user.homepage || '';
hpEl.innerHTML = hp ? `<a href="${hp.startsWith('http') ? '' : 'https://'}${hp}">${hp}</a>` : '-';
document.getElementById('user-detail-location').textContent = user.location || '-';
document.getElementById('user-detail-description').innerHTML = (user.Description || '-').replace(/\n/g, '<br>');