OpenWrt/kenzok8-package
1
0
Fork 0
mirror of https://github.com/kenzok8/small-package synced 2025-04-04 03:01:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

update 2025-03-29 04:23:02

Browse Source
This commit is contained in:
kenzok8 2025-03-29 04:23:02 +08:00
parent 6a5f6c5eed
commit 807496c238
4 changed files with 235 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
luci-theme-kucat/Makefile
View File

@ -13,13 +13,10 @@ LUCI_DEPENDS:=
PKG_VERSION:=2.5.8
PKG_RELEASE:=20250325
define Package/luci-theme-$(THEME_NAME)/postinst
#!/bin/sh
rm -Rf /var/luci-modulecache
rm -Rf /var/luci-indexcache
exit 0
define Package/luci-theme-$(THEME_NAME)/conffiles
/www/luci-static/resources/background/
/www/luci-static/kucat/img/
/etc/config/kucat
endef
include $(TOPDIR)/feeds/luci/luci.mk

26
luci-theme-kucat/htdocs/luci-static/kucat/css/style.css
View File

File diff suppressed because one or more lines are too long

33
luci-theme-kucat/htdocs/luci-static/kucat/style.js
View File

@ -7,4 +7,35 @@
*
* Licensed to the public under the Apache License 2.0
*/
function pdopenbar(){document.getElementById("header-bar-left").style.width="300px";document.getElementById("header-bar-left").style.display="block";document.getElementById("header-bar-right").style.width="0";document.getElementById("header-bar-right").style.display="none"}function pdclosebar(){document.getElementById("header-bar-left").style.display="none";document.getElementById("header-bar-left").style.width="0";document.getElementById("header-bar-right").style.display="block";document.getElementById("header-bar-right").style.width="50px"}
// const isDark = localStorage.getItem("isDark");
// if (isDark == 1) {
// const element = document.querySelector("body");
// element.classList.add("dark");
// }
// const themetoggler = document.querySelector(".themetoggler");
// themetoggler.addEventListener(
// "click",
// function (e) {
// e.preventDefault();
// const element = document.querySelector("body");
// element.classList.toggle("dark");
// const isDark = localStorage.getItem("isDark");
// localStorage.setItem("isDark", isDark == 1 ? 0 : 1);
// },
// false
// );
function pdopenbar() {
document.getElementById("header-bar-left").style.width = "300px";
document.getElementById("header-bar-left").style.display = "block";
document.getElementById("header-bar-right").style.width = "0";
document.getElementById("header-bar-right").style.display = "none"
}
function pdclosebar() {
document.getElementById("header-bar-left").style.display = "none";
document.getElementById("header-bar-left").style.width = "0";
document.getElementById("header-bar-right").style.display = "block";
document.getElementById("header-bar-right").style.width = "50px"
}

199
luci-theme-kucat/htdocs/luci-static/resources/menu-kucat.js
View File

