applications/luci-app-attendedsysupgrade/luasrc/view/attendedsysupgrade.htm

   1 <%+header%>
   2 <h2 name="content"><%:Attended Sysupgrade%></h2>
   3 <div class="container">
   4         <div style="display: none" id="update_info" class="alert-message info"></div>
   5         <div style="display: none" id="update_error" class="alert-message danger"></div>
   6 </div>
   7 <input class="cbi-button" value="search for updates" onclick="update_request()" type="button" id="update_button">
   8 <div style="display: none" id="packages" class="alert-message success"></div>
   9 <div class="cbi-value" id="keep_container" style="display: none">
  10         <label class="cbi-value-title" for="keep">keep settings:</label>
  11         <div class="cbi-value-field">
  12                 <input type="checkbox" name="keep" id="keep" checked="checked" />
  13         </div>
  14 </div>
  15
  16 <script type="text/javascript">
  17
  18 latest_release = "";
  19 data = {};
  20 ubus_counter = 1
  21 origin = document.location.href.replace(location.pathname, "")
  22 ubus_url = origin + "/ubus/"
  23
  24 // requests to the update server
  25 function server_request(request_dict, path, callback) {
  26         url = data.update_server + "/" + path
  27         request_dict.distro = data.release.distribution;
  28         request_dict.target = data.release.target.split("\/")[0];
  29         request_dict.subtarget = data.release.target.split("\/")[1];
  30         var xmlhttp = new XMLHttpRequest();
  31         xmlhttp.open("POST", url, true);
  32         xmlhttp.setRequestHeader("Content-type", "application/json");
  33         xmlhttp.send(JSON.stringify(request_dict));
  34         xmlhttp.onerror = function(e) {
  35                 update_error("update server down")
  36         }
  37         xmlhttp.addEventListener('load', function(event) {
  38                 callback(xmlhttp)
  39         });
  40 }
  41
  42 // requests ubus via rpcd
  43 function ubus_request(command, argument, params, callback) {
  44         var request_data = '{ "jsonrpc": "2.0", "id": ' + ubus_counter + ', "method": "call", "params": [ "'+ data["ubus_rpc_session"] +'", "' + command + '", "' + argument + '", ' + params + ' ] }'
  45         ubus_counter++
  46         var xmlhttp = new XMLHttpRequest();
  47         xmlhttp.open("POST", ubus_url, true);
  48         xmlhttp.setRequestHeader("Content-type", "application/json");
  49         xmlhttp.onerror = function(e) {
  50                 setTimeout(back_online, 5000)
  51         }
  52         xmlhttp.addEventListener('load', function(event) {
  53                 if(command === "uci") {
  54                         ubus_request_callback_uci(xmlhttp, callback)
  55                 } else {
  56                         ubus_request_callback(xmlhttp, callback)
  57                 }
  58         });
  59         xmlhttp.send(request_data);
  60 }
  61
  62 // handle ubus_requests, set variables or perform functions
  63 function ubus_request_callback(response_object, callback) {
  64         if(response_object.status === 200) {
  65                 console.log(callback)
  66                 if(typeof callback === "string") {
  67                         response_json = JSON.parse(response_object.responseText).result[1]
  68                         data[callback] = response_json[callback]
  69                 } else {
  70                         callback(response_object)
  71                 }
  72         } else {
  73                 console.log(respons_object.responseText)
  74         }
  75 }
  76
  77 function ubus_request_callback_uci(response_object, callback) {
  78         if(response_object.status === 200) {
  79                 console.log(callback)
  80                 response_json = JSON.parse(response_object.responseText).result[1].value
  81                 data[callback] = response_json
  82         } else {
  83                 console.log(respons_object.responseText)
  84         }
  85 }
  86
  87 // initial setup, get system information
  88 function setup() {
  89         data["ubus_rpc_session"] = "<%=luci.dispatcher.context.authsession%>"
  90         ubus_request("packagelist", "list", '{  }', "packagelist")
  91         ubus_request("system", "board", '{  }', "release")
  92         ubus_request("system", "board", '{  }', "board_name")
  93         ubus_request("system", "board", '{  }', "model")
  94         ubus_request("uci", "get", '{"config": "attendedsysupgrade", "section": "@settings[0]", "option": "update_server"}', "update_server")
  95 }
  96
  97 // shows notification if update is available
  98 function update_info(info_output) {
  99         document.getElementById("update_info").style.display = "block";
 100         document.getElementById("update_info").innerHTML = info_output;
 101 }
 102
 103 function update_error(error_output) {
 104         document.getElementById("update_error").style.display = "block";
 105         document.getElementById("update_error").innerHTML = error_output;
 106         document.getElementById("update_info").style.display = "None";
 107 }
 108
 109 // asks server for news updates, actually only based on relesae not packages
 110 function update_request() {
 111         console.log("update_request")
 112         request_dict = {}
 113         request_dict.version = data.release.version;
 114         request_dict.packages = data.packagelist;
 115         server_request(request_dict, "update-request", update_request_callback)
 116 }
 117
 118 function update_request_callback(response_object) {
 119         if (response_object.status === 500) {
 120                 // python crashed
 121                 update_error("internal server error, please try again later")
 122                 console.log("update server issue")
 123         } else if (response_object.status === 502) {
 124                 // python part offline
 125                 update_error("internal server error, please try again later")
 126                 console.log("update server issue")
 127         } else if (response_object.status === 503) {
 128                 // handle overload
 129                 update_error("server overloaded, retry in 5 minutes")
 130                 console.log("server overloaded")
 131                 setTimeout(update_request, 300000)
 132         } else if (response_object.status === 201) {
 133                 update_info("imagebuilder not ready, please wait")
 134                 console.log("setting up imagebuilder")
 135                 setTimeout(update_request, 5000)
 136         } else if (response_object.status === 204) {
 137                 // no updates
 138                 update_info("no updates available")
 139         } else if (response_object.status === 400) {
 140                 // bad request
 141                 console.log(response_object.responseText)
 142                 response_object_content = JSON.parse(response_object.responseText)
 143                 update_error(response_object_content)
 144         } else if (response_object.status === 200) {
 145                 // new release/updates
 146                 response_object_content = JSON.parse(response_object.responseText)
 147                 update_request_200(response_object_content)
 148         }
 149 }
 150
 151 function back_online() {
 152         ubus_request("session", "login", '{  }', back_online_callback)
 153 }
 154
 155 function back_online_callback(response_object) {
 156         if (response_object.status != 200) {
 157                 setTimeout(back_online, 5000)
 158         } else {
 159                 update_info("upgrade successfull!")
 160                 document.getElementById("update_button").value = "reload page";
 161                 document.getElementById("update_button").onclick = function() { location.reload(); }
 162         }
 163
 164 }
 165
 166 function update_request_200(response_content) {
 167         info_output = ""
 168         if(response_content.version != undefined) {
 169                 info_output += "<h3>new update available</h3>"
 170                 info_output += data.release.version + " to " + response_content.version
 171                 latest_version = response_content.version;
 172         }
 173         if(response_content.updates != undefined) {
 174                 info_output += "<h3>package updates available</h3>"
 175                 for (update in response_content.updates) {
 176                         info_output += "<b>" + update + "</b>: " + response_content.updates[update][1] + " to " + response_content.updates[update][0] + "</br>"
 177                 }
 178                 data.packages = response_content.packages
 179         }
 180         update_info(info_output)
 181         document.getElementById("update_button").value = "request image";
 182         document.getElementById("update_button").onclick = image_request;
 183 }
 184
 185 // request the image, need merge with update_request
 186 function image_request() {
 187         console.log("image_request")
 188         request_dict = {}
 189         request_dict.version = latest_version;
 190         request_dict.board = data.board_name
 191         request_dict.packages = data.packages;
 192         request_dict.model = data.model
 193         server_request(request_dict, "image-request", image_request_handler)
 194 }
 195
 196 function image_request_handler(response) {
 197         if (response.status === 400) {
 198                 response_content = JSON.parse(response.responseText)
 199                 update_error(response_content.error)
 200         } else if (response.status === 500) {
 201                 image_request_500()
 202         } else if (response.status === 503) {
 203                 update_error("please wait. server overloaded")
 204                 // handle overload
 205                 setTimeout(image_request, 30000)
 206         } else if (response.status === 201) {
 207                 response_content = JSON.parse(response.responseText)
 208                 if(response_content.queue != undefined) {
 209                         // in queue
 210                         update_info("please wait. you are in queue position " + response_content.queue)
 211                         console.log("queued")
 212                 } else {
 213                         update_info("imagebuilder not ready, please wait")
 214                         console.log("setting up imagebuilder")
 215                 }
 216                 setTimeout(image_request, 5000)
 217         } else if (response.status === 206) {
 218                 // building
 219                 console.log("building")
 220                 update_info("building image")
 221                 setTimeout(image_request, 5000)
 222         } else if (response.status === 200) {
 223                 // ready to download
 224                 response_content = JSON.parse(response.responseText)
 225                 update_info("image created")
 226                 document.getElementById("update_button").value = "sysupgrade"
 227                 document.getElementById("update_button").onclick = function() {download_image(response_content.url); }
 228                 document.getElementById("keep_container").style.display = "block";
 229         }
 230 }
 231
 232
 233 // uploads received blob data to the server using cgi-io
 234 function upload_image(blob) {
 235         var upload_request = new XMLHttpRequest();
 236         var form_data  = new FormData();
 237
 238         form_data.append("sessionid", data.ubus_rpc_session)
 239         form_data.append("filename", "/tmp/sysupgrade.bin")
 240         form_data.append("filemode", 755) // insecure?
 241         form_data.append("filedata", blob)
 242
 243         upload_request.addEventListener('load', function(event) {
 244                 // this checksum should be parsed
 245                 document.getElementById("update_info").innerHTML = "flashing... please wait" // show fancy indicator http://www.ajaxload.info/
 246
 247                 ubus_request("attendedsysupgrade", "sysupgrade", '{ "keep_settings": ' + document.getElementById("keep").checked + ' }', 'done');
 248         });
 249
 250         upload_request.addEventListener('error', function(event) {
 251                 document.getElementById("update_info").innerHTML = "uploading failed, please retry"
 252         });
 253
 254         upload_request.open('POST', origin + '/cgi-bin/cgi-upload');
 255         upload_request.send(form_data);
 256 }
 257
 258 // download image from server once the url was received by image_request
 259 function download_image(url) {
 260         console.log("download_image")
 261         document.getElementById("update_button").value = "flashing..."
 262         document.getElementById("update_button").disabled = true;
 263         var download_request = new XMLHttpRequest();
 264         download_request.open("GET", url);
 265         download_request.responseType = "arraybuffer";
 266
 267         download_request.onload = function () {
 268                 if (this.status === 200) {
 269                         var blob = new Blob([download_request.response], {type: "application/octet-stream"});
 270                         upload_image(blob)
 271                 }
 272         };
 273         document.getElementById("update_info").innerHTML = "downloading image"
 274         download_request.send();
 275 }
 276
 277 document.onload = setup()
 278 </script>
 279
 280 <%+footer%>