gandalf/secubox-openwrt
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(kiss): Add Streamlit apps category to navigation

Browse Source 
- New Streamlit category with external app links
- France TV, Yijing Oracle, Fabricator, Bazi Complete, SecuBox Control
- External links open in new tab with ↗ indicator
- Support for both internal paths and external URLs in nav items

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
CyberMind-FR 2026-02-12 07:04:04 +01:00
parent 2d9beb6f67
commit cd888203c1
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
package/secubox/luci-app-secubox-portal/htdocs/luci-static/resources/secubox/kiss-theme.js
View File

@ -45,6 +45,13 @@ var KissThemeClass = baseclass.extend({
{ icon: '🏠', name: 'Vhost Manager', path: 'admin/services/vhost-manager' },
{ icon: '📦', name: 'App Store', path: 'admin/secubox/apps' }
]},
{ cat: 'Streamlit', icon: '🎯', collapsed: true, items: [
{ icon: '📺', name: 'France TV', url: 'http://192.168.255.1:8522/' },
{ icon: '🔮', name: 'Yijing Oracle', url: 'http://192.168.255.1:8501/' },
{ icon: '🏭', name: 'Fabricator', url: 'http://192.168.255.1:8520/' },
{ icon: '☯️', name: 'Bazi Complete', url: 'http://192.168.255.1:8509/' },
{ icon: '🎛️', name: 'SecuBox Control', url: 'http://192.168.255.1:8511/' }
]},
{ cat: 'P2P & Mesh', icon: '🔗', collapsed: true, items: [
{ icon: '🔗', name: 'P2P Network', path: 'admin/services/secubox-p2p' },
{ icon: '🌳', name: 'Netifyd', path: 'admin/services/secubox-netifyd' },
@ -539,14 +546,18 @@ var KissThemeClass = baseclass.extend({
// Items container
var itemsContainer = self.E('div', { 'class': 'kiss-nav-items' },
cat.items.map(function(item) {
var isActive = currentPath.indexOf(item.path) !== -1;
var isExternal = !!item.url;
var href = isExternal ? item.url : '/cgi-bin/luci/' + item.path;
var isActive = !isExternal && currentPath.indexOf(item.path) !== -1;
return self.E('a', {
'href': '/cgi-bin/luci/' + item.path,
'class': 'kiss-nav-item' + (isActive ? ' active' : ''),
'href': href,
'class': 'kiss-nav-item' + (isActive ? ' active' : '') + (isExternal ? ' external' : ''),
'target': isExternal ? '_blank' : '',
'onClick': function() { self.closeSidebar(); }
}, [
self.E('span', { 'class': 'kiss-nav-icon' }, item.icon),
self.E('span', {}, item.name)
self.E('span', {}, item.name),
isExternal ? self.E('span', { 'style': 'margin-left:auto;font-size:10px;opacity:0.5;' }, '↗') : null
]);
})
);