applications/luci-app-attendedsysupgrade/root/www/luci-static/resources/attendedsysupgrade.js

   1 function $(s) {
   2        return document.getElementById(s.substring(1));
   3 }
   4
   5 function show(s) {
   6        $(s).style.display = 'block';
   7 }
   8
   9 function hide(s) {
  10        $(s).style.display = 'none';
  11 }
  12
  13 function set_server() {
  14         hide("#error_box");
  15         data.url = $("#server").value;
  16         ubus_call("uci", "set", { "config": "attendedsysupgrade", "section": "server", values: { "url": data.url } })
  17         ubus_call("uci", "commit", { "config": "attendedsysupgrade" })
  18         var server_button = $("#server")
  19         server_button.type = 'button';
  20         server_button.className = 'cbi-button cbi-button-edit';
  21         server_button.parentElement.removeChild($("#button_set"));
  22         server_button.onclick = edit_server;
  23 }
  24
  25 function edit_server() {
  26         $("#server").type = 'text';
  27         $("#server").onkeydown = function(event) {
  28                 if(event.key === 'Enter') {
  29                         set_server();
  30                         return false;
  31                 }
  32         }
  33         $("#server").className = '';
  34         $("#server").onclick = null;
  35
  36         button_set = document.createElement("input");
  37         button_set.type = "button";
  38         button_set.value = "Save";
  39         button_set.name = "button_set";
  40         button_set.id = "button_set";
  41         button_set.className = 'cbi-button cbi-button-edit';
  42         button_set.style = 'background-image: url("/luci-static/resources/cbi/save.gif");'
  43         button_set.onclick = set_server
  44         $("#server").parentElement.appendChild(button_set);
  45 }
  46
  47 function edit_packages() {
  48         data.edit_packages = true
  49         hide("#edit_button");
  50         $("#edit_packages").value = data.packages.join("\n");
  51         show("#edit_packages");
  52 }
  53
  54 // requests to the upgrade server
  55 function server_request(request_dict, path, callback) {
  56         request_dict.distro = data.release.distribution;
  57         request_dict.target = data.release.target.split("\/")[0];
  58         request_dict.subtarget = data.release.target.split("\/")[1];
  59         var request = new XMLHttpRequest();
  60         request.open("POST", data.url + "/" + path, true);
  61         request.setRequestHeader("Content-type", "application/json");
  62         request.send(JSON.stringify(request_dict));
  63         request.onerror = function(e) {
  64                 error_box("upgrade server down")
  65                 show("#server_div");
  66         }
  67         request.addEventListener('load', function(event) {
  68                 callback(request)
  69         });
  70 }
  71
  72 // initial setup, get system information
  73 function setup() {
  74         data["ubus_rpc_session"] = "<%=luci.dispatcher.context.authsession%>"
  75         ubus_call("rpc-sys", "packagelist", {}, "packages");
  76         ubus_call("system", "board", {}, "release");
  77         ubus_call("system", "board", {}, "board_name");
  78         ubus_call("system", "board", {}, "model");
  79         ubus_call("system", "info", {}, "memory");
  80         uci_get({ "config": "attendedsysupgrade", "section": "server", "option": "url" })
  81         uci_get({ "config": "attendedsysupgrade", "section": "client", "option": "upgrade_packages" })
  82         uci_get({ "config": "attendedsysupgrade", "section": "client", "option": "advanced_mode" })
  83         uci_get({ "config": "attendedsysupgrade", "section": "client", "option": "auto_search" })
  84         setup_ready();
  85 }
  86
  87 function setup_ready() {
  88         // checks if a async ubus calls have finished
  89         if(ubus_counter != ubus_closed) {
  90                 setTimeout(setup_ready, 300)
  91         } else {
  92                 if(data.auto_search == 1) {
  93                         upgrade_check();
  94                 } else {
  95                         show("#upgrade_button");
  96                         show("#server_div");
  97                         $("#server").value = data.url;
  98                 }
  99         }
 100 }
 101
 102 function uci_get(option) {
 103         // simple wrapper to get a uci value store in data.<option>
 104         ubus_call("uci", "get", option, option["option"])
 105 }
 106
 107 ubus_counter = 0;
 108 ubus_closed = 0;
 109 function ubus_call(command, argument, params, variable) {
 110         var request_data = {};
 111         request_data.jsonrpc = "2.0";
 112         request_data.id = ubus_counter;
 113         request_data.method = "call";
 114         request_data.params = [ data.ubus_rpc_session, command, argument, params ]
 115         request_json = JSON.stringify(request_data)
 116         ubus_counter++;
 117         var request = new XMLHttpRequest();
 118         request.open("POST", ubus_url, true);
 119         request.setRequestHeader("Content-type", "application/json");
 120         request.onload = function(event) {
 121                 if(request.status === 200) {
 122                         var response = JSON.parse(request.responseText)
 123                         if(!("error" in response) && "result" in response) {
 124                                 if(response.result.length === 2) {
 125                                         if(command === "uci") {
 126                                                 data[variable] = response.result[1].value
 127                                         } else {
 128                                                 data[variable] = response.result[1][variable]
 129                                         }
 130                                 }
 131                         } else {
 132                                 error_box("<b>Ubus call faild:</b></br>Request: " + request_json + "</br>Response: " + JSON.stringify(response))
 133                         }
 134                         ubus_closed++;
 135                 }
 136         }
 137         request.send(request_json);
 138 }
 139
 140 function info_box(info_output, loading) {
 141         // Shows notification if upgrade is available
 142         // If loading is true then an "processing" animation is added
 143         show("#info_box");
 144         var loading_image = '';
 145         if(loading) {
 146                 loading_image = '<img src="/luci-static/resources/icons/loading.gif" alt="Loading" style="vertical-align:middle">';
 147         }
 148         $("#info_box").innerHTML = loading_image + info_output;
 149 }
 150
 151 function error_box(error_output) {
 152         // Shows erros in red box
 153         show("#error_box");
 154         $("#error_box").innerHTML = error_output;
 155         hide("#info_box");
 156 }
 157
 158 function upgrade_check() {
 159         // Asks server for new firmware
 160         // If data.upgrade_packages is set to true search for new package versions as well
 161         hide("#error_box");
 162         hide("#server_div");
 163         info_box("Searching for upgrades", true);
 164         var request_dict = {}
 165         request_dict.version = data.release.version;
 166         request_dict.packages = data.packages;
 167         request_dict.upgrade_packages = data.upgrade_packages
 168         server_request(request_dict, "api/upgrade-check", upgrade_check_callback)
 169 }
 170
 171 function upgrade_check_callback(request_text) {
 172         var request_json = JSON.parse(request_text)
 173
 174         // create simple output to tell user whats going to be upgrade (release/packages)
 175         var info_output = ""
 176         if(request_json.version != undefined) {
 177                 info_output += "<h3>New firmware release available</h3>"
 178                 info_output += data.release.version + " to " + request_json.version
 179                 data.latest_version = request_json.version;
 180         }
 181         if(request_json.upgrades != undefined) {
 182                 info_output += "<h3>Package upgrades available</h3>"
 183                 for (upgrade in request_json.upgrades) {
 184                         info_output += "<b>" + upgrade + "</b>: " + request_json.upgrades[upgrade][1] + " to " + request_json.upgrades[upgrade][0] + "</br>"
 185                 }
 186         }
 187         data.packages = request_json.packages
 188         info_box(info_output)
 189
 190         if(data.advanced_mode == 1) {
 191                 show("#edit_button");
 192         }
 193         var upgrade_button = $("#upgrade_button")
 194         upgrade_button.value = "Request firmware";
 195         upgrade_button.style.display = "block";
 196         upgrade_button.disabled = false;
 197         upgrade_button.onclick = upgrade_request;
 198
 199 }
 200
 201 function upgrade_request() {
 202         // Request the image
 203         // Needed values
 204         // version/release
 205         // board_name or model (server tries to find the corrent profile)
 206         // packages
 207         // The rest is added by server_request()
 208         $("#upgrade_button").disabled = true;
 209         hide("#edit_packages");
 210         hide("#edit_button");
 211         hide("#keep_container");
 212
 213         var request_dict = {}
 214         request_dict.version = data.latest_version;
 215         request_dict.board = data.board_name
 216         request_dict.model = data.model
 217
 218         if(data.edit_packages == true) {
 219                 request_dict.packages = $("#edit_packages").value.split("\n")
 220         } else {
 221                 request_dict.packages = data.packages;
 222         }
 223
 224         server_request(request_dict, "api/upgrade-request", upgrade_request_callback)
 225 }
 226
 227 function upgrade_request_callback(request) {
 228         // ready to download
 229         var request_json = JSON.parse(request);
 230         data.sysupgrade_url = request_json.sysupgrade;
 231         data.checksum = request_json.checksum;
 232         data.filesize = request_json.filesize;
 233
 234         info_output = "Firmware created"
 235         if(data.advanced_mode == 1) {
 236                 info_output += '</br><a target="_blank" href="' + data.sysupgrade_url + '.log">Build log</a>'
 237         }
 238         info_box(info_output);
 239
 240         show("#keep_container");
 241         var upgrade_button = $("#upgrade_button")
 242         upgrade_button.disabled = false;
 243         upgrade_button.style.display = "block";
 244         upgrade_button.value = "Flash firmware";
 245         upgrade_button.onclick = download_image;
 246 }
 247
 248 function flash_image() {
 249         // Flash image via rpc-sys upgrade_start
 250         info_box("Flashing firmware. Don't unpower device", true)
 251         ubus_call("rpc-sys", "upgrade_start", { "keep": $("#keep").checked }, 'message');
 252         ping_max = 3600; // in seconds
 253         setTimeout(ping_ubus, 10000)
 254 }
 255
 256 function ping_ubus() {
 257         // Tries to connect to ubus. If the connection fails the device is likely still rebooting.
 258         // If more time than ping_max passes update may failed
 259         if(ping_max > 0) {
 260                 ping_max--;
 261                 var request = new XMLHttpRequest();
 262                 request.open("GET", ubus_url, true);
 263                 request.addEventListener('error', function(event) {
 264                         info_box("Rebooting device", true);
 265                         setTimeout(ping_ubus, 1000)
 266                 });
 267                 request.addEventListener('load', function(event) {
 268                         info_box("Success! Please reload web interface");
 269                         $("#upgrade_button").value = "reload page";
 270                         show("#upgrade_button");
 271                         $("#upgrade_button").disabled = false;
 272                         $("#upgrade_button").onclick = function() { location.reload(); }
 273                 });
 274                 request.send();
 275         } else {
 276                 error_box("Web interface could not reconnect to your device. Please reload web interface or check device manually")
 277         }
 278 }
 279
 280 function upload_image(blob) {
 281         // Uploads received blob data to the server using cgi-io
 282         var request = new XMLHttpRequest();
 283         var form_data  = new FormData();
 284
 285         form_data.append("sessionid", data.ubus_rpc_session)
 286         form_data.append("filename", "/tmp/firmware.bin")
 287         form_data.append("filemode", 755) // insecure?
 288         form_data.append("filedata", blob)
 289
 290         request.addEventListener('load', function(event) {
 291                 request_json = JSON.parse(request.responseText)
 292                 if(data.checksum != request_json.checksum) {
 293                         error_box("Checksum missmatch! Please retry")
 294                 } else {
 295                         flash_image();
 296                 }
 297         });
 298
 299         request.addEventListener('error', function(event) {
 300                 info_box("Upload of firmware failed, please retry by reloading web interface")
 301         });
 302
 303         request.open('POST', origin + '/cgi-bin/cgi-upload');
 304         request.send(form_data);
 305 }
 306
 307
 308 function download_image() {
 309         // Download image from server once the url was received by upgrade_request
 310         if(data.filesize > data.memory.free) {
 311                 error_box("Not enough free memory to download firmware. Please stop unneeded services on router and retry")
 312         } else {
 313                 hide("#keep_container");
 314                 hide("#upgrade_button");
 315                 var download_request = new XMLHttpRequest();
 316                 download_request.open("GET", data.sysupgrade_url);
 317                 download_request.responseType = "arraybuffer";
 318
 319                 download_request.onload = function () {
 320                         if (this.status === 200) {
 321                                 var blob = new Blob([download_request.response], {type: "application/octet-stream"});
 322                                 upload_image(blob)
 323                         }
 324                 };
 325                 info_box("Downloading firmware", true);
 326                 download_request.send();
 327         }
 328 }
 329
 330 function server_request(request_dict, path, callback) {
 331         request_dict.distro = data.release.distribution;
 332         request_dict.target = data.release.target.split("\/")[0];
 333         request_dict.subtarget = data.release.target.split("\/")[1];
 334         var request = new XMLHttpRequest();
 335         request.open("POST", data.url + "/" + path, true);
 336         request.setRequestHeader("Content-type", "application/json");
 337         request.send(JSON.stringify(request_dict));
 338         request.onerror = function(e) {
 339                 error_box("Upgrade server down or could not connect")
 340                 show("#server_div");
 341         }
 342         request.addEventListener('load', function(event) {
 343                 request_text = request.responseText;
 344                 if (request.status === 200) {
 345                         callback(request_text)
 346
 347                 } else if (request.status === 202) {
 348                         var imagebuilder = request.getResponseHeader("X-Imagebuilder-Status");
 349                         if(imagebuilder === "queue") {
 350                                 // in queue
 351                                 var queue = request.getResponseHeader("X-Build-Queue-Position");
 352                                 info_box("In build queue position " + queue, true)
 353                                 console.log("queued");
 354                         } else if(imagebuilder === "initialize") {
 355                                 info_box("Setting up ImageBuilder", true)
 356                                 console.log("Setting up imagebuilder");
 357                         } else if(imagebuilder === "building") {
 358                                 info_box("Building image");
 359                                 console.log("building");
 360                         } else {
 361                                 info_box("Processing request");
 362                                 console.log(imagebuilder)
 363                         }
 364                         setTimeout(function() { server_request(request_dict, path, callback) }, 5000)
 365
 366                 } else if (request.status === 204) {
 367                         // no upgrades available
 368                         info_box("No upgrades available")
 369
 370                 } else if (request.status === 400) {
 371                         // bad request
 372                         request_json = JSON.parse(request_text)
 373                         error_box(request_json.error)
 374
 375                 } else if (request.status === 412) {
 376                         // this is a bit generic
 377                         error_box("Unsupported device, release, target, subtraget or board")
 378
 379                 } else if (request.status === 413) {
 380                         error_box("No firmware created due to image size. Try again with less packages selected.")
 381
 382                 } else if (request.status === 422) {
 383                         error_box("Unknown package in request")
 384
 385                 } else if (request.status === 500) {
 386                         request_json = JSON.parse(request_text)
 387
 388                         error_box_content = "<b>Internal server error</b></br>"
 389                         error_box_content += request_json.error
 390                         if(request_json.log != undefined) {
 391                                 data.log_url = request_json.log
 392                         }
 393                         error_box(error_box_content)
 394
 395                 } else if (request.status === 501) {
 396                         error_box("No sysupgrade file produced, may not supported by modell.")
 397
 398                 } else if (request.status === 502) {
 399                         // python part offline
 400                         error_box("Server down for maintenance")
 401                         setTimeout(function() { server_request(request_dict, path, callback) }, 30000)
 402                 } else if (request.status === 503) {
 403                         error_box("Server overloaded")
 404                         setTimeout(function() { server_request(request_dict, path, callback) }, 30000)
 405                 }
 406         });
 407 }
 408 document.onload = setup()
 409