1  const
 2      id = (elem) => document.getElementById(elem),
 3      contextMenu = id('contextmenu'),
 4      btnCopyHex = id('btnCopyHex'),
 5      btnCopyB64 = id('btnCopyB64'),
 6      btnCopyTree = id('btnCopyTree'),
 7      btnCopyValue = id('btnCopyValue');
 8  
 9  export function bindContextMenu(node) {
10      const type = node.asn1.typeName();
11      const valueEnabled = type != 'SET' && type != 'SEQUENCE';
12      node.onclick = function (event) {
13          // do not show the menu in case of clicking the icon
14          if (event.srcElement.nodeName != 'SPAN') return;
15          contextMenu.style.left = event.pageX + 'px';
16          contextMenu.style.top = event.pageY + 'px';
17          contextMenu.style.visibility = 'visible';
18          contextMenu.node = this;
19          btnCopyValue.style.display = valueEnabled ? 'block' : 'none';
20          event.preventDefault();
21          event.stopPropagation();
22      };
23  }
24  
25  function close(event) {
26      contextMenu.style.visibility = 'hidden';
27      event.stopPropagation();
28  }
29  
30  contextMenu.onmouseleave = close;
31  
32  btnCopyHex.onclick = function (event) {
33      navigator.clipboard.writeText(contextMenu.node.asn1.toHexString('byte'));
34      close(event);
35  };
36  
37  btnCopyB64.onclick = function (event) {
38      event.stopPropagation();
39      navigator.clipboard.writeText(contextMenu.node.asn1.toB64String());
40      close(event);
41  };
42  
43  btnCopyTree.onclick = function (event) {
44      event.stopPropagation();
45      navigator.clipboard.writeText(contextMenu.node.asn1.toPrettyString());
46      close(event);
47  };
48  
49  btnCopyValue.onclick = function (event) {
50      event.stopPropagation();
51      navigator.clipboard.writeText(contextMenu.node.asn1.content());
52      close(event);
53  };