@ -17,4 +17,201 @@
*
* Licensed to the public under the Apache License 2.0
*/
'use strict';'require baseclass';'require ui';return baseclass.extend({__init__:function(){ui.menu.load().then(L.bind(this.render,this))},render:function(tree){var node=tree,url='';this.renderModeMenu(node);if(L.env.dispatchpath.length>=3){for(var i=0;i<3&&node;i++){node=node.children[L.env.dispatchpath[i]];url=url+(url?'/':'')+L.env.dispatchpath[i]}if(node)this.renderTabMenu(node,url)}document.querySelector('.showSide').addEventListener('click',ui.createHandlerFn(this,'handleSidebarToggle'));document.querySelector('.darkMask').addEventListener('click',ui.createHandlerFn(this,'handleSidebarToggle'));document.querySelector(".main > .loading").style.opacity='0';document.querySelector(".main > .loading").style.visibility='hidden';if(window.innerWidth<=1152)document.querySelector('.main-left').style.width='0';document.querySelector('.main-right').style.overflow='auto';window.addEventListener('resize',this.handleSidebarToggle,true)},handleMenuExpand:function(ev){var a=ev.target,ul1=a.parentNode,ul2=a.nextElementSibling;var collapse=false;document.querySelectorAll('li.slide.active').forEach(function(li){if(li!==a.parentNode||li==ul1){li.classList.remove('active');li.childNodes[0].classList.remove('active')}if(!collapse&&li==ul1){collapse=true}});if(!ul2)return;if(ul2.parentNode.offsetLeft+ul2.offsetWidth<=ul1.offsetLeft+ul1.offsetWidth)ul2.classList.add('align-left');if(!collapse){ul1.classList.add('active');a.classList.add('active')}else{ul1.classList.remove('active');a.classList.remove('active')}a.blur();ev.preventDefault();ev.stopPropagation()},renderMainMenu:function(tree,url,level){var l=(level||0)+1,ul=E('ul',{'class':level?'slide-menu':'nav'}),children=ui.menu.getChildren(tree);if(children.length==0||l>2)return E([]);for(var i=0;i<children.length;i++){var isActive=((L.env.dispatchpath[l]==children[i].name)&&(L.env.dispatchpath[l-1]==tree.name)),submenu=this.renderMainMenu(children[i],url+'/'+children[i].name,l),hasChildren=submenu.children.length,slideClass=hasChildren?'slide':null,menuClass=hasChildren?'menu':null;if(isActive){ul.classList.add('active');slideClass+=" active";menuClass+=" active"}ul.appendChild(E('li',{'class':slideClass},[E('a',{'href':L.url(url,children[i].name),'click':(l==1)?ui.createHandlerFn(this,'handleMenuExpand'):null,'class':menuClass,'data-title':hasChildren?children[i].title.replace(" ","_"):children[i].title.replace(" ","_"),},[_(children[i].title)]),submenu]))}if(l==1){var container=document.querySelector('#mainmenu');container.appendChild(ul);container.style.display=''}return ul},renderModeMenu:function(tree){var ul=document.querySelector('#modemenu'),children=ui.menu.getChildren(tree);for(var i=0;i<children.length;i++){var isActive=(L.env.requestpath.length?children[i].name==L.env.requestpath[0]:i==0);ul.appendChild(E('li',{},[E('a',{'href':L.url(children[i].name),'class':isActive?'active':null},[_(children[i].title)])]));if(isActive)this.renderMainMenu(children[i],children[i].name);if(i>0&&i<children.length)ul.appendChild(E('li',{'class':'divider'},[E('span')]))}if(children.length>1)ul.parentElement.style.display=''},renderTabMenu:function(tree,url,level){var container=document.querySelector('#tabmenu'),l=(level||0)+1,ul=E('ul',{'class':'tabs'}),children=ui.menu.getChildren(tree),activeNode=null;if(children.length==0)return E([]);for(var i=0;i<children.length;i++){var isActive=(L.env.dispatchpath[l+2]==children[i].name),activeClass=isActive?' active':'',className='tabmenu-item-%s %s'.format(children[i].name,activeClass);ul.appendChild(E('li',{'class':className},[E('a',{'href':L.url(url,children[i].name)},[_(children[i].title)])]));if(isActive)activeNode=children[i]}container.appendChild(ul);container.style.display='';if(activeNode)container.appendChild(this.renderTabMenu(activeNode,url+'/'+activeNode.name,l));return ul},handleSidebarToggle:function(ev){var width=window.innerWidth,darkMask=document.querySelector('.darkMask'),mainRight=document.querySelector('.main-right'),mainLeft=document.querySelector('.main-left'),open=mainLeft.style.width=='';if(width>1152||ev.type=='resize')open=true;darkMask.style.visibility=open?'':'visible';darkMask.style.opacity=open?'':1;if(width<=1152)mainLeft.style.width=open?'0':'';else mainLeft.style.width=''mainLeft.style.visibility=open?'':'visible';mainRight.style['overflow-y']=open?'visible':'hidden'}});
'use strict';
'require baseclass';
'require ui';
return baseclass.extend({
__init__: function() {
ui.menu.load().then(L.bind(this.render, this));
},
render: function(tree) {
var node = tree,
url = '';
this.renderModeMenu(node);
if (L.env.dispatchpath.length >= 3) {
for (var i = 0; i < 3 && node; i++) {
node = node.children[L.env.dispatchpath[i]];
url = url + (url ? '/' : '') + L.env.dispatchpath[i];
}
if (node)
this.renderTabMenu(node, url);
}
document.querySelector('.showSide')
.addEventListener('click', ui.createHandlerFn(this, 'handleSidebarToggle'));
document.querySelector('.darkMask')
.addEventListener('click', ui.createHandlerFn(this, 'handleSidebarToggle'));
document.querySelector(".main > .loading").style.opacity = '0';
document.querySelector(".main > .loading").style.visibility = 'hidden';
if (window.innerWidth <= 1152)
document.querySelector('.main-left').style.width = '0';
document.querySelector('.main-right').style.overflow = 'auto';
window.addEventListener('resize', this.handleSidebarToggle, true);
},
handleMenuExpand: function(ev) {
var a = ev.target, ul1 = a.parentNode, ul2 = a.nextElementSibling;
var collapse = false;
document.querySelectorAll('li.slide.active').forEach(function(li) {
if (li !== a.parentNode || li == ul1) {
li.classList.remove('active');
li.childNodes[0].classList.remove('active');
}
if (!collapse && li == ul1) {
collapse = true;
}
});
if (!ul2)
return;
if (ul2.parentNode.offsetLeft + ul2.offsetWidth <= ul1.offsetLeft + ul1.offsetWidth)
ul2.classList.add('align-left');
if (!collapse) {
ul1.classList.add('active');
a.classList.add('active');
}
else
{
ul1.classList.remove('active');
a.classList.remove('active');
}
a.blur();
ev.preventDefault();
ev.stopPropagation();
},
renderMainMenu: function(tree, url, level) {
var l = (level || 0) + 1,
ul = E('ul', { 'class': level ? 'slide-menu' : 'nav' }),
children = ui.menu.getChildren(tree);
if (children.length == 0 || l > 2)
return E([]);
for (var i = 0; i < children.length; i++) {
var isActive = ((L.env.dispatchpath[l] == children[i].name) && (L.env.dispatchpath[l - 1] == tree.name)),
submenu = this.renderMainMenu(children[i], url + '/' + children[i].name, l),
hasChildren = submenu.children.length,
slideClass = hasChildren ? 'slide' : null,
menuClass = hasChildren ? 'menu' : null;
if (isActive) {
ul.classList.add('active');
slideClass += " active";
menuClass += " active";
}
ul.appendChild(E('li', { 'class': slideClass }, [
E('a', {
'href': L.url(url, children[i].name),
'click': (l == 1) ? ui.createHandlerFn(this, 'handleMenuExpand') : null,
'class': menuClass,
'data-title': hasChildren ? children[i].title.replace(" ", "_") : children[i].title.replace(" ", "_"),
}, [_(children[i].title)]),
submenu
]));
}
if (l == 1) {
var container = document.querySelector('#mainmenu');
container.appendChild(ul);
container.style.display = '';
}
return ul;
},
renderModeMenu: function(tree) {
var ul = document.querySelector('#modemenu'),
children = ui.menu.getChildren(tree);
for (var i = 0; i < children.length; i++) {
var isActive = (L.env.requestpath.length ? children[i].name == L.env.requestpath[0] : i == 0);
ul.appendChild(E('li', {}, [
E('a', {
'href': L.url(children[i].name),
'class': isActive ? 'active' : null
}, [ _(children[i].title) ])
]));
if (isActive)
this.renderMainMenu(children[i], children[i].name);
if (i > 0 && i < children.length)
ul.appendChild(E('li', {'class': 'divider'}, [E('span')]))
}
if (children.length > 1)
ul.parentElement.style.display = '';
},
renderTabMenu: function(tree, url, level) {
var container = document.querySelector('#tabmenu'),
l = (level || 0) + 1,
ul = E('ul', { 'class': 'tabs' }),
children = ui.menu.getChildren(tree),
activeNode = null;
if (children.length == 0)
return E([]);
for (var i = 0; i < children.length; i++) {
var isActive = (L.env.dispatchpath[l + 2] == children[i].name),
activeClass = isActive ? ' active' : '',
className = 'tabmenu-item-%s %s'.format(children[i].name, activeClass);
ul.appendChild(E('li', { 'class': className }, [
E('a', { 'href': L.url(url, children[i].name) }, [ _(children[i].title) ] )
]));
if (isActive)
activeNode = children[i];
}
container.appendChild(ul);
container.style.display = '';
if (activeNode)
container.appendChild(this.renderTabMenu(activeNode, url + '/' + activeNode.name, l));
return ul;
},
handleSidebarToggle: function(ev) {
var width = window.innerWidth,
darkMask = document.querySelector('.darkMask'),
mainRight = document.querySelector('.main-right'),
mainLeft = document.querySelector('.main-left'),
open = mainLeft.style.width == '';
if (width > 1152 || ev.type == 'resize')
open = true;
darkMask.style.visibility = open ? '' : 'visible';
darkMask.style.opacity = open ? '': 1;
if (width <= 1152)
mainLeft.style.width = open ? '0' : '';
else
mainLeft.style.width = ''
mainLeft.style.visibility = open ? '' : 'visible';
mainRight.style['overflow-y'] = open ? 'visible' : 'hidden';
}
});