1dcf802257
HTTP Error code is send by the upgrade server in case of package conflicts, like when requesting to install both `odhcpd` and `odhcpd-ipv6only`. Also put a <p> around download links to make them look more appealing. Signed-off-by: Paul Spooren <mail@aparcar.org>
427 lines
15 KiB
JavaScript
427 lines
15 KiB
JavaScript
function $(s) {
|
|
return document.getElementById(s.substring(1));
|
|
}
|
|
|
|
function show(s) {
|
|
$(s).style.display = 'block';
|
|
}
|
|
|
|
function hide(s) {
|
|
$(s).style.display = 'none';
|
|
}
|
|
|
|
function set_server() {
|
|
hide("#status_box");
|
|
data.url = $("#server").value;
|
|
ubus_call("uci", "set", {
|
|
"config": "attendedsysupgrade",
|
|
"section": "server",
|
|
values: {
|
|
"url": data.url
|
|
}
|
|
})
|
|
ubus_call("uci", "commit", {
|
|
"config": "attendedsysupgrade"
|
|
})
|
|
var server_button = $("#server")
|
|
server_button.type = 'button';
|
|
server_button.className = 'cbi-button cbi-button-edit';
|
|
server_button.parentElement.removeChild($("#button_set"));
|
|
server_button.onclick = edit_server;
|
|
}
|
|
|
|
function edit_server() {
|
|
$("#server").type = 'text';
|
|
$("#server").onkeydown = function(event) {
|
|
if (event.key === 'Enter') {
|
|
set_server();
|
|
return false;
|
|
}
|
|
}
|
|
$("#server").className = '';
|
|
$("#server").onclick = null;
|
|
|
|
var button_set = document.createElement("input");
|
|
button_set.type = "button";
|
|
button_set.value = "Save";
|
|
button_set.name = "button_set";
|
|
button_set.id = "button_set";
|
|
button_set.className = 'cbi-button cbi-button-save';
|
|
button_set.onclick = set_server
|
|
$("#server").parentElement.appendChild(button_set);
|
|
}
|
|
|
|
function edit_packages() {
|
|
data.edit_packages = true
|
|
hide("#edit_button");
|
|
$("#edit_packages").value = data.packages.join("\n");
|
|
show("#edit_packages");
|
|
}
|
|
|
|
// requests to the upgrade server
|
|
function server_request(path, callback) {
|
|
var request = new XMLHttpRequest();
|
|
request.open("POST", data.url + "/" + path, true);
|
|
request.setRequestHeader("Content-type", "application/json");
|
|
request.send(JSON.stringify(request_dict));
|
|
request.onerror = function(e) {
|
|
set_status("danger", "upgrade server down")
|
|
show("#server_div");
|
|
}
|
|
request.addEventListener('load', function(event) {
|
|
callback(request)
|
|
});
|
|
}
|
|
|
|
// initial setup, get system information
|
|
function setup() {
|
|
ubus_call("rpc-sys", "packagelist", {}, "packages");
|
|
ubus_call("system", "board", {}, "release");
|
|
ubus_call("system", "board", {}, "board_name");
|
|
ubus_call("system", "board", {}, "model");
|
|
ubus_call("system", "info", {}, "memory");
|
|
uci_get({
|
|
"config": "attendedsysupgrade",
|
|
"section": "server",
|
|
"option": "url"
|
|
})
|
|
uci_get({
|
|
"config": "attendedsysupgrade",
|
|
"section": "client",
|
|
"option": "upgrade_packages"
|
|
})
|
|
uci_get({
|
|
"config": "attendedsysupgrade",
|
|
"section": "client",
|
|
"option": "advanced_mode"
|
|
})
|
|
uci_get({
|
|
"config": "attendedsysupgrade",
|
|
"section": "client",
|
|
"option": "auto_search"
|
|
})
|
|
setup_ready();
|
|
}
|
|
|
|
function setup_ready() {
|
|
// checks if a async ubus calls have finished
|
|
if (ubus_counter != ubus_closed) {
|
|
setTimeout(setup_ready, 300)
|
|
} else {
|
|
if (data.auto_search == 1) {
|
|
upgrade_check();
|
|
} else {
|
|
show("#upgrade_button");
|
|
show("#server_div");
|
|
$("#server").value = data.url;
|
|
}
|
|
}
|
|
}
|
|
|
|
function uci_get(option) {
|
|
// simple wrapper to get a uci value store in data.<option>
|
|
ubus_call("uci", "get", option, option["option"])
|
|
}
|
|
|
|
ubus_counter = 0;
|
|
ubus_closed = 0;
|
|
|
|
function ubus_call(command, argument, params, variable) {
|
|
var request_data = {};
|
|
request_data.jsonrpc = "2.0";
|
|
request_data.id = ubus_counter;
|
|
request_data.method = "call";
|
|
request_data.params = [data.ubus_rpc_session, command, argument, params]
|
|
var request_json = JSON.stringify(request_data)
|
|
ubus_counter++;
|
|
var request = new XMLHttpRequest();
|
|
request.open("POST", ubus_url, true);
|
|
request.setRequestHeader("Content-type", "application/json");
|
|
request.onload = function(event) {
|
|
if (request.status === 200) {
|
|
var response = JSON.parse(request.responseText)
|
|
if (!("error" in response) && "result" in response) {
|
|
if (response.result.length === 2) {
|
|
if (command === "uci") {
|
|
data[variable] = response.result[1].value
|
|
} else {
|
|
data[variable] = response.result[1][variable]
|
|
}
|
|
}
|
|
} else {
|
|
set_status("danger", "<b>Ubus call failed:</b><br />Request: " + request_json + "<br />Response: " + JSON.stringify(response))
|
|
}
|
|
ubus_closed++;
|
|
}
|
|
}
|
|
request.send(request_json);
|
|
}
|
|
|
|
function set_status(type, message, loading, show_log) {
|
|
$("#status_box").className = "alert-message " + type;
|
|
var loading_image = '';
|
|
if (loading) {
|
|
loading_image = '<img src="/luci-static/resources/icons/loading.gif" alt="Loading" style="vertical-align:middle"> ';
|
|
}
|
|
if (show_log && data.log) {
|
|
message += ' <p><a target="_blank" href="' + data.url + data.log + '">Build log</a></p>'
|
|
}
|
|
$("#status_box").innerHTML = loading_image + message;
|
|
show("#status_box")
|
|
}
|
|
|
|
function upgrade_check() {
|
|
// Asks server for new firmware
|
|
// If data.upgrade_packages is set to true search for new package versions as well
|
|
hide("#status_box");
|
|
hide("#server_div");
|
|
set_status("info", "Searching for upgrades", true);
|
|
request_dict.distro = data.release.distribution;
|
|
request_dict.version = data.release.version;
|
|
request_dict.target = data.release.target;
|
|
request_dict.revision = data.release.revision;
|
|
request_dict.installed = data.packages;
|
|
request_dict.upgrade_packages = data.upgrade_packages
|
|
server_request("api/upgrade-check", upgrade_check_callback)
|
|
}
|
|
|
|
function upgrade_check_callback(request_text) {
|
|
var request_json = JSON.parse(request_text)
|
|
|
|
// create simple output to tell user what's going to be upgrade (release/packages)
|
|
var info_output = ""
|
|
if (request_json.version) {
|
|
info_output += "<h3>New release <b>" + request_json.version + "</b> available</h3>"
|
|
info_output += "Installed version: " + data.release.version
|
|
request_dict.version = request_json.version;
|
|
}
|
|
if (request_json.upgrades) {
|
|
if (request_json.upgrades != {}) {
|
|
info_output += "<h3>Package upgrades available</h3>"
|
|
for (var upgrade in request_json.upgrades) {
|
|
info_output += "<b>" + upgrade + "</b>: " + request_json.upgrades[upgrade][1] + " to " + request_json.upgrades[upgrade][0] + "<br />"
|
|
}
|
|
}
|
|
}
|
|
data.packages = request_json.packages
|
|
set_status("success", info_output)
|
|
|
|
if (data.advanced_mode == 1) {
|
|
show("#edit_button");
|
|
}
|
|
var upgrade_button = $("#upgrade_button")
|
|
upgrade_button.value = "Request firmware";
|
|
upgrade_button.style.display = "block";
|
|
upgrade_button.disabled = false;
|
|
upgrade_button.onclick = upgrade_request;
|
|
}
|
|
|
|
function upgrade_request() {
|
|
// Request firmware using the following parameters
|
|
// distro, version, target, board_name/model, packages
|
|
$("#upgrade_button").disabled = true;
|
|
hide("#edit_packages");
|
|
hide("#edit_button");
|
|
hide("#keep_container");
|
|
|
|
// remove "installed" entry as unused by build requests
|
|
delete request_dict.installed
|
|
// add board info to let server determine profile
|
|
request_dict.board_name = data.board_name
|
|
request_dict.board = data.board_name
|
|
request_dict.model = data.model
|
|
|
|
if (data.edit_packages == true) {
|
|
request_dict.packages = $("#edit_packages").value.split("\n")
|
|
} else {
|
|
request_dict.packages = data.packages;
|
|
}
|
|
server_request("api/upgrade-request", upgrade_request_callback)
|
|
}
|
|
|
|
function upgrade_request_callback(request) {
|
|
// ready to download
|
|
var request_json = JSON.parse(request)
|
|
data.files = request_json.files
|
|
data.sysupgrade = request_json.sysupgrade
|
|
data.log = request_json.log
|
|
|
|
var info_output = '<h3>Firmware created</h3><p>Created file: <a href="' + data.url + data.files + data.sysupgrade + '">' + data.sysupgrade + '</p></a>'
|
|
set_status("success", info_output, false, true);
|
|
|
|
show("#keep_container");
|
|
var upgrade_button = $("#upgrade_button")
|
|
upgrade_button.disabled = false;
|
|
upgrade_button.style.display = "block";
|
|
upgrade_button.value = "Flash firmware";
|
|
upgrade_button.onclick = download_image;
|
|
}
|
|
|
|
function flash_image() {
|
|
// Flash image via rpc-sys upgrade_start
|
|
set_status("warning", "Flashing firmware. Don't unpower device", true)
|
|
ubus_call("rpc-sys", "upgrade_start", {
|
|
"keep": $("#keep").checked
|
|
}, 'message');
|
|
ping_max = 3600; // in seconds
|
|
setTimeout(ping_ubus, 10000)
|
|
}
|
|
|
|
function ping_ubus() {
|
|
// Tries to connect to ubus. If the connection fails the device is likely still rebooting.
|
|
// If more time than ping_max passes update may failed
|
|
if (ping_max > 0) {
|
|
ping_max--;
|
|
var request = new XMLHttpRequest();
|
|
request.open("GET", ubus_url, true);
|
|
request.addEventListener('error', function(event) {
|
|
set_status("warning", "Rebooting device - please wait!", true);
|
|
setTimeout(ping_ubus, 5000)
|
|
});
|
|
request.addEventListener('load', function(event) {
|
|
set_status("success", "Success! Please reload web interface");
|
|
$("#upgrade_button").value = "Reload page";
|
|
show("#upgrade_button");
|
|
$("#upgrade_button").disabled = false;
|
|
$("#upgrade_button").onclick = function() {
|
|
location.reload();
|
|
}
|
|
});
|
|
request.send();
|
|
} else {
|
|
set_status("danger", "Web interface could not reconnect to your device. Please reload web interface or check device manually")
|
|
}
|
|
}
|
|
|
|
function upload_image(blob) {
|
|
// Uploads received blob data to the server using cgi-io
|
|
set_status("info", "Uploading firmware to device", true);
|
|
var request = new XMLHttpRequest();
|
|
var form_data = new FormData();
|
|
|
|
form_data.append("sessionid", data.ubus_rpc_session)
|
|
form_data.append("filename", "/tmp/firmware.bin")
|
|
form_data.append("filemode", 755) // insecure?
|
|
form_data.append("filedata", blob)
|
|
|
|
request.addEventListener('load', function(event) {
|
|
request_json = JSON.parse(request.responseText)
|
|
flash_image();
|
|
});
|
|
|
|
request.addEventListener('error', function(event) {
|
|
set_status("danger", "Upload of firmware failed, please retry by reloading web interface")
|
|
});
|
|
|
|
request.open('POST', origin + '/cgi-bin/cgi-upload');
|
|
request.send(form_data);
|
|
}
|
|
|
|
|
|
function download_image() {
|
|
// Download image from server once the url was received by upgrade_request
|
|
hide("#keep_container");
|
|
hide("#upgrade_button");
|
|
var download_request = new XMLHttpRequest();
|
|
download_request.open("GET", data.url + data.files + data.sysupgrade);
|
|
download_request.responseType = "arraybuffer";
|
|
|
|
download_request.onload = function() {
|
|
if (this.status === 200) {
|
|
var blob = new Blob([download_request.response], {
|
|
type: "application/octet-stream"
|
|
});
|
|
upload_image(blob)
|
|
}
|
|
};
|
|
set_status("info", "Downloading firmware to web browser memory", true);
|
|
download_request.send();
|
|
}
|
|
|
|
function server_request(path, callback) {
|
|
var request_json;
|
|
var request = new XMLHttpRequest();
|
|
request.open("POST", data.url + "/" + path, true);
|
|
request.setRequestHeader("Content-type", "application/json");
|
|
request.send(JSON.stringify(request_dict));
|
|
request.onerror = function(e) {
|
|
set_status("danger", "Upgrade server down or could not connect")
|
|
show("#server_div");
|
|
}
|
|
request.addEventListener('load', function(event) {
|
|
var request_text = request.responseText;
|
|
if (request.status === 200) {
|
|
callback(request_text)
|
|
|
|
} else if (request.status === 202) {
|
|
var imagebuilder = request.getResponseHeader("X-Imagebuilder-Status");
|
|
if (imagebuilder === "queue") {
|
|
// in queue
|
|
var queue = request.getResponseHeader("X-Build-Queue-Position");
|
|
set_status("info", "In build queue position " + queue, true)
|
|
console.log("queued");
|
|
} else if (imagebuilder === "building") {
|
|
set_status("info", "Building image", true);
|
|
console.log("building");
|
|
} else {
|
|
// fallback if for some reasons the headers are missing e.g. browser blocks access
|
|
set_status("info", "Processing request", true);
|
|
console.log(imagebuilder)
|
|
}
|
|
setTimeout(function() {
|
|
server_request(path, callback)
|
|
}, 5000)
|
|
|
|
} else if (request.status === 204) {
|
|
// no upgrades available
|
|
set_status("success", "No upgrades available")
|
|
|
|
} else if (request.status === 400) {
|
|
// bad request
|
|
request_json = JSON.parse(request_text)
|
|
set_status("danger", request_json.error)
|
|
|
|
} else if (request.status === 409) {
|
|
// bad request
|
|
request_json = JSON.parse(request_text)
|
|
data.log = request_json.log
|
|
set_status("danger", "Incompatible package selection. See build log for details", false, true)
|
|
|
|
} else if (request.status === 412) {
|
|
// this is a bit generic
|
|
set_status("danger", "Unsupported device, release, target, subtraget or board")
|
|
|
|
} else if (request.status === 413) {
|
|
set_status("danger", "No firmware created due to image size. Try again with less packages selected.")
|
|
|
|
} else if (request.status === 422) {
|
|
var package_missing = request.getResponseHeader("X-Unknown-Package");
|
|
set_status("danger", "Unknown package in request: <b>" + package_missing + "</b>")
|
|
} else if (request.status === 500) {
|
|
request_json = JSON.parse(request_text)
|
|
|
|
var error_box_content = "<b>Internal server error</b><br />"
|
|
error_box_content += request_json.error
|
|
if (request_json.log != undefined) {
|
|
data.log = request_json.log
|
|
}
|
|
set_status("danger", error_box_content, false, true)
|
|
|
|
} else if (request.status === 501) {
|
|
set_status("danger", "No sysupgrade file produced, may not supported by model.")
|
|
} else if (request.status === 502) {
|
|
// python part offline
|
|
set_status("danger", "Server down for maintenance")
|
|
setTimeout(function() {
|
|
server_request(path, callback)
|
|
}, 30000)
|
|
} else if (request.status === 503) {
|
|
set_status("danger", "Server overloaded")
|
|
setTimeout(function() {
|
|
server_request(path, callback)
|
|
}, 30000)
|
|
}
|
|
});
|
|
}
|
|
request_dict = {}
|
|
document.onload = setup()
|