Make email and homepage clickable links in cards and detail modal
This commit is contained in:
+7
-3
@@ -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>');
|
||||
|
||||
|
||||
Reference in New Issue
Block a user