24 lines
665 B
JavaScript
24 lines
665 B
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
export default function peer_name(peer) {
|
||
|
|
const result = document.createElement("span");
|
||
|
|
result.classList.append(`peer-name`);
|
||
|
|
result.dataset.peer_id = peer.id;
|
||
|
|
result.dataset.peer_name = peer.name;
|
||
|
|
|
||
|
|
const peer_name = document.createElement("span");
|
||
|
|
peer_name.appendChild(document.createTextNode(peer.name));
|
||
|
|
|
||
|
|
const peer_id = document.createElement("span");
|
||
|
|
peer_id.appendChild(document.createTextNode(peer.id));
|
||
|
|
|
||
|
|
// TODO: When the id is clicked, copy it to the clipboard - we may need a fancy tooltip library for this
|
||
|
|
|
||
|
|
// text-overflow: ellipsis; may be useful here
|
||
|
|
|
||
|
|
result.replaceChildren(peer_name, peer_id);
|
||
|
|
|
||
|
|
|
||
|
|
return result;
|
||
|
|
}
|