mirror of
https://github.com/derisamedia/luci-theme-alpha.git
synced 2025-01-07 03:06:42 +08:00
79 lines
2.2 KiB
HTML
79 lines
2.2 KiB
HTML
<%#
|
|
Alpha os is made from me for all .. especially for indo wrt members and fan of OpenWrt or DBAI Community
|
|
luci-theme-alpha
|
|
Copyright 2024 derisamedia <facebook.com/derisamedia>
|
|
Have a bug? Please create an issue here on GitHub!
|
|
|
|
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 ver = require "luci.version"
|
|
local uci = require "luci.model.uci".cursor()
|
|
local config = uci:get_all("alpha", "config")
|
|
local icon = {
|
|
['/cgi-bin/luci/admin/status/overview'] = '/gaya/icon/navbar/status.png',
|
|
['/cgi-bin/luci/admin/services/ttyd'] = '/gaya/icon/navbar/terminal.png',
|
|
['/cgi-bin/luci/admin/services/openclash'] = '/gaya/icon/navbar/oc.png',
|
|
['/cgi-bin/luci/admin/nas/tinyfm'] = '/gaya/icon/navbar/nas.png',
|
|
['/cgi-bin/luci/admin/modem/main'] = '/gaya/icon/navbar/modem.png',
|
|
['/cgi-bin/luci/admin/network/network'] = '/gaya/icon/navbar/interface.png'
|
|
}
|
|
|
|
local function getLink(nav)
|
|
local link = config[nav]
|
|
return (link ~= "none") and link or nil
|
|
end
|
|
%>
|
|
</div>
|
|
<footer class="mobile">
|
|
<a href="https://github.com/derisamedia/luci-theme-alpha"><%=ver.luciname%> | <%=ver.luciversion%> | Alpha OS Theme v3.9</a>
|
|
</footer>
|
|
</div>
|
|
<div class="navbar active">
|
|
<div class="dropdown">
|
|
<% for i = 1, 6 do
|
|
local nav_key = 'nav_0' .. i
|
|
local link = getLink(nav_key)
|
|
if link then %>
|
|
<a href="<%= link %>">
|
|
<img src="<%=media%><%=icon[link]%>"/>
|
|
</a>
|
|
<% end
|
|
end %>
|
|
</div>
|
|
<label class="toggler">
|
|
<img src="<%=media%>/gaya/icon/arrow.svg">
|
|
</label>
|
|
</div>
|
|
<script>
|
|
{
|
|
const nav = document.querySelector(".navbar");
|
|
let lastScrollY = window.scrollY;
|
|
window.addEventListener("scroll", () => {
|
|
if (lastScrollY < window.scrollY) {
|
|
nav.classList.add("navbar--hidden");
|
|
}
|
|
else {
|
|
nav.classList.remove("navbar--hidden");
|
|
}
|
|
lastScrollY = window.scrollY;
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
<script type="text/javascript">L.require('menu-alpha')</script>
|
|
<script src="<%=media%>/app.js"></script>
|
|
</body>
|
|
</html>
|