| 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 fields = []; |
| 49 | for(var i = 0; i < 16; i++) |
| 50 | { |
| 51 | var tr = document.createElement('tr'); |
| 52 | tbl.appendChild(tr); |
| 53 | var username = document.createElement('td'); |
| 54 | tr.appendChild(username); |
| 55 | var tdId = document.createElement('td'); |
| 56 | tr.appendChild(tdId); |
| 57 | var id = document.createElement('input'); |
| 58 | tdId.appendChild(id); |
| 59 | var tdButton = document.createElement('td'); |
| 60 | tr.appendChild(tdButton); |
| 61 | var button = document.createElement('button'); |
| 62 | tdButton.appendChild(button); |
| 63 | button.appendChild(document.createTextNode('Set & Activate')); |
| 64 | fields.push({username: username, id: id, button: button}); |
| 65 | } |
| 66 | document.body.appendChild(root); |
| 67 | return fields; |
| 68 | } |
| 69 | |
| 70 | var ui = makeUI(); |
| 71 | |