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>
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>
10 <script type="text/javascript">
15 origin = document.location.href.replace(location.pathname, "")
16 ubus_url = origin + "/ubus/"
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")
31 xmlhttp.addEventListener('load', function(event) {
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 + ' ] }'
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)
46 xmlhttp.addEventListener('load', function(event) {
47 if(command === "uci") {
48 ubus_request_callback_uci(xmlhttp, callback)
50 ubus_request_callback(xmlhttp, callback)
53 xmlhttp.send(request_data);
56 // handle ubus_requests, set variables or perform functions
57 function ubus_request_callback(response_object, callback) {
58 if(response_object.status === 200) {
60 if(typeof callback === "string") {
61 response_json = JSON.parse(response_object.responseText).result[1]
62 data[callback] = response_json[callback]
64 callback(response_object)
67 console.log(respons_object.responseText)
71 function ubus_request_callback_uci(response_object, callback) {
72 if(response_object.status === 200) {
74 response_json = JSON.parse(response_object.responseText).result[1].value
75 data[callback] = response_json
77 console.log(respons_object.responseText)
81 // initial setup, get system information
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")
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;
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";
102 // asks server for news updates, actually only based on relesae not packages
103 function update_request() {
104 console.log("update_request")
106 request_dict.version = data.release.version;
107 request_dict.packages = data.packagelist;
108 server_request(request_dict, "update-request", update_request_callback)
111 function update_request_callback(response_object) {
112 if (response_object.status === 500) {
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) {
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) {
131 update_info("no updates available")
132 } else if (response_object.status === 400) {
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)
144 function back_online() {
145 ubus_request("session", "login", '{ }', back_online_callback)
148 function back_online_callback(response_object) {
149 if (response_object.status != 200) {
150 setTimeout(back_online, 5000)
152 update_info("upgrade successfull!")
153 document.getElementById("update_button").value = "reload page";
154 document.getElementById("update_button").onclick = function() { location.reload(); }
159 function update_request_200(response_content) {
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;
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>"
171 data.packages = response_content.packages
173 update_info(info_output)
174 document.getElementById("update_button").value = "request image";
175 document.getElementById("update_button").onclick = image_request;
178 // request the image, need merge with update_request
179 function image_request() {
180 console.log("image_request")
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)
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) {
194 } else if (response.status === 503) {
195 update_error("please wait. server overloaded")
197 setTimeout(image_request, 30000)
198 } else if (response.status === 201) {
199 response_content = JSON.parse(response.responseText)
200 if(response_content.queue != undefined) {
202 update_info("please wait. you are in queue position " + response_content.queue)
203 console.log("queued")
205 update_info("imagebuilder not ready, please wait")
206 console.log("setting up imagebuilder")
208 setTimeout(image_request, 5000)
209 } else if (response.status === 206) {
211 console.log("building")
212 update_info("building image")
213 setTimeout(image_request, 5000)
214 } else if (response.status === 200) {
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); }
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();
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)
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');
240 upload_request.addEventListener('error', function(event) {
241 document.getElementById("update_info").innerHTML = "uploading failed, please retry"
244 upload_request.open('POST', origin + '/cgi-bin/cgi-upload');
245 upload_request.send(form_data);
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";
257 download_request.onload = function () {
258 if (this.status === 200) {
259 var blob = new Blob([download_request.response], {type: "application/octet-stream"});
263 document.getElementById("update_info").innerHTML = "downloading image"
264 download_request.send();
267 document.onload = setup()