350 lines
13 KiB
HTML
350 lines
13 KiB
HTML
<%#
|
|
Copyright (C) 2019-2025 The Sirpdboy Team <herboy2008@gmail.com>
|
|
luci-theme-material:
|
|
Copyright 2015 Lutty Yang <lutty@wcan.in>
|
|
luci-theme-bootstrap:
|
|
Copyright 2008 Steven Barth <steven@midlink.org>
|
|
Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>
|
|
Copyright 2012 David Menting <david@nut-bolt.nl>
|
|
|
|
MUI:
|
|
https://github.com/muicss/mui
|
|
|
|
Licensed to the public under the Apache License 2.0
|
|
-%>
|
|
|
|
<%
|
|
local sys = require "luci.sys"
|
|
local util = require "luci.util"
|
|
local http = require "luci.http"
|
|
local disp = require "luci.dispatcher"
|
|
local ver = require "luci.version"
|
|
local json = require "luci.jsonc"
|
|
|
|
local fs = require "nixio.fs"
|
|
local nutil = require "nixio.util"
|
|
local uci = require 'luci.model.uci'.cursor()
|
|
|
|
local urlencode = luci.http.protocol and luci.http.protocol.urlencode or luci.util.urlencode
|
|
|
|
local boardinfo = util.ubus("system", "board") or { }
|
|
|
|
local node = disp.context.dispatched
|
|
local path = table.concat(disp.context.requestpath, "-")
|
|
|
|
function glob(...)
|
|
local iter, code, msg = fs.glob(...)
|
|
if iter then
|
|
return nutil.consume(iter)
|
|
else
|
|
return nil, code, msg
|
|
end
|
|
end
|
|
function getExtension(str)
|
|
return urlencode(str:match(".+%.(%w+)$"))
|
|
end
|
|
|
|
http.prepare_content("text/html; charset=UTF-8")
|
|
local bar='/cgi-bin/luci/admin/'
|
|
local bk_use='background: rgba(var(--primary-rgbbody),1)'
|
|
local loginbk_use = 'background: linear-gradient(0deg, rgba(var(--primary-rgbm), 1) 0%, rgba(var(--primary-rgbbody), 1) 100%);display: block;'
|
|
if fs.access('/etc/config/advancedplus') then
|
|
kucat = 'advancedplus'
|
|
elseif fs.access('/etc/config/kucat') then
|
|
kucat = 'kucat'
|
|
end
|
|
if (kucat and kucat ~= '') then
|
|
local config = uci:get_all(kucat, "@basic[0]")
|
|
primary_rgbbody,primary_rgbm,primary_rgbm_ts,primary_opacity,primary_rgbs,primary_rgbs_ts,mode = config.primary_rgbbody,config.primary_rgbm,config.primary_rgbm_ts,config.primary_opacity,config.primary_rgbs,config.primary_rgbs_ts,config.mode
|
|
gohome,gouser,gossr = bar .. "status/" .. config.gohome,bar .. "system/" .. config.gouser,bar .. "services/" .. config.gossr
|
|
background,bkuse,bklock,fontd,fontz,fontx = config.background,config.bkuse,config.bklock,config.font_d,config.font_z,config.font_x
|
|
bgqs,setbar,dayword = config.bgqs,config.setbar,config.dayword
|
|
else
|
|
primary_rgbbody,primary_rgbm,primary_rgbm_ts,primary_opacity,primary_rgbs,primary_rgbs_ts,mode = '248,248,248','45,102,147','0.8','0','132,188,218','0.1','light'
|
|
gohome,gouser,gossr = bar .. "status/" ,bar .. "system/" ,bar .. "services/"
|
|
background,bkuse,bklock,fontd,fontz,fontx = '0','0','1','1.2rem' ,'0.92rem' ,'0.875rem'
|
|
bgqs,setbar,dayword = '1','1','0'
|
|
end
|
|
local ufilter = string.format("blur(%dpx)", tonumber(primary_opacity))
|
|
local bar_color = mode
|
|
if primary_opacity == '0' then
|
|
ufilter = 'none'
|
|
end
|
|
|
|
local bg_url = media..'/img/bg1.jpg'
|
|
local bg_lock = bg_url
|
|
if background == '0' then
|
|
math.randomseed(os.time())
|
|
|
|
local theme_dir = resource .. '/background/'
|
|
if not fs.access('/www' .. resource .. '/background/') then
|
|
local theme_dir = media .. '/background/'
|
|
end
|
|
local bgcount = 0
|
|
local currentBg = {}
|
|
local bgs,attr = {}
|
|
for i, f in ipairs(glob("/www" .. theme_dir .. "*")) do
|
|
attr = fs.stat(f)
|
|
if attr then
|
|
local ext = getExtension(fs.basename(f))
|
|
if ext == "jfif" or ext == "pjp" or ext == "pjpeg" or ext == "jpeg" or ext == "jpg" or ext == "png" or ext == "gif" then
|
|
local bg = {}
|
|
bg.type = ext
|
|
bg.url = theme_dir .. fs.basename(f)
|
|
table.insert(bgs,bg)
|
|
bgcount = bgcount + 1
|
|
end
|
|
end
|
|
end
|
|
if bgcount > 0 then
|
|
currentBg = bgs[math.random(1,bgcount)]
|
|
picurl = currentBg.url
|
|
end
|
|
else
|
|
picurl = sys.exec("/usr/libexec/kucat/kucat_wallpaper")
|
|
end
|
|
if (picurl and picurl ~= '') then
|
|
bg_url = picurl
|
|
end
|
|
if bklock == '0' then
|
|
math.randomseed(os.time())
|
|
local bk_dir = media .. "/bg/"
|
|
local bkcount = 0
|
|
local currentbk = {}
|
|
local bgs,attr = {}
|
|
for i, f in ipairs(glob("/www" .. bk_dir .. "*")) do
|
|
attr = fs.stat(f)
|
|
if attr then
|
|
local ext = getExtension(fs.basename(f))
|
|
if ext == "jfif" or ext == "pjp" or ext == "pjpeg" or ext == "jpeg" or ext == "jpg" or ext == "png" or ext == "gif" then
|
|
local bg = {}
|
|
bg.type = ext
|
|
bg.url = bk_dir .. fs.basename(f)
|
|
table.insert(bgs,bg)
|
|
bkcount = bkcount + 1
|
|
end
|
|
end
|
|
end
|
|
if bkcount > 0 then
|
|
currentbk = bgs[math.random(1,bkcount)]
|
|
bg_lock = currentbk.url
|
|
end
|
|
end
|
|
if dayword == '1' then
|
|
showword = sys.exec("/usr/libexec/kucat/kucat_word")
|
|
end
|
|
if bkuse == '1' then
|
|
if bklock == '0' then
|
|
bk_use = "background-image:url(" .. bg_lock .. ")"
|
|
loginbk_use = "background-image:url(" .. bg_url .. ")"
|
|
else
|
|
bk_use="background-image:url("..bg_url..")"
|
|
loginbk_use = "background-image:url(" .. bg_url .. ")"
|
|
end
|
|
else
|
|
if bklock == '0' then
|
|
loginbk_use = "background-image:url(" .. bg_url .. ")"
|
|
end
|
|
end
|
|
-%>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="<%=luci.i18n.context.lang%>">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover" />
|
|
<link rel="manifest" href="<%=media%>/manifest.json">
|
|
<title> <%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title>
|
|
<meta name="format-detection" content="telephone=no, email=no" />
|
|
<meta name="x5-fullscreen" content="true">
|
|
<meta name="full-screen" content="yes">
|
|
<meta name="x5-page-mode" content="app">
|
|
<meta name="browsermode" content="application">
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="application-name" content="<%=striptags( (boardinfo.hostname or "OpenWrt") ) %> - LuCI">
|
|
<meta name="apple-mobile-web-app-title" content="<%=striptags( (boardinfo.hostname or "OpenWrt") ) %> - LuCI">
|
|
<meta name="msapplication-TileImage" content="<%=media%>/logo.png"/>
|
|
<link rel="icon" type="image/png" sizes="192x192" href="<%=media%>/logo.png">
|
|
<link rel="icon" href="<%=media%>/logo.svg" sizes="any">
|
|
<meta name="msapplication-TileColor" content="<%=bar_color%>">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-touch-fullscreen" content="yes" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="<%=media%>/img/apple-touch-icon.png">
|
|
<link rel="apple-touch-icon-precomposed" href="<%=media%>/img/apple-touch-icon.png" sizes="144x144">
|
|
|
|
<link rel="stylesheet" href="<%=media%>/css/style.css?v=<%= ver.luciversion %>">
|
|
|
|
<link rel="shortcut icon" href="<%=media%>/favicon.ico">
|
|
<meta name="theme-color" content="<%=bar_color%>">
|
|
<% if node and node.css then %>
|
|
<link rel="stylesheet" href="<%=resource%>/<%=node.css%>">
|
|
<% end -%>
|
|
<style title="text/css">
|
|
|
|
<% if css then %>
|
|
<%= css %>
|
|
<% end
|
|
if bgqs == '1' then -%>
|
|
:root {
|
|
--primary-rgbbody:<%=primary_rgbbody%>;
|
|
--primary-rgbm: <%=primary_rgbm%>;
|
|
--primary-rgbm-ts: <%=primary_rgbm_ts%>;
|
|
--primary-rgbs: <%=primary_rgbs%>;
|
|
--primary-rgbs-ts: <%=primary_rgbs_ts%>;
|
|
--font-d: <%=fontd%>;
|
|
--font-z: <%=fontz%>;
|
|
--font-x: <%=fontx%>;
|
|
--ufilter: <%=ufilter%>;
|
|
--bgqs-image: none;
|
|
--menu-bgcolor: rgba(var(--primary-rgbbody), var(--primary-rgbm-ts));
|
|
--menu-item-hover-bgcolor: rgba(var(--primary-rgbm), 0.8);
|
|
--menu-item-active-bgcolor: rgba(var(--primary-rgbm), var(--primary-rgbm-ts));
|
|
<% if mode == 'dark' then %>
|
|
--menu-fontcolor: #ddd;
|
|
<% else %>
|
|
--menu-fontcolor: #4d4d5d;
|
|
<% end -%>
|
|
}
|
|
@media screen and (max-width: 992px) {
|
|
.main .main-left {
|
|
background-color:rgba(var(--primary-rgbbody), 1);
|
|
}
|
|
}
|
|
<% else %>
|
|
:root {
|
|
--primary-rgbbody:<%=primary_rgbbody%>;
|
|
--primary-rgbm: <%=primary_rgbm%>;
|
|
--primary-rgbm-ts: <%=primary_rgbm_ts%>;
|
|
--primary-rgbs: <%=primary_rgbs%>;
|
|
--primary-rgbs-ts: <%=primary_rgbs_ts%>;
|
|
--font-d: <%=fontd%>;
|
|
--font-z: <%=fontz%>;
|
|
--font-x: <%=fontx%>;
|
|
--ufilter: <%=ufilter%>;
|
|
--bgqs-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
|
|
--menu-bgcolor: rgba(var(--primary-rgbm), var(--primary-rgbm-ts));
|
|
--menu-item-hover-bgcolor: rgba(248,248,248, 0.22);
|
|
--menu-item-active-bgcolor: rgba(248,248,248, 0.3);
|
|
<% if mode == 'dark' then %>
|
|
--menu-fontcolor: #ddd;
|
|
<% else %>
|
|
--menu-fontcolor: #f5f5f5f5;
|
|
<% end -%>
|
|
}
|
|
|
|
<% end -%>
|
|
<% if setbar == "1" then %>
|
|
header.bar-primary .container-bar-left {
|
|
width: 300px;
|
|
display: block;
|
|
}
|
|
header.bar-primary .container-bar-right {
|
|
width: 0;
|
|
display: none;
|
|
}
|
|
<% else %>
|
|
header.bar-primary .container-bar-left {
|
|
width: 0;
|
|
display: none;
|
|
}
|
|
header.bar-primary .container-bar-right {
|
|
width: 50px;
|
|
display: block;
|
|
}
|
|
<% end -%>
|
|
|
|
|
|
</style>
|
|
|
|
<script src="<%=url('admin/translations', luci.i18n.context.lang)%>?v=<%=ver.luciversion%>"></script>
|
|
<script src="<%=resource%>/cbi.js?v=<%=ver.luciversion%>"></script>
|
|
<script src="<%=resource%>/luci.js?v=<%=ver.luciversion%>"></script>
|
|
<script src="<%=media%>/style.js"></script>
|
|
|
|
</head>
|
|
<body class="lang_<%=luci.i18n.context.lang%> <% if luci.dispatcher.context.authsession then %>logged-in<% end %> <% if not (path == "") then %>node-<%= path %><% else %>node-main-login<% end %>" data-page="<%= pcdata(path) %>" style="<%=bk_use%>; "
|
|
<% if mode ~= 'auto' then %>
|
|
data-theme = "<%= mode %>"
|
|
<% end -%>
|
|
>
|
|
<% if mode == 'auto' then %>
|
|
<script>
|
|
function setTheme() {
|
|
let color_scheme = window.matchMedia('(prefers-color-scheme: dark)');
|
|
document.body.setAttribute('data-theme', color_scheme.matches? 'dark': 'light');
|
|
}
|
|
setTheme();
|
|
window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', setTheme);
|
|
</script>
|
|
<% elseif mode == 'dark' then %>
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="dark">
|
|
<% elseif mode == 'light' then %>
|
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="light">
|
|
<% end -%>
|
|
|
|
<header class="bar-primary">
|
|
<div id="header-bar-left" class="container-bar-left">
|
|
<a class="labelbar pdboy-closebar" href="javascript:void(0)" onclick="pdclosebar()" title="Close" ></a>
|
|
<a class="labelbar pdboy-gohome" href="<%=gohome%>" title="<%:Status%>"></a>
|
|
<a class="labelbar pdboy-goadvanced" href="<%=gouser%>" title="<%:System%>"></a>
|
|
<a class="labelbar pdboy-gossr" href="<%=gossr%>" title="<%:Services%>"></a>
|
|
<a class="labelbar pdboy-gonet" href="<%=url("admin/network/network")%>" title="<%:Network%>"></a>
|
|
<a class="labelbar pdboy-gopoweroff" href="<%=url("admin/system/reboot")%>" title="<%:Reboot%>"></a>
|
|
</div>
|
|
<div id="header-bar-right" class="container-bar-right">
|
|
<a class="labelbar pdboy-openbar" href="javascript:void(0)" title="Open" onclick="pdopenbar()"></a>
|
|
</div>
|
|
</header>
|
|
<div class="main">
|
|
<div style="" class="loading">
|
|
</div>
|
|
<div class="main-left">
|
|
<div class="sidenav-header d-flex align-items-center">
|
|
<a class="brand" href="/"><%=boardinfo.hostname or "?"%></a>
|
|
</div>
|
|
<div class="mainmenu" id="mainmenu" style="display:none"></div>
|
|
</div>
|
|
<div class="main-right">
|
|
<header class="pd-primary">
|
|
<div class="fill">
|
|
<div class="container">
|
|
<div class="flex1">
|
|
<a class="showSide" title="<%:Menu%>" ></a>
|
|
<a class="brand" href="/"><%=striptags(boardinfo.hostname or "OpenWrt")%></a>
|
|
<% if dayword == '1' then %>
|
|
<a class="showWord" href="#"><%=showword%></a>
|
|
<% end -%>
|
|
</div>
|
|
|
|
<div class="status" id="indicators"></div>
|
|
|
|
<span > <a class="pdboy-qlogout" href="<%=url("admin/logout")%>" title="<%:Log_out%>" > </a></span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="modemenu-buttons" style="display:none">
|
|
<ul id="modemenu"></ul>
|
|
</div>
|
|
<div class="darkMask"></div>
|
|
<div class="login-bg" style="<%=loginbk_use%>"></div>
|
|
<div id="maincontent">
|
|
<div class="container">
|
|
<%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>
|
|
<div class="alert-message warning">
|
|
<h4><%:No password set!%></h4>
|
|
<p><%:There is no password set on this router. Please configure a root password to protect the web interface.%></p>
|
|
<% if disp.lookup("admin/system/admin") then %>
|
|
<div class="right"><a class="btn" href="<%=url("admin/system/admin")%>"><%:Go to password configuration...%></a></div>
|
|
<% end %>
|
|
</div>
|
|
<%- end -%>
|
|
<noscript>
|
|
<div class="alert-message warning">
|
|
<h4><%:JavaScript required!%></h4>
|
|
<p><%:You must enable JavaScript in your browser or LuCI will not work properly.%></p>
|
|
</div>
|
|
</noscript>
|
|
<div id="tabmenu" style="display:none"></div>
|