libs/web: move XHR apply callback into subtemplate

1 files changed, 56 insertions, 0 deletions

diff --git a/libs/web/luasrc/view/cbi/apply_xhr.htm b/libs/web/luasrc/view/cbi/apply_xhr.htm
new file mode 100644
index 0000000000..30e7a23b58
--- /dev/null
+++ b/libs/web/luasrc/view/cbi/apply_xhr.htm
@@ -0,0 +1,56 @@
+<%#
+LuCI - Lua Configuration Interface
+Copyright 2010 Jo-Philipp Wich <xm@subsignal.org>
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+	http://www.apache.org/licenses/LICENSE-2.0
+
+$Id$
+
+-%>
+
+<% export("cbi_apply_xhr", function(id, configs) -%>
+<fieldset class="cbi-section" id="cbi-apply-<%=id%>">
+	<legend><%:Applying changes%></legend>
+	<script type="text/javascript"><![CDATA[
+		var apply_xhr = new XHR();
+
+		apply_xhr.get('<%=luci.dispatcher.build_url("servicectl", "restart", table.concat(configs, ","))%>', null,
+			function() {
+				var intv = window.setInterval(
+					function() {
+						apply_xhr.abort();
+						apply_xhr.get('<%=luci.dispatcher.build_url("servicectl", "status")%>', null,
+							function(x) {
+								if( x.responseText == 'finish' )
+								{
+									window.clearInterval(intv);
+
+									var e = document.getElementById('cbi-apply-<%=id%>-status');
+									if( e )
+									{
+										e.innerHTML = '<%:Configuration applied.%>';
+										window.setTimeout(function() { e.parentNode.style.display = 'none' }, 1000);
+									}
+								}
+								else
+								{
+									var e = document.getElementById('cbi-apply-<%=id%>-status');
+									if( e && x.responseText ) e.innerHTML = x.responseText;
+
+								}
+							}
+						);
+					}, 1000
+				)
+			}
+		);
+	]]></script>
+
+	<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" />
+	<span id="cbi-apply-<%=id%>-status"><%:Waiting for router...%></span>
+</fieldset>
+<%-	end) %>