/* * REQ 300-vervolg (migratieslice 1: shell-vervanging + apparatenlijst; CMD-0070: chat-first visual * preview paste dit bestand verder aan). Compatibiliteitslaag uitsluitend voor de nog niet * gemigreerde schermen (apparaatdetail, commando's, klanten, keys, audit, instellingen, tickets, * signalen, controle, versies, operators, beheer): deze draaien voorlopig op hun bestaande logica * (screens.js/controle.js/chat-first-ui.js), gemount in UI2Shell.getContentElement() (ui2-router.js, * sinds CMD-0070 het rechter contextpaneel #ui2-context-pane) in plaats van in de oude, vervangen * vier-zones-chrome (#zone-menu/#zone-context/#zone-chat/#zone-detail direct in de , zie * shell.css). Deze schermen zelf zijn NIET herbouwd en gebruiken dus nog steeds hun eigen, * bestaande content-klassen uit shell.css/console.css/chat-first-ui.css (die drie blijven ook * geladen in index.html, uitsluitend voor die content-klassen, niet voor hun oude chrome-klassen * (.shell/.zone/.tabbar/.shell-header), die simpelweg ongebruikt blijven). * * CMD-0070: sinds de chat een eigen, permanente pane (#ui2-chat-pane, ui2-workspace.css) heeft * gekregen, bestaat #zone-chat niet meer als kind van deze legacy-lay-out (shell.js Chat.mount() * target rechtstreeks het element in #ui2-chat-pane); ui2-router.js's legacyPaneHtml('gesprekken') * gebruikt daarom nu dezelfde .ui2-legacy-layout-full als de overige eenvoudige lijstsecties, geen * aparte chat-variant meer. Ook is de eerdere brede-viewport-tweekolommensplitsing voor * .ui2-legacy-layout-detail vervallen: #ui2-content zit sinds CMD-0070 altijd al in het smalle * rechter contextpaneel, nooit meer in de volle paginabreedte, dus context/detail staan voortaan * altijd gestapeld (nooit meer naast elkaar), ongeacht viewportbreedte. * * Dit bestand raakt ui2-shell.css/ui2-components.css niet en voegt uitsluitend lay-out toe voor de * nieuwe, kleine wrapper-elementen die ui2-router.js om de bestaande content-container(s) heen zet. */ .ui2-legacy-layout { display: grid; gap: var(--spacing-4); align-items: start; grid-template-columns: minmax(0, 1fr); } .ui2-legacy-context, .ui2-legacy-detail { min-width: 0; } .ui2-legacy-detail { padding: var(--spacing-4); background: var(--color-bg-elevated); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); } /* Tickets (screens.js loadTickets): iframe met tickets.html. shell.css se .tickets-iframe gaat uit van de oude, nu vervangen chrome-hoogtes (header 5.5rem/10rem); deze benadering geeft de iframe in de nieuwe shell een vergelijkbare, ruime hoogte. Geen pixel-perfecte herberekening: tickets zelf is nog niet gemigreerd (zie docs/ui/core-ui-2-0-migratieplan.md slice 6), dit is uitsluitend een lay-outcompatibiliteitsfix. */ .ui2-legacy-context .tickets-iframe { height: calc(100vh - 11rem); min-height: 20rem; }