opentopd 是一款基于luci-theme-material构建的，使用HTML5、CSS3编写的Luci主题.zip

<%# luci-theme-opentopd Copyright 2019-2021 sirpdboy <[email protected]> https://github.com/sirpdboy/luci-theme-opentopd/issues luci-theme-material: Copyright 2015 Lutty Yang <[email protected]> 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 fs = require "nixio.fs" local nutil = require "nixio.util" local uci = require 'luci.model.uci'.cursor() local boardinfo = util.ubus("system", "board") local request = disp.context.path local request2 = disp.context.request local category = request[1] local cattree = category and disp.node(category) local leaf = request2[#request2] local tree = disp.node() local node = disp.context.dispatched local categories = disp.node_childs(tree) local currentNode = luci.dispatcher.context.path local c = tree local i, r 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 str:match(".+%.(%w+)$") end -- tag all nodes leading to this page for i, r in ipairs(request) do if c.nodes and c.nodes[r] then c = c.nodes[r] c._menu_selected = true end end -- send as HTML5 http.prepare_content("text/html") local function nodeurl(prefix, name, query) local u = url(prefix, name) if query then u = u .. http.build_querystring(query) end return pcdata(u) end local function render_tabmenu(prefix, node, level) if not level then level = 1 end local childs = disp.node_childs(node) if #childs > 0 then if level > 2 then write('<ul class="tabs">') end local selected_node local selected_name local i, v for i, v in ipairs(childs) do local nnode = node.nodes[v] if nnode._menu_selected then selected_node = nnode selected_name = v end if level > 2 then write('<li class="tabmenu-item-%s %s"><a href="%s">%s</a></li>' %{ v, (nnode._menu_selected or (node.leaf and v == leaf)) and 'active' or '', nodeurl(prefix, v, nnode.query), striptags(translate(nnode.title)) }) end end if level > 2 then write('</ul>') end if selected_node then render_tabmenu(prefix .. "/" .. selected_name, selected_node, level + 1) end end end local function render_submenu(prefix,parent, node) local childs = disp.node_childs(node) if #childs > 0 then local active = (currentNode[2] == parent) and "active" or "" local display = (currentNode[2] == parent) and 'style="display: block;"' or "" write('<ul class="slide-menu %s" %s>' %{ active, display }) for i, r in ipairs(childs) do local nnode = node.nodes[r] local title = pcdata(striptags(translate(nnode.title))) local subactive = (currentNode[3] == r) and 'class="active"' or "" write('<li %s><a data-title="%s" href="%s">%s</a></li>' %{ subactive, title, nodeurl(prefix, r, nnode.query), title }) end write('</ul>') end end local function render_topmenu() local childs = disp.node_childs(cattree) if #childs > 0 then write('<ul class="nav">') for i, r in ipairs(childs) do local nnode = cattree.nodes[r] local grandchildren = disp.node_childs(nnode) if #grandchildren > 0 then local active = (currentNode[2] == r) and "active" or "" local title = pcdata(striptags(translate(nnode.title))) local en_title = pcdata(striptags(string.gsub(nnode.title," ","_"))) write('<li class="slide"><a class="menu %s" data-title="%s" href="#">%s</a>' %{ active, en_title, title }) render_submenu(category .. "/" .. r,r, nnode) write('</li>') else local title = pcdata(striptags(translate(nnode.title))) local en_title = pcdata(striptags(nnode.title)) write('<li class="slide"><a class="menu exit" data-title="%s" href="%s">%s</a></li>' %{ en_title, nodeurl(category, r, nnode.query), title }) end end write('</ul>') end end local function render_changes() if tree.nodes[category] and tree.nodes[category].ucidata then local ucichanges = 0 for i, j in pairs(require("luci.model.uci").cursor():changes()) do for k, l in pairs(j) do for m, n in pairs(l) do ucichanges = ucichanges + 1; end end end if ucichanges > 0 then write('<a class="uci_change_indicator label notice" href="%s?redir=%s">%s: %d</a>' %{ url(category, 'uci/changes'), http.urlencode(http.formvalue('redir') or table.concat(disp.context.request, "/")), translate('Unsaved Changes'), ucichanges }) end end end math.randomseed(os.time()) local bgcount = 0 local currentBg = {} local bgs,attr = {} local theme_dir = media .. "/background/" 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 == "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 local bg_url = media.."/img/bg1.jpg" if bgcount > 0 then currentBg = bgs[math.random(1,bgcount)] bg_url = currentBg.url end -- local bing = "123" -- i = math.random(1,3) -- if (bgcount == 0 ) then -- local json = require "luci.jsonc" -- local remote_bg_url="http://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=3&mkt=en-US" -- --bing = sys.httpget(remote_bg_url) -- bing = sys.exec("wget --timeout=0.5 -qO- '%s'" %remote_bg_url) -- if (bing and bing ~= '') then -- bg_url = "https://www.bing.com" .. json.parse(bing).images[i].url -- elseif ( bgcount > 0 ) then -- bg_url = currentBg.url -- end -- end %> <!DOCTYPE html> <html lang="<%=luci.i18n.context.lang%>"> <head> <meta charset="utf-8"> <title><%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> <meta name="format-detection" content="telephone=no, email=no"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> <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="theme-color" content="#5e72e4"> <meta name="msapplication-tap-highlight" content="no"> <meta name="msapplication-TileColor" content="#f36c21"> <meta name="application-name" content="<%=striptags( (boardinfo.hostname or "?") ) %> - LuCI"> <meta name="apple-mobile-web-app-title" content="<%=striptags( (boardinfo.hostname or "?") ) %> - LuCI"> <meta name="msapplication-TileImage" content="<%=media%>/logo.png"/> <link rel="icon" href="<%=media%>/logo.png" sizes="144x144"> <link rel="apple-touch-icon-precomposed" href="<%=media%>/logo.png" sizes="144x144"> <link rel="stylesheet" href="<%=media%>/css/style.css?v=<%=math.random(1,100000)%>"> <link rel="stylesheet" href="<%=media%>/css/pure-min.css?v=<%=math.random(1,100000)%>"> <link rel="shortcut icon" href="<%=media%>/favicon.ico"> <script src="<%=resource%>/cbi.js<%# ?v=PKG_VERSION %>"></script> <script src="<%=resource%>/xhr.js<%# ?v=PKG_VERSION %>"></script> <script src="<%=media%>/js/jquery.min.js<%# ?v=PKG_VERSION %>"></script> </head> <body class="lang_<%=luci.i18n.context.lang%> <%- if node then %><%= striptags( node.title ) %><%- end %> <% if luci.dispatcher.context.authsession then %>logged-in<% end %>"> <div class="main"> <div c