Add signup block display

This commit is contained in:
2025-12-09 10:53:37 +01:00
parent e8a0261ca7
commit f234790aeb
6 changed files with 218 additions and 5 deletions

View File

@@ -10,7 +10,35 @@ function renderAdmins(list) {
list.forEach((admin) => {
const li = document.createElement('li');
li.textContent = admin;
li.className = 'stacked-list-item';
const identity = document.createElement('div');
identity.className = 'identity-row';
const avatar = document.createElement(admin.avatarUrl ? 'img' : 'div');
avatar.className = 'avatar';
if (admin.avatarUrl) {
avatar.src = admin.avatarUrl;
avatar.alt = `${admin.displayName || admin.login} avatar`;
} else {
avatar.classList.add('avatar-fallback');
avatar.textContent = (admin.displayName || admin.login || '?').charAt(0).toUpperCase();
}
const details = document.createElement('div');
details.className = 'identity-text';
const title = document.createElement('p');
title.className = 'list-title';
title.textContent = admin.displayName || admin.login;
const subtitle = document.createElement('p');
subtitle.className = 'muted';
subtitle.textContent = `@${admin.login}`;
details.appendChild(title);
details.appendChild(subtitle);
identity.appendChild(avatar);
identity.appendChild(details);
li.appendChild(identity);
adminList.appendChild(li);
});
}