luci-app-lxc: fix "plain-vanilla" integration 1808/head
authorDirk Brenken <dev@brenken.org>
Sun, 20 May 2018 17:23:53 +0000 (19:23 +0200)
committerDirk Brenken <dev@brenken.org>
Wed, 23 May 2018 20:21:46 +0000 (22:21 +0200)
I've tried to get the lxc app in a more usable state. Tested with mips
and amd64 targets.

* fix missing tar/xz dependency,
  only if LXC_BUSYBOX_OPTIONS is not selected
* mute needless gpg validation warning
* tidy up controller a little bit
* fix multiple possible dispatcher errors
* fix compatibility with XHTML standard theme (looks still horrible ;-)
* inform the user about custom kernel prerequisites
* inform the user about the template download
* inform the user if no template was found

Signed-off-by: Dirk Brenken <dev@brenken.org>
applications/luci-app-lxc/Makefile
applications/luci-app-lxc/luasrc/controller/lxc.lua
applications/luci-app-lxc/luasrc/model/cbi/lxc.lua
applications/luci-app-lxc/luasrc/view/lxc.htm

index 85cae5c4058dc36262ca0eaf71e4c58bbd2f4c8a..379cccbfc96faef040fb3c8557f217186748b548 100644 (file)
@@ -7,7 +7,7 @@
 include $(TOPDIR)/rules.mk
 
 LUCI_TITLE:=LXC management Web UI
-LUCI_DEPENDS:=+luci-mod-admin-full +lxc +lxc-attach +lxc-console +lxc-create +liblxc +rpcd-mod-lxc +getopt
+LUCI_DEPENDS:=+luci-mod-admin-full +lxc +lxc-attach +lxc-console +lxc-create +liblxc +rpcd-mod-lxc +getopt +!LXC_BUSYBOX_OPTIONS:tar
 LUCI_PKGARCH:=all
 
 PKG_MAINTAINER:=Petar Koretic <petar.koretic@sartura.hr>
index cc490f0b81a35ea5d9c3d51d3e3fdca24c7753d0..e15915df5df7cd2a2f579fcdaff1c22c1fbd0244 100644 (file)
@@ -14,33 +14,33 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
 
 ]]--
 
-local uci = require "luci.model.uci"
+local uci  = require "luci.model.uci".cursor()
 local util = require "luci.util"
-local nixio = require "nixio"
+local fs   = require "nixio"
 
 module("luci.controller.lxc", package.seeall)
 
 function fork_exec(command)
-       local pid = nixio.fork()
+       local pid = fs.fork()
        if pid > 0 then
                return
        elseif pid == 0 then
                -- change to root dir
-               nixio.chdir("/")
+               fs.chdir("/")
 
                -- patch stdin, out, err to /dev/null
-               local null = nixio.open("/dev/null", "w+")
+               local null = fs.open("/dev/null", "w+")
                if null then
-                       nixio.dup(null, nixio.stderr)
-                       nixio.dup(null, nixio.stdout)
-                       nixio.dup(null, nixio.stdin)
+                       fs.dup(null, fs.stderr)
+                       fs.dup(null, fs.stdout)
+                       fs.dup(null, fs.stdin)
                        if null:fileno() > 2 then
                                null:close()
                        end
                end
 
                -- replace with target command
-               nixio.exec("/bin/sh", "-c", command)
+               fs.exec("/bin/sh", "-c", command)
        end
 end
 
@@ -71,9 +71,8 @@ function lxc_get_downloadable()
        local target = lxc_get_arch_target()
        local templates = {}
 
-       local f = io.popen('sh /usr/share/lxc/templates/lxc-download --list --no-validate --server %s'
-               % util.shellquote(uci.cursor():get("lxc", "lxc", "url")), 'r')
-
+       local f = io.popen('sh /usr/share/lxc/templates/lxc-download --list --no-validate --server %s 2>/dev/null'
+               % util.shellquote(uci:get("lxc", "lxc", "url")), 'r')
        local line
        for line in f:lines() do
                local dist, version, dist_target = line:match("^(%S+)%s+(%S+)%s+(%S+)%s+default%s+%S+$")
@@ -101,7 +100,7 @@ function lxc_create(lxc_name, lxc_template)
                name = lxc_name,
                template = "download",
                args = {
-                       "--server", uci.cursor():get("lxc", "lxc", "url"),
+                       "--server", uci:get("lxc", "lxc", "url"),
                        "--no-validate",
                        "--dist", lxc_dist,
                        "--release", lxc_release,
@@ -121,6 +120,7 @@ function lxc_get_config_path()
        local f = io.open("/etc/lxc/lxc.conf", "r")
        local content = f:read("*all")
        f:close()
+
        local ret = content:match('^%s*lxc.lxcpath%s*=%s*([^%s]*)')
        if ret then
                return ret .. "/"
@@ -160,7 +160,7 @@ function lxc_configuration_set(lxc_name)
 end
 
 function lxc_get_arch_target()
-       local target = nixio.uname().machine
+       local target = fs.uname().machine
        local target_map = {
                armv5  = "armel",
                armv6  = "armel",
index ac0fdff332b529eac2c16999781bce011b3bc90a..7040f0ecff70e1029e1a148b2624d96425ecd199 100644 (file)
@@ -16,7 +16,9 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
 
 local fs = require "nixio.fs"
 
-m = Map("lxc", translate("LXC Containers"))
+m = Map("lxc", translate("LXC Containers"),
+       translate("<b>Please note:</b> For LXC Containers you need a custom OpenWrt image.<br />")
+       .. translate("The image should include at least support for 'kernel cgroups', 'kernel namespaces' and 'miscellaneous LXC related options'."))
 
 if fs.access("/etc/config/lxc") then
        m:section(SimpleSection).template = "lxc"
index edfff8e063765fb81b61b2df71ec263b00f2eb14..c1b44f8671a954d663eeb06381871653ecb291c5 100644 (file)
@@ -14,6 +14,32 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
 
 -%>
 
+<%
+local fs     = require "nixio"
+local target = fs.uname().machine
+%>
+
+<style type="text/css">
+table.cbi-section-table th,
+table.cbi-section-table td,
+.cbi-section-table-cell,
+.cbi-input-select,
+.cbi-input-text
+{
+       text-align:left;
+       vertical-align:top;
+       padding-left:2px;
+       margin-right:auto;
+       margin-left:0px;
+}
+
+.cbi-input-select,
+.cbi-input-text
+{
+       width:15em;
+}
+</style>
+
 <fieldset class="cbi-section">
        <legend><%:Available Containers%></legend>
        <div class="cbi-section-node">
@@ -43,7 +69,7 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
                        </tr>
                        <tr id="tr_holder">
                                <td>
-                                       <input type="text" id="tx_name" placeholder="<%:Enter new name%>" value='' />
+                                       <input class="cbi-input-text" type="text" id="tx_name" placeholder="<%:Enter new name%>" value='' />
                                </td>
                                <td>
                                        <select id="s_template" class="cbi-input-select cbi-button">
@@ -65,21 +91,23 @@ Author: Petar Koretic <petar.koretic@sartura.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"}
+<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" }
 
-       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 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 timeout_msg = 0
        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_add  = document.getElementById("lxc-add-output")
+       var loader_add  = document.getElementById("lxc-add-loader")
+
+       info_message(output_add, "Template download in progress, please be patient!", 10000)
 
        function lxc_create(tr)
        {
-               var lxc_name = tr.querySelector("#tx_name").value.trim()
+               var lxc_name = tr.querySelector("#tx_name").value.replace(/\s/g,'')
                var lxc_template = tr.querySelector("#s_template").value
                var bt_create = tr.querySelector("#bt_create")
 
@@ -92,7 +120,13 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
                if (!lxc_name || !lxc_name.length)
                {
                        bt_create.disabled = false
-                       return info_message(output_add, "Name cannot be empty!", 4000)
+                       return info_message(output_add, "The 'Name' field must not be empty!", 4000)
+               }
+
+               if (!lxc_template)
+               {
+                       bt_create.disabled = false
+                       return info_message(output_add, "The 'Template' field must not be empty!", 4000)
                }
 
                loading(loader_add)
@@ -101,6 +135,7 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
                function(x)
                {
                        bt_create.disabled = false
+
                        loading(loader_add, 0)
 
                        if (!x)
@@ -116,16 +151,16 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
 
                var actions = ''
                actions += '<input type="button" onclick="action_handler(this)" data-action="start" value="<%:Start%>" class="cbi-button cbi-button-apply" />'
-               actions+= '<input type="button" onclick="action_handler(this)" data-action="stop" value="<%:Stop%>" class="cbi-button cbi-button-reset" />'
-               actions+= '<input type="button" onclick="action_handler(this)" data-action="destroy" value="<%:Delete%>" class="cbi-button cbi-button-remove" />'
-               actions+= ' <select class="cbi-input-select cbi-button" onchange="action_more_handler(this)">\
-                                               <option selected disabled>more</option>\
+               actions += '&#160;<input type="button" onclick="action_handler(this)" data-action="stop" value="<%:Stop%>" class="cbi-button cbi-button-reset" />'
+               actions += '&#160;<input type="button" onclick="action_handler(this)" data-action="destroy" value="<%:Delete%>" class="cbi-button cbi-button-remove" />'
+               actions += '&#160;<select class="cbi-input-select cbi-button" onchange="action_more_handler(this)">\
+                                               <option selected="selected" disabled="disabled">more</option>\
                                                <option>configure</option>\
                                                <option>freeze</option>\
                                                <option>unfreeze</option>\
                                                <option>reboot</option>\
                                        </select>'
-               actions+= '<span data-loader style="display:inline-block; width:16px; height:16px; margin:0 5px"></span>'
+               actions += '<span data-loader="" style="display:inline-block; width:16px; height:16px; margin:0 5px"></span>'
 
                var row = t_lxc_list.insertRow(-1)
                var cell = row.insertCell(-1)
@@ -144,12 +179,11 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
 
        function action_handler(self)
        {
-               var action = self.getAttribute("data-action");
-
-               var bt_action = self
-               var lxc_name = self.parentNode.parentNode.children[0].getAttribute('data-id')
+               var action     = self.getAttribute("data-action");
+               var bt_action  = self
+               var lxc_name   = self.parentNode.parentNode.children[0].getAttribute('data-id')
                var status_img = self.parentNode.parentNode.querySelector('img')
-               var loader = self.parentNode.querySelector('[data-loader]')
+               var loader     = self.parentNode.querySelector('[data-loader]')
 
                bt_action.disabled = true
 
@@ -181,18 +215,16 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
                                loading(loader, 0)
                                bt_action.disabled = false
 
-                               //FIXME: uncomment after fixing 'lxc-start'
                                if (!x /*|| ec */)
                                        return info_message(output_list,"Action failed!")
 
-                               //FIXME: uncomment after fixing 'lxc-start'
-                               //set_status(status_img, "green")
+                               set_status(status_img, "green")
                        });
                }
 
                else if (action == "destroy")
                {
-                       if (!confirm("This will completely remove LXC container from the disk. Are you sure? (container will be stopped if running)"))
+                       if (!confirm("This will completely remove a stopped LXC container from disk. Are you sure?"))
                                return
 
                        loading(loader)
@@ -253,13 +285,12 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
        function action_more_handler(self)
        {
                var lxc_name = self.parentNode.parentNode.querySelector('[data-id]').getAttribute('data-id')
-               var loader = self.parentNode.parentNode.querySelector('[data-loader]')
-
-               var option = self.options[self.selectedIndex].text
+               var loader   = self.parentNode.parentNode.querySelector('[data-loader]')
+               var option   = self.options[self.selectedIndex].text
 
                self.value = "more"
 
-               switch (option)
+               switch(option)
                {
                        case "configure":
                                var tr = document.createElement('tr')
@@ -352,10 +383,25 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
                var row = t_lxc_list.insertRow(-1);
                row.id = 'empty'
                var cell = row.insertCell(0);
-               cell.colSpan = 4;
+               cell.colSpan = 3;
                cell.innerHTML = '<em><br />There are no containers available yet.</em>';
        }
 
+       function set_empty_template()
+       {
+               if (document.getElementById('tr_holder') !== null)
+                       return
+
+               var row_count = t_lxc_create.rows.length;
+               while(--row_count) t_lxc_create.deleteRow(row_count);
+
+               var row = t_lxc_create.insertRow(-1);
+               row.id = 'tr_holder'
+               var cell = row.insertCell(0);
+               cell.colSpan = 3;
+               cell.innerHTML = '<em><br />There are no templates for your architecture (<%=target%>) available, please select another Containers URL.</em>';
+       }
+
        function lxc_list_update()
        {
                XHR.poll(4, '<%=luci.dispatcher.build_url("admin", "services")%>/lxc_action/list', null,
@@ -363,8 +409,11 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
                {
                        if (!x) return;
 
+                       if (!data)
+                               return set_empty(t_lxc_list)
+
                        var lxc_count = Object.keys(data).length
-                       if (!data || !lxc_count)
+                       if (!lxc_count)
                                return set_empty(t_lxc_list)
 
                        if (document.getElementById('empty') !== null)
@@ -443,8 +492,11 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
        {
                if (!x) return;
 
-               var lxc_count = Object.keys(data).length
-               if (!data || !lxc_count) return;
+               if (!data) return set_empty_template();
+
+               var lxc_count = Object.keys(data).length;
+               if (!lxc_count) return set_empty_template();
+
                var select = document.getElementById("s_template");
                for(var key in data)
                {
@@ -454,5 +506,5 @@ Author: Petar Koretic <petar.koretic@sartura.hr>
                        select.add(option, -1);
                }
        })
-
-//]]></script>
+//]]>
+</script>