Commit Graph

4 Commits (4be0ea7baea3843902c5a7fe99b41c5dd5113099)

Author SHA1 Message Date
Boban Blaskovic 4d4e2cbc33 Site Details: exact template rebuild + xterm.js logs + fileContents tree
User-requested rebuild + browser-verified:

1. **Full template port** (templates/akutell/Site Details.html + sitedetails.js):
   - All 6 tabs match template structure verbatim (Übersicht, WordPress,
     PHP / ini, Datei-Manager, Cronjobs, Logs).
   - Tab bar uses clu-dtabs glass button group instead of generic seg.
   - Site hero (favicon + domain + server/wp/php/ssl meta) + Besuchen +
     WP-Admin buttons in topbar.

2. **Filemanager tab** (template's clu-fm grid):
   - File tree rendered recursively from PHP-mirrored sitedetails.js
     'tree' array. Folder rows show clu-chev rotation on .open, nested
     children indent via clu-tree-children border-left + margin-left.
   - 7 baked file contents from sitedetails.js fileContents object
     (wp-config.php, .htaccess, robots.txt, index.php, functions.php,
     style.css, php.ini) — click any leaf in tree, editor loads it.
   - clu-gutter dynamic line-numbers + clu-code-area textarea +
     Verwerfen/Speichern action row.

3. **Logs tab with xterm.js**:
   - resources/js/app.js imports @xterm/xterm + @xterm/addon-fit,
     exposes window.XTerm + window.XTermFit globally.
   - resources/css/app.css imports xterm.css.
   - Sites show component pushes inline init script with logData baked
     in (4 log types × ~8 entries each). xterm renders with ANSI
     truecolor escapes per level (INFO blue / WARN yellow / ERROR red /
     OK green / DEBUG purple), keeps dark gradient host with custom
     scrollbar.
   - 4-tab seg (access / error / php / wp) switches log type via
     setLog() Livewire action; xterm re-init on livewire:navigated.
   - Live folgen checkbox wired (Volt logFollow state).

4. **Cronjobs tab**:
   - Real $site->crons table with name/expression-pill/command/last-run/
     status + run/more actions + Cronjob-anlegen primary button.

5. **WordPress + PHP tabs**:
   - Full forms with all 6 wp-config fields + 5 toggles + Datenbank +
     Security Keys cards.
   - php.ini with 8 fields + 4 toggles + OPcache stats + 16 extension
     pills.

6. **CSS additions**: clu-dtabs/dtab, clu-pane, clu-site-hero, clu-fm,
   clu-tree*, clu-chev, clu-editor*, clu-gutter, clu-code-area,
   clu-xterm-host (dark gradient + custom scrollbar), clu-set-grid,
   clu-switch-line, clu-section-head.

7. SiteDetailsTest assertions updated to match new template wording
   (PHP / ini, Datei-Manager, Cronjobs, Schnellaktionen). 36 Pest tests
   green.

8. Browser-verified: chart loads, xterm renders logs in correct color,
   files tab tree expands + editor loads wp-config.php, 0 console errors.
2026-05-31 23:49:48 +02:00
Boban Blaskovic 665ca4e40b UI: sidebar fixed-header/scroll-mid/fixed-foot + mobile drawer + ChartJS
Sidebar layout (per user request: header+footer fix, only nav scrollable):
- Restructured clu-sidebar into 3 flex-children: clu-sidebar-head (brand +
  ws-switch fixed at top), clu-sidebar-scroll (nav, overflow-y:auto in
  middle), clu-sidebar-foot (plan-box fixed at bottom).

Mobile sidebar (per user request: drawer + hamburger):
- <920px: sidebar position fixed, translateX(-110%) hidden, .open class
  slides in. clu-sidebar-backdrop overlay dimms main + click-to-close.
- New x-clu.burger component with hamburger icon, visible only <920px
  via display:grid in media query. Injected into all 9 topbars.
- Alpine state sidebarOpen on <body>, nav-item click closes drawer
  after navigation.

Linking (per user request: sites detail unreachable):
- Sites index table + dashboard top-sites table: domain cell now <a>
  to route('sites.show', $site) with wire:navigate.

Charts (per user request: chart.js):
- composer/npm: chart.js ^4.5.
- resources/js/app.js: register all chart.js plugins, expose window.Chart
  for inline page scripts.
- Dashboard: added Traffic-24h line chart (Chart.js line+gradient fill)
  between metrics and 2-col row. Init re-runs on livewire:navigated for
  wire:navigate compatibility.

Modal (per user request: wire-elements):
- @livewire('wire-elements-modal') already in layouts/app.blade.php
  master layout per wire-elements/modal v3 docs (single mount). Open
  pattern: wire:click="$dispatch('openModal', { component: 'name' })".

Full Pest regression: 47/47 green.
2026-05-31 23:17:29 +02:00
Boban Blaskovic 67598ab649 Portainer-ready compose stack + app changes 2026-05-31 17:04:03 +02:00
Boban Blaskovic 624b21fcb9 Initial CluPilot stack setup
Laravel 12 + Livewire v3 + Tailwind v4 + Reverb WebSocket
behind Nginx Proxy Manager (external SSL termination, HTTP-only internal).
MariaDB 11, Redis 7, Mailpit. Dark auth views.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-27 23:00:14 +02:00