| 30 | } |
| 31 | |
| 32 | function makeUI() |
| 33 | { |
| 34 | var root = document.createElement('div'); |
| 35 | root.style.position = 'absolute'; |
| 36 | root.style.top = root.style.left = 0; |
| 37 | root.style.width = root.style.height = '100%'; |
| 38 | root.style.zIndex = 1000; |
| 39 | root.style.background = '#24272b'; |
| 40 | root.style.color = "yellow"; |
| 41 | var p = document.createElement('p'); |
| 42 | root.appendChild(p); |
| 43 | var italic = document.createElement('i'); |
| 44 | p.appendChild(italic); |
| 45 | italic.appendChild(document.createTextNode('Click the username to generate a random ID')); |
| 46 | var tbl = document.createElement('table'); |
| 47 | root.appendChild(tbl); |
| 48 | var tr = document.createElement('tr'); |
| 49 | tbl.appendChild(tr); |
| 50 | var colspan2 = document.createElement('th'); |
| 51 | colspan2.setAttribute('colspan', 2); |
| 52 | tr.appendChild(colspan2); |
| 53 | var tdBase64 = document.createElement('th'); |
| 54 | tr.appendChild(tdBase64); |
| 55 | tdBase64.appendChild(document.createTextNode('Base64 ID (for Chiaki)')); |
| 56 | var tdButton = document.createElement('th'); |
| 57 | tr.appendChild(tdButton); |
| 58 | var fields = []; |
| 59 | for(var i = 0; i < 16; i++) |
| 60 | { |
| 61 | var tr = document.createElement('tr'); |
| 62 | tbl.appendChild(tr); |
| 63 | var tdUsername = document.createElement('td'); |
| 64 | tdUsername.style.position = 'relative'; |
| 65 | tr.appendChild(tdUsername); |
| 66 | var username = document.createElement('span'); |
| 67 | tdUsername.append(username); |
| 68 | var username_btn = document.createElement('button'); |
| 69 | username_btn.style.position = 'absolute'; |
| 70 | username_btn.style.top = '0'; |
| 71 | username_btn.style.left = '0'; |
| 72 | username_btn.style.width = '100%'; |
| 73 | username_btn.style.height = '100%'; |
| 74 | username_btn.style.opacity = '0'; |
| 75 | tdUsername.append(username_btn); |
| 76 | var tdId = document.createElement('td'); |
| 77 | tr.appendChild(tdId); |
| 78 | var id = document.createElement('input'); |
| 79 | tdId.appendChild(id); |
| 80 | var tdBase64 = document.createElement('td'); |
| 81 | tr.appendChild(tdBase64); |
| 82 | var base64 = document.createElement('input'); |
| 83 | base64.readOnly = true; |
| 84 | base64.disabled = true; |
| 85 | tdBase64.appendChild(base64); |
| 86 | var tdButton = document.createElement('td'); |
| 87 | tr.appendChild(tdButton); |
| 88 | var button = document.createElement('button'); |
| 89 | tdButton.appendChild(button); |