From 4c0ab93284756daa995fb25cc7d01798a6a0d686 Mon Sep 17 00:00:00 2001 From: CyberMind-FR Date: Wed, 7 Jan 2026 09:01:11 +0100 Subject: [PATCH] fix: Load wizard CSS in render method (v0.6.0-r4) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fix missing navigation buttons in wizard: - Add explicit CSS loading in render() method - Use L.resource() to load wizard.css - Inject tag into document head - Ensures wizard styling is applied Issue: Navigation buttons (Cancel, Next) not visible Cause: wizard.css was not being loaded Solution: Add CSS file loading in render method Frontend Changes: - htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js - Add CSS link injection in render() - Load crowdsec-dashboard/wizard.css via L.resource() Version: 0.6.0-4 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 --- package/secubox/luci-app-crowdsec-dashboard/Makefile | 2 +- .../resources/view/crowdsec-dashboard/wizard.js | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/package/secubox/luci-app-crowdsec-dashboard/Makefile b/package/secubox/luci-app-crowdsec-dashboard/Makefile index 4df22913..783ab5a1 100644 --- a/package/secubox/luci-app-crowdsec-dashboard/Makefile +++ b/package/secubox/luci-app-crowdsec-dashboard/Makefile @@ -9,7 +9,7 @@ include $(TOPDIR)/rules.mk PKG_NAME:=luci-app-crowdsec-dashboard PKG_VERSION:=0.6.0 -PKG_RELEASE:=3 +PKG_RELEASE:=4 PKG_ARCH:=all PKG_LICENSE:=Apache-2.0 diff --git a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js index 6599e815..b71a3b0f 100644 --- a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js +++ b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js @@ -64,6 +64,15 @@ return view.extend({ }, render: function(data) { + // Load wizard CSS + var head = document.head || document.getElementsByTagName('head')[0]; + var cssLink = E('link', { + 'rel': 'stylesheet', + 'type': 'text/css', + 'href': L.resource('crowdsec-dashboard/wizard.css') + }); + head.appendChild(cssLink); + var container = E('div', { 'class': 'wizard-container' }); // Create stepper