add copy ID + show ip on page

This commit is contained in:
KingKDot
2026-04-13 23:02:50 -05:00
parent 3e045e2232
commit c276e94082
2 changed files with 17 additions and 2 deletions
+15 -1
View File
@@ -62,6 +62,19 @@ export function createRenderer({
return;
}
const copyBtn = e.target.closest(".copy-id-btn");
if (copyBtn) {
e.stopPropagation();
const fullId = copyBtn.dataset.copy;
if (fullId) {
navigator.clipboard.writeText(fullId).then(() => {
const icon = copyBtn.querySelector(".copy-id-icon");
if (icon) { icon.className = "fa-solid fa-check copy-id-icon"; setTimeout(() => { icon.className = "fa-regular fa-copy copy-id-icon"; }, 1200); }
}).catch(() => {});
}
return;
}
if (e.target.closest(".command-btn")) {
e.stopPropagation();
const rect = e.target.closest(".command-btn").getBoundingClientRect();
@@ -461,8 +474,9 @@ export function createRenderer({
</div>
</div>` : ""}
<div class="flex items-center gap-2 flex-wrap text-xs text-slate-400 font-mono">
<span class="pill pill-ghost">ID ${deviceId}</span>
<span class="pill pill-ghost copy-id-btn cursor-pointer hover:bg-slate-700 transition-colors" data-copy="${escapeHtml(client.id)}" title="Copy full ID">ID ${deviceId} <i class="fa-regular fa-copy copy-id-icon"></i></span>
${client.hwid ? `<span class="pill pill-ghost">HW ${hwid}</span>` : ""}
${client.ip ? `<span class="pill pill-ghost"><i class="fa-solid fa-network-wired"></i> ${escapeHtml(client.ip)}</span>` : ""}
</div>
</div>
<div class="flex items-center gap-3">
+2 -1
View File
@@ -897,7 +897,7 @@ export function listClients(filters: ListFilters): ListResult {
const rows = db
.query<any>(
`SELECT id, hwid, role, host, os, arch, version, user, nickname, custom_tag as customTag, custom_tag_note as customTagNote, monitors, country, last_seen as lastSeen, online, ping_ms as pingMs, bookmarked, build_tag as buildTag, built_by_user_id as builtByUserId, enrollment_status as enrollmentStatus, public_key as publicKey, key_fingerprint as keyFingerprint, cpu, gpu, ram, is_admin as isAdmin, elevation, permissions, disconnect_reason as disconnectReason, disconnect_detail as disconnectDetail
`SELECT id, hwid, role, ip, host, os, arch, version, user, nickname, custom_tag as customTag, custom_tag_note as customTagNote, monitors, country, last_seen as lastSeen, online, ping_ms as pingMs, bookmarked, build_tag as buildTag, built_by_user_id as builtByUserId, enrollment_status as enrollmentStatus, public_key as publicKey, key_fingerprint as keyFingerprint, cpu, gpu, ram, is_admin as isAdmin, elevation, permissions, disconnect_reason as disconnectReason, disconnect_detail as disconnectDetail
FROM clients
${whereSql}
${orderBy}
@@ -909,6 +909,7 @@ export function listClients(filters: ListFilters): ListResult {
id: c.id,
hwid: c.hwid,
role: (c.role as ClientRole) || "client",
ip: c.ip || null,
lastSeen: Number(c.lastSeen) || 0,
host: c.host,
os: c.os || "unknown",