Function makeUI

672/frontend.js:32–83

()

}

function makeUI()
{
    var root = document.createElement('div');
    root.style.position = 'absolute';
    root.style.top = root.style.left = 0;
    root.style.width = root.style.height = '100%';
    root.style.zIndex = 1000;
    root.style.background = '#24272b';
    root.style.color = "yellow";
    var p = document.createElement('p');
    root.appendChild(p);
    var italic = document.createElement('i');
    p.appendChild(italic);
    italic.appendChild(document.createTextNode('Click the username to generate a random ID'));
    var tbl = document.createElement('table');
    root.appendChild(tbl);
    var tr = document.createElement('tr');
    tbl.appendChild(tr);
    var colspan2 = document.createElement('th');
    colspan2.setAttribute('colspan', 2);
    tr.appendChild(colspan2);
    var tdBase64 = document.createElement('th');
    tr.appendChild(tdBase64);
    tdBase64.appendChild(document.createTextNode('Base64 ID (for Chiaki)'));
    var tdButton = document.createElement('th');
    tr.appendChild(tdButton);
    var fields = [];
    for(var i = 0; i < 16; i++)
    {
        var tr = document.createElement('tr');
        tbl.appendChild(tr);
        var username = document.createElement('td');
        tr.appendChild(username);
        var tdId = document.createElement('td');
        tr.appendChild(tdId);
        var id = document.createElement('input');
        tdId.appendChild(id);
        var tdBase64 = document.createElement('td');
        tr.appendChild(tdBase64);
        var base64 = document.createElement('input');
        base64.readOnly = true;
        tdBase64.appendChild(base64);
        var tdButton = document.createElement('td');
        tr.appendChild(tdButton);
        var button = document.createElement('button');
        tdButton.appendChild(button);
        button.appendChild(document.createTextNode('Set & Activate'));
        fields.push({username: username, id: id, base64: base64, button: button});
    }
    document.body.appendChild(root);
    return fields;
}

var ui = makeUI();