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>
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" />
16 <script type="text/javascript">
21 origin = document.location.href.replace(location.pathname, "")
22 ubus_url = origin + "/ubus/"
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")
37 xmlhttp.addEventListener('load', function(event) {
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 + ' ] }'
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)
52 xmlhttp.addEventListener('load', function(event) {
53 if(command === "uci") {
54 ubus_request_callback_uci(xmlhttp, callback)
56 ubus_request_callback(xmlhttp, callback)
59 xmlhttp.send(request_data);
62 // handle ubus_requests, set variables or perform functions
63 function ubus_request_callback(response_object, callback) {
64 if(response_object.status === 200) {
66 if(typeof callback === "string") {
67 response_json = JSON.parse(response_object.responseText).result[1]
68 data[callback] = response_json[callback]
70 callback(response_object)
73 console.log(respons_object.responseText)
77 function ubus_request_callback_uci(response_object, callback) {
78 if(response_object.status === 200) {
80 response_json = JSON.parse(response_object.responseText).result[1].value
81 data[callback] = response_json
83 console.log(respons_object.responseText)
87 // initial setup, get system information
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("uci", "get", '{"config": "attendedsysupgrade", "section": "@settings[0]", "option": "update_server"}', "update_server")
96 // shows notification if update is available
97 function update_info(info_output) {
98 document.getElementById("update_info").style.display = "block";
99 document.getElementById("update_info").innerHTML = info_output;
102 function update_error(error_output) {
103 document.getElementById("update_error").style.display = "block";
104 document.getElementById("update_error").innerHTML = error_output;
105 document.getElementById("update_info").style.display = "None";
108 // asks server for news updates, actually only based on relesae not packages
109 function update_request() {
110 console.log("update_request")
112 request_dict.version = data.release.version;
113 request_dict.packages = data.packagelist;
114 server_request(request_dict, "update-request", update_request_callback)
117 function update_request_callback(response_object) {
118 if (response_object.status === 500) {
120 update_error("internal server error, please try again later")
121 console.log("update server issue")
122 } else if (response_object.status === 502) {
123 // python part offline
124 update_error("internal server error, please try again later")
125 console.log("update server issue")
126 } else if (response_object.status === 503) {
128 update_error("server overloaded, retry in 5 minutes")
129 console.log("server overloaded")
130 setTimeout(update_request, 300000)
131 } else if (response_object.status === 201) {
132 update_info("imagebuilder not ready, please wait")
133 console.log("setting up imagebuilder")
134 setTimeout(update_request, 5000)
135 } else if (response_object.status === 204) {
137 update_info("no updates available")
138 } else if (response_object.status === 400) {
140 console.log(response_object.responseText)
141 response_object_content = JSON.parse(response_object.responseText)
142 update_error(response_object_content)
143 } else if (response_object.status === 200) {
144 // new release/updates
145 response_object_content = JSON.parse(response_object.responseText)
146 update_request_200(response_object_content)
150 function back_online() {
151 ubus_request("session", "login", '{ }', back_online_callback)
154 function back_online_callback(response_object) {
155 if (response_object.status != 200) {
156 setTimeout(back_online, 5000)
158 update_info("upgrade successfull!")
159 document.getElementById("update_button").value = "reload page";
160 document.getElementById("update_button").onclick = function() { location.reload(); }
165 function update_request_200(response_content) {
167 if(response_content.version != undefined) {
168 info_output += "<h3>new update available</h3>"
169 info_output += data.release.version + " to " + response_content.version
170 latest_version = response_content.version;
172 if(response_content.updates != undefined) {
173 info_output += "<h3>package updates available</h3>"
174 for (update in response_content.updates) {
175 info_output += "<b>" + update + "</b>: " + response_content.updates[update][1] + " to " + response_content.updates[update][0] + "</br>"
177 data.packages = response_content.packages
179 update_info(info_output)
180 document.getElementById("update_button").value = "request image";
181 document.getElementById("update_button").onclick = image_request;
184 // request the image, need merge with update_request
185 function image_request() {
186 console.log("image_request")
188 request_dict.version = latest_version;
189 request_dict.board = data.board_name
190 request_dict.packages = data.packages;
191 server_request(request_dict, "image-request", image_request_handler)
194 function image_request_handler(response) {
195 if (response.status === 400) {
196 response_content = JSON.parse(response.responseText)
197 update_error(response_content.error)
198 } else if (response.status === 500) {
200 } else if (response.status === 503) {
201 update_error("please wait. server overloaded")
203 setTimeout(image_request, 30000)
204 } else if (response.status === 201) {
205 response_content = JSON.parse(response.responseText)
206 if(response_content.queue != undefined) {
208 update_info("please wait. you are in queue position " + response_content.queue)
209 console.log("queued")
211 update_info("imagebuilder not ready, please wait")
212 console.log("setting up imagebuilder")
214 setTimeout(image_request, 5000)
215 } else if (response.status === 206) {
217 console.log("building")
218 update_info("building image")
219 setTimeout(image_request, 5000)
220 } else if (response.status === 200) {
222 response_content = JSON.parse(response.responseText)
223 update_info("image created")
224 document.getElementById("update_button").value = "sysupgrade"
225 document.getElementById("update_button").onclick = function() {download_image(response_content.url); }
226 document.getElementById("keep_container").style.display = "block";
231 // uploads received blob data to the server using cgi-io
232 function upload_image(blob) {
233 var upload_request = new XMLHttpRequest();
234 var form_data = new FormData();
236 form_data.append("sessionid", data.ubus_rpc_session)
237 form_data.append("filename", "/tmp/sysupgrade.bin")
238 form_data.append("filemode", 755) // insecure?
239 form_data.append("filedata", blob)
241 upload_request.addEventListener('load', function(event) {
242 // this checksum should be parsed
243 document.getElementById("update_info").innerHTML = "flashing... please wait" // show fancy indicator http://www.ajaxload.info/
245 ubus_request("attendedsysupgrade", "sysupgrade", '{ "keep_settings": ' + document.getElementById("keep").checked + ' }', 'done');
248 upload_request.addEventListener('error', function(event) {
249 document.getElementById("update_info").innerHTML = "uploading failed, please retry"
252 upload_request.open('POST', origin + '/cgi-bin/cgi-upload');
253 upload_request.send(form_data);
256 // download image from server once the url was received by image_request
257 function download_image(url) {
258 console.log("download_image")
259 document.getElementById("update_button").value = "flashing..."
260 document.getElementById("update_button").disabled = true;
261 var download_request = new XMLHttpRequest();
262 download_request.open("GET", url);
263 download_request.responseType = "arraybuffer";
265 download_request.onload = function () {
266 if (this.status === 200) {
267 var blob = new Blob([download_request.response], {type: "application/octet-stream"});
271 document.getElementById("update_info").innerHTML = "downloading image"
272 download_request.send();
275 document.onload = setup()