0
0
mirror of https://github.com/openwrt/luci.git synced 2025-02-07 16:19:54 +00:00
Mustafa Can Elmacı ae8bbb814f treewide: HTML Cleanup
* HTML Cleanup: Meta tags.
* Converted charset to shorthand.
* Removed meta tags with `Content-Script-Type` attribute. (Invalid in HTML5 spec.)

* HTML Cleanup: CSS tags.
* Removed `type` attribute with CSS files from link tags. (HTML5 spec recommends omitting it.)
* Removed `type` attribute from style tags. (Deprecated in HTML5 spec.)
https://html.spec.whatwg.org/#attr-link-type
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style

* HTML Cleanup: Convert from XHTML to HTML5
* Removed XML declaration.
* Removed XML namespace.
* Changed doctype to HTML5.

* HTML Cleanup: CDATA tags.
* CDATA sections should not be used within HTML they are considered as comments and not displayed.
https://developer.mozilla.org/en-US/docs/Web/API/CDATASection

* HTML Cleanup: Script tags.
* Removed `language` attribute from script tags. (No longer valid in HTML5)
* Removed `type` attribute with JavaScript MIME type from script tags. (HTML5 spec recommends omitting it.)
https://html.spec.whatwg.org/multipage/scripting.html#attr-script-type
https://mimesniff.spec.whatwg.org/#javascript-mime-type

Signed-off-by: Mustafa Can Elmacı <mustafacan@elmaci.net>
2024-11-22 22:39:46 +01:00

273 lines
8.4 KiB
HTML

<%#
Copyright 2009 Jo-Philipp Wich <jow@openwrt.org>
Licensed to the public under the Apache License 2.0.
-%>
<%-
local utl = require "luci.util"
local sys = require "luci.sys"
local ipc = require "luci.ip"
local ipt = require "luci.sys.iptparser".IptParser()
local uci = require "luci.model.uci".cursor_state()
local wat = require "luci.tools.webadmin"
local ipc = require "luci.ip"
local fs = require "nixio.fs"
local clients = { }
local leasetime = tonumber(uci:get("luci_splash", "general", "leasetime") or 1) * 60 * 60
uci:foreach("luci_splash_leases", "lease",
function(s)
local m = ipc.checkmac(s.mac)
if m and s.start then
clients[m] = {
start = tonumber(s.start),
limit = ( tonumber(s.start) + leasetime ),
mac = m,
ipaddr = s.ipaddr,
policy = "normal",
packets = 0,
bytes = 0,
}
end
end)
for _, r in ipairs(ipt:find({table="nat", chain="luci_splash_leases"})) do
if r.options and #r.options >= 2 and r.options[1] == "MAC" then
local m = ipc.checkmac(r.options[2])
if m and not clients[m] then
clients[m] = {
start = 0,
limit = 0,
mac = m,
policy = ( r.target == "RETURN" ) and "whitelist" or "blacklist",
packets = 0,
bytes = 0
}
end
end
end
for mac, client in pairs(clients) do
client.bytes_in = 0
client.bytes_out = 0
client.packets_in = 0
client.packets_out = 0
if client.ipaddr then
local rin = ipt:find({table="mangle", chain="luci_splash_mark_in", destination=client.ipaddr})
local rout = ipt:find({table="mangle", chain="luci_splash_mark_out", options={"MAC", client.mac}})
if rin and #rin > 0 then
client.bytes_in = rin[1].bytes
client.packets_in = rin[1].packets
end
if rout and #rout > 0 then
client.bytes_out = rout[1].bytes
client.packets_out = rout[1].packets
end
end
end
uci:foreach("luci_splash", "whitelist",
function(s)
local m = ipc.checkmac(s.mac)
if m and clients[m] then
clients[m].policy="whitelist"
end
end)
uci:foreach("luci_splash", "blacklist",
function(s)
local m = ipc.checkmac(s.mac)
if m and clients[m] then
clients[m].policy=(s.kicked and "kicked" or "blacklist")
end
end)
sys.net.host_hints(function(mac, v4, v6, name)
local c = mac and clients[mac]
if c then
c.ip = c.ip or v4
c.hostname = c.hostname or name
end
end)
local function showmac(mac)
if not is_admin then
mac = mac:gsub("(%S%S:%S%S):%S%S:%S%S:(%S%S:%S%S)", "%1:XX:XX:%2")
end
return mac
end
if luci.http.formvalue("status") == "1" then
local rv = {}
for _, c in utl.spairs(clients,
function(a,b) if clients[a].policy == clients[b].policy then
return (clients[a].start > clients[b].start)
else
return (clients[a].policy > clients[b].policy)
end
end)
do
if c.ip then
rv[#rv+1] = {
hostname = c.hostname or "?",
ip = c.ip or "?",
mac = showmac(c.mac) or "?",
timeleft = (c.limit >= os.time()) and wat.date_format(c.limit-os.time()) or (c.policy ~= "normal") and "-" or "expired",
trafficin = wat.byte_format(c.bytes_in) or "?",
trafficout = wat.byte_format(c.bytes_out) or "?",
policy = c.policy or "?"
}
end
end
luci.http.prepare_content("application/json")
luci.http.write_json(rv)
return
end
-%>
<%+header%>
<script>
XHR.poll(10 , '<%=REQUEST_URI%>', { status: 1 },
function(x, info)
{
var tbody = document.getElementById('splash_table');
if (tbody)
{
var s = '';
if (info.length == undefined) {
s += '<div class="tr cbi-section-table-row"><div colspan="7" class="td cbi-section-table-cell"><br /><em><%:No clients connected%></em><br /></div></div>'
};
for (var idx = 0; idx < info.length; idx++)
{
var splash = info[idx];
s += String.format(
'<div class="tr cbi-section-table-row cbi-rowstyle-'+(1 + (idx % 2))+'">' +
'<div class="td cbi-section-table-cell">%s</div>' +
'<div class="td cbi-section-table-cell">%s</div>' +
'<div class="td cbi-section-table-cell">%s</div>' +
'<div class="td cbi-section-table-cell">%s</div>' +
'<div class="td cbi-section-table-cell">%s/%s</div>' +
'<div class="td cbi-section-table-cell">',
splash.hostname, splash.ip, splash.mac, splash.timeleft, splash.trafficin, splash.trafficout);
<% if is_admin then %>
s += String.format('<select name="policy.%s" style="width:200px">', splash.mac);
if (splash.policy == 'whitelist') {
s += '<option value="whitelist" selected="selected"><%:whitelisted%></option>'
} else {
s += '<option value="whitelist"><%:whitelisted%></option>'
};
if (splash.policy == 'normal') {
s += '<option value="normal" selected="selected"><%:splashed%></option>';
s += '<option value="kicked"><%:temporarily blocked%></option>'
} else {
s += '<option value="normal"><%:splashed%></option>'
};
if (splash.policy == 'blacklist') {
s+= '<option value="blacklist" selected="selected"><%:blacklisted%></option>'
} else {
s += '<option value="blacklist"><%:blacklisted%></option>'
};
s += String.format(
'</select>' +
'<input type="submit" class="cbi-button cbi-button-save" name="save.%s" value="<%:Save%>" />',
splash.mac);
<% else %>
s += String.format('%s', splash.policy);
<% end %>
s += '</div></div>'
}
tbody.innerHTML = s;
}
}
);
</script>
<div id="cbi-splash-leases" class="cbi-map">
<h2 name="content"><%:Client-Splash%></h2>
<fieldset id="cbi-table-table" class="cbi-section">
<legend><%:Active Clients%></legend>
<div class="cbi-section-node">
<% if is_admin then %><form action="<%=REQUEST_URI%>" method="post"><input type="hidden" name="token" value="<%=token%>" /><% end %>
<div class="table cbi-section-table">
<div class="thead">
<div class="tr cbi-section-table-titles">
<div class="th cbi-section-table-cell"><%:Hostname%></div>
<div class="th cbi-section-table-cell"><%:IP Address%></div>
<div class="th cbi-section-table-cell"><%:MAC Address%></div>
<div class="th cbi-section-table-cell"><%:Time remaining%></div>
<div class="th cbi-section-table-cell"><%:Traffic in/out%></div>
<div class="th cbi-section-table-cell"><%:Policy%></div>
</div>
</div>
<div class="tbody" id="splash_table">
<%-
local count = 0
for _, c in utl.spairs(clients,
function(a,b)
if clients[a].policy == clients[b].policy then
return (clients[a].start > clients[b].start)
else
return (clients[a].policy > clients[b].policy)
end
end)
do
if c.ip then
count = count + 1
-%>
<div class="tr cbi-section-table-row cbi-rowstyle-<%=2-(count%2)%>">
<div class="td cbi-section-table-cell"><%=c.hostname or "<em>" .. translate("unknown") .. "</em>"%></div>
<div class="td cbi-section-table-cell"><%=c.ip or "<em>" .. translate("unknown") .. "</em>"%></div>
<div class="td cbi-section-table-cell"><%=showmac(c.mac)%></div>
<div class="td cbi-section-table-cell"><%=
(c.limit >= os.time()) and wat.date_format(c.limit-os.time()) or
(c.policy ~= "normal") and "-" or "<em>" .. translate("expired") .. "</em>"
%></div>
<div class="td cbi-section-table-cell"><%=wat.byte_format(c.bytes_in)%> / <%=wat.byte_format(c.bytes_out)%></div>
<div class="td cbi-section-table-cell">
<% if is_admin then %>
<select name="policy.<%=c.mac:lower()%>" style="width:200px">
<option value="whitelist"<%=c.policy=="whitelist" and ' selected="selected"'%>><%:whitelisted%></option>
<option value="normal"<%=c.policy=="normal" and not c.kicked and ' selected="selected"'%>><%:splashed%></option>
<option value="blacklist"<%=c.policy=="blacklist" and ' selected="selected"'%>><%:blacklisted%></option>
<% if c.policy == "normal" then -%>
<option value="kicked"><%:temporarily blocked%></option>
<%- end %>
</select>
<input type="submit" class="cbi-button cbi-button-save" name="save.<%=c.mac:lower()%>" value="<%:Save%>" />
<% else %>
<%=c.policy%>
<% end %>
</div>
</div>
<%-
end
end
if count == 0 then
-%>
<div class="tr cbi-section-table-row">
<div colspan="7" class="td cbi-section-table-cell">
<br /><em><%:No clients connected%></em><br />
</div>
</div>
<%- end -%>
</div>
</div>
<% if is_admin then %></form><% end %>
</div>
</fieldset>
</div>
<%+footer%>