secubox-openwrt/secubox-tools/webui/templates/partials/workspace_kit_result.html
CyberMind-FR 0d6aaa1111 feat(webui): add Project Hub workspace and remove Command Center glow effects
- Add complete Project Hub & Workspace Interface implementation
  - New data models: Project, ModuleKit, Workspace
  - 3 fixture projects (cybermind.fr, cybermood.eu, secubox-c3)
  - 4 module kits (Security, Network, Automation, Media)
  - Workspace routes with project switching and kit installation
  - 4 workspace tabs: Overview, Module Kits, Devices, Composer
  - New navigation item: Workspace (7th section)

- Remove all glowing effects from UI
  - Remove Command Center widget glow and backdrop blur
  - Remove device status indicator glow
  - Remove toggle button glow effects

- Extend DataStore with 13 new methods for workspace management
- Add 270+ lines of workspace-specific CSS with responsive layouts
- Create workspace templates and result partials

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-03 08:10:22 +01:00

30 lines
1.3 KiB
HTML

<!-- Module Kit Action Result -->
{% if status == "success" %}
<div class="card" style="margin-top: 0.5rem; border-left: 4px solid var(--success); background: var(--success-bg, #f0fdf4);">
<div class="card-body" style="padding: 0.75rem;">
<div style="display: flex; align-items: start; gap: 0.5rem;">
<span style="font-size: 1.25rem;"></span>
<div style="flex: 1;">
<strong style="color: var(--success, #10b981);">{{ message }}</strong>
{% if kit and project %}
<p class="muted" style="font-size: 0.85rem; margin-top: 0.25rem;">
Added to {{ project.emoji }} {{ project.name }}
</p>
{% endif %}
</div>
</div>
</div>
</div>
{% else %}
<div class="card" style="margin-top: 0.5rem; border-left: 4px solid var(--danger); background: var(--danger-bg, #fef2f2);">
<div class="card-body" style="padding: 0.75rem;">
<div style="display: flex; align-items: start; gap: 0.5rem;">
<span style="font-size: 1.25rem;"></span>
<div style="flex: 1;">
<strong style="color: var(--danger, #ef4444);">{{ message }}</strong>
</div>
</div>
</div>
</div>
{% endif %}