async function prime_block()

in webui/js/blocky4.js [688:784]

• 78 lines of code
• 2 McCabe index (conditional complexity)

async function prime_block() {
    let all = await GET("all");
    let main = document.getElementById('main');
    main.innerHTML = "";

    let h2 = _h1("Add a block rule:");
    main.appendChild(h2);


    // Add an entry
    let add_table = _table();
    add_table.style.tableLayout = 'fixed';
    main.appendChild(add_table);
    let atheader = _tr();
    atheader.appendChild(_th('Source IP', 240));
    atheader.appendChild(_th('Expiry', 80));
    atheader.appendChild(_th('Force Block', 100));
    atheader.appendChild(_th('Reason', 500));
    atheader.appendChild(_th('Host', 100));
    atheader.appendChild(_th(' ', 100));
    add_table.appendChild(atheader);

    let add_tr = _tr();

    // source ip
    let add_source = _td();
    let add_source_input = document.createElement('input');
    add_source_input.placeholder = "CIDR, e.g. 127.0.0.1/32 or 2001:dead:beef::1"
    add_source_input.style.width = "95%";
    add_source_input.id = "add_source"
    add_source.appendChild(add_source_input);
    add_tr.appendChild(add_source);

    // expiry
    let add_expiry = _td();
    let add_expiry_input = document.createElement('select');
    add_expiry_input.id = "add_expiry";
    let options = {
        "1 hour": 3600,
        "2 hours": 7200,
        "12 hours": 43200,
        "24 hours": 86400,
        "7 days":  86400 *  7,
        "30 days": 86400 * 30,
        "60 days": 86400 * 60,
        "90 days": 86400 * 90,
        "never": -1
    }
    for (let key in options) {
        let x_opt = document.createElement('option');
        x_opt.value = options[key];
        x_opt.text = key;
        add_expiry_input.appendChild(x_opt);
    }
    add_expiry.appendChild(add_expiry_input);
    add_tr.appendChild(add_expiry);

    // Force
    let add_force = _td();
    let add_force_input = document.createElement('input');
    add_force_input.setAttribute('type', 'checkbox');
    add_force_input.setAttribute('value', 'true');
    add_force_input.id = 'add_force';
    add_force.appendChild(add_force_input);
    add_tr.appendChild(add_force);

    // Reason
    let add_reason = _td();
    let add_reason_input = document.createElement('input');
    add_reason_input.placeholder = "Enter a reason for allowing this IP/block."
    add_reason_input.style.width = "95%";
    add_reason_input.id = "add_reason";
    add_reason.appendChild(add_reason_input);
    add_tr.appendChild(add_reason);

    // Host
    let add_host = _td();
    let add_host_input = document.createElement('input');
    add_host_input.placeholder = "* or foo.apache.org";
    add_host_input.value = "*";
    add_host_input.style.width = "95%";
    add_host_input.id = "add_host";
    add_host.appendChild(add_host_input);
    add_tr.appendChild(add_host);

    // Save button
    let add_save = _td();
    let add_save_button = document.createElement('button');
    add_save_button.innerText = "Add block rule";
    add_save_button.addEventListener('click', () => save_block());
    add_save.appendChild(add_save_button);
    add_tr.appendChild(add_save);


    add_table.appendChild(add_tr);
    main.appendChild(_hr());
}