2024-04-11 09:10:17 +00:00
< %#
Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI
luci-theme-material
Copyright 2015-2017 Lutty Yang < lutty @ wcan . in >
Have a bug? Please create an issue here on GitHub!
https://github.com/LuttyYang/luci-theme-material/issues
luci-theme-bootstrap:
Copyright 2008 Steven Barth < steven @ midlink . org >
Copyright 2008-2016 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 boardinfo = util.ubus("system", "board") or { }
local node = disp.context.dispatched
local path = table.concat(disp.context.path, "-")
http.prepare_content("text/html; charset=UTF-8")
-%>
<!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 "OpenWrt") .. ( (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 = "theme-color" media = "(prefers-color-scheme: light)" content = "white" >
< meta name = "theme-color" media = "(prefers-color-scheme: dark)" content = "black" >
< 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%>/images/icon.png" / >
< link rel = "icon" href = "<%=media%>/images/icon.png" sizes = "192x192" >
< link rel = "apple-touch-icon" sizes = "192x192" href = "<%=media%>/images/icon.png" >
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "mobile-web-app-capable" content = "yes" >
< meta name = "apple-touch-fullscreen" content = "yes" / >
< meta name = "msapplication-TileColor" content = "#09c" >
< link rel = "stylesheet" href = "<%=media%>/css/style.css?v=<%= ver.luciversion %>" >
< script src = "<%=media%>/js/jquery.min.js?v=3.5.1" > < / script >
< link rel = "shortcut icon" href = "<%=media%>/favicon.png" >
< % if node and node.css then %>
< link rel = "stylesheet" href = "<%=resource%>/<%=node.css%>" >
< % end -%>
< script src = "<%=url('admin/translations', luci.i18n.context.lang)%><%# ?v=PKG_VERSION %>" > < / script >
< script src = "<%=resource%>/cbi.js" > < / script >
< script src = "<%=resource%>/luci.js?v=<%=ver.luciversion%>" > < / script >
< % if css then %>
< style title = "text/css" >
< %= css %>
< / style >
< % end -%>
< / 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) %>">
< header >
< div class = "fill" >
< div class = "container" >
< span class = "showSide" > < / span >
< a class = "brand" href = "#" > < %=striptags(boardinfo.hostname or "OpenWrt")%>< / a >
< div class = "status" id = "indicators" > < / div >
< / div >
< / div >
< / header >
< div class = "navbar" >
< a href = "/cgi-bin/luci/admin/status/overview" > < img src = "<%=media%>/images/home.png" / > < / a >
2025-01-06 16:29:24 +00:00
<!-- <a href="/cgi - bin/luci/admin/services/openclash"><img src="<%=media%>/images/openclash.png" /></a> -->
2024-04-11 09:10:17 +00:00
< a href = "/cgi-bin/luci/admin/network/network" > < img src = "<%=media%>/images/link.png" / > < / a >
< a href = "/cgi-bin/luci/admin/status/realtime" > < img src = "<%=media%>/images/rank.png" / > < / a >
< a href = "/cgi-bin/luci/admin/system/admin" > < img src = "<%=media%>/images/user.png" / > < / a >
< / div >
< div class = "main" >
< div style = "" class = "loading" > < span > < div class = "loading-img" > < / div > < %:Collecting data...%>< / span > < / div >
< div class = "main-left" id = "mainmenu" style = "display:none" > < / div >
< div class = "main-right" >
< div class = "modemenu-buttons" style = "display:none" >
< ul id = "modemenu" > < / ul >
< / div >
< div class = "darkMask" > < / 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") and path ~= "admin-system-admin-password" then -%>
< %- 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 >
< script src = "<%=media%>/js/style.js?v=<%=ver.luciversion%>" > < / script >
