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