diff options
Diffstat (limited to 'applications')
| -rw-r--r-- | applications/luci-app-lxc/luasrc/view/lxc.htm | 41 |
1 files changed, 22 insertions, 19 deletions
diff --git a/applications/luci-app-lxc/luasrc/view/lxc.htm b/applications/luci-app-lxc/luasrc/view/lxc.htm index a68143b79..e703d6c88 100644 --- a/applications/luci-app-lxc/luasrc/view/lxc.htm +++ b/applications/luci-app-lxc/luasrc/view/lxc.htm @@ -36,7 +36,7 @@ local target = fs.uname().machine <span id="lxc-list-output"></span> </fieldset> -<hr/> +<hr /> <fieldset class="cbi-section"> <legend><%:Create New Container%></legend> <div class="cbi-section-node"> @@ -46,11 +46,11 @@ local target = fs.uname().machine <div class="th cbi-section-table-cell"><%:Template%></div> <div class="th cbi-section-table-cell"><%:Actions%></div> </div> - <div class="tr cbi-section-table-row" id="div_holder"> + <div class="tr cbi-section-table-row" id="div_create"> <div class="td"><input class="cbi-input-text" type="text" id="tx_name" placeholder="<%:Enter new name%>" value='' /></div> <div class="td"><select id="s_template" class="cbi-input-select cbi-button"></select></div> <div class="td"> - <input type="button" id="bt_create" value="<%:Create%>" onclick="lxc_create(div_holder)" class="cbi-button cbi-button-add" /> + <input type="button" id="bt_create" value="<%:Create%>" onclick="lxc_create()" class="cbi-button cbi-button-add" /> <span id="lxc-add-loader" style="display:inline-block; width:16px; height:16px; margin:0 5px"></span> </div> </div> @@ -62,25 +62,29 @@ local target = fs.uname().machine <span id="lxc-add-output"></span> </fieldset> -<hr/> +<hr /> <script type="text/javascript" src="<%=resource%>/cbi.js"></script> <script type="text/javascript"> //<![CDATA[ - window.img = { "red" : "<%=resource%>/cbi/red.gif", "green" : "<%=resource%>/cbi/green.gif", "purple" : "<%=resource%>/cbi/purple.gif" } - window.states = { "STOPPED" : "red", "RUNNING" : "green", "FROZEN" : "purple" } + window.img = { "red" : "<%=resource%>/cbi/red.gif", "green" : "<%=resource%>/cbi/green.gif", "purple" : "<%=resource%>/cbi/purple.gif" }; + window.states = { "STOPPED" : "red", "RUNNING" : "green", "FROZEN" : "purple" }; var t_lxc_list = document.getElementById('t_lxc_list'); var loader_html = '<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" width="16" height="16" style="vertical-align:middle" />'; - var output_list = document.getElementById("lxc-list-output") - var output_add = document.getElementById("lxc-add-output") - var loader_add = document.getElementById("lxc-add-loader") + var output_list = document.getElementById("lxc-list-output"); + var output_add = document.getElementById("lxc-add-output"); + var loader_add = document.getElementById("lxc-add-loader"); + var div_create = document.getElementById("div_create"); + var bt_create = div_create.querySelector("#bt_create"); - function lxc_create(div) + bt_create.disabled = true; + info_message(output_add, "Template download in progress, please be patient!"); + + function lxc_create() { - var lxc_name = div.querySelector("#tx_name").value.replace(/[\s!@#$%^&*()+=\[\]{};':"\\|,<>\/?]/g,''); - var lxc_template = div.querySelector("#s_template").value; - var bt_create = div.querySelector("#bt_create"); + var lxc_name = div_create.querySelector("#tx_name").value.replace(/[\s!@#$%^&*()+=\[\]{};':"\\|,<>\/?]/g,''); + var lxc_template = div_create.querySelector("#s_template").value; if (t_lxc_list.querySelector("[data-id='" + lxc_name + "']") != null) { @@ -434,7 +438,7 @@ local target = fs.uname().machine } else { - setTimeout(function() { elem.innerHTML = ''}, 1000); + setTimeout(function() { elem.innerHTML = ''}, 2000); } } @@ -466,10 +470,6 @@ local target = fs.uname().machine } } - lxc_list_update(); - - info_message(output_add, "Template download in progress, please be patient!"); - new XHR().get('<%=luci.dispatcher.build_url("admin", "services")%>/lxc_get_downloadable', null, function(x, data) { @@ -489,7 +489,6 @@ local target = fs.uname().machine return set_no_template(); } - bt_create.disabled = false; var select = document.getElementById("s_template"); for(var key in data) { @@ -498,7 +497,11 @@ local target = fs.uname().machine option.text = data[key].replace(/[_:]/g, ' '); select.add(option, -1); } + info_message(output_add, ""); + bt_create.disabled = false; }) + + lxc_list_update(); //]]> </script> |