581ddccf1a
Mehrschichtige Waende zeichnen die Trennlinie an jeder Materialfuge jetzt mit einem pro Fuge waehlbaren LineStyle statt einer festen Haarlinie. - Layer.jointLineStyleId (optional): LineStyle der Fuge an der Innenkante dieser Schicht; fehlt er, gilt die Default-Haarlinie (0.02) in Wandfarbe. - generatePlan: Schicht-Baender tragen nur noch Fuellung + Schraffur (kein Band-Umriss); jede innere Fuge wird als eigene Linie mit ihrem LineStyle (Gewicht/Farbe/Dash, x Detailfaktor) gezeichnet. Wand-Umriss (0.35) und grob-Pfad unveraendert. - ResourceManager: neue Abteilung "Wandstile" - je Wandtyp die Schichten mit Fugen-LineStyle-Dropdown. - Sample: LineStyle "Schichtfuge 0.13"; der Daemmung-Backstein-Fuge (massiv/ massiv) zugewiesen, Putzfugen bleiben Haarlinie. - 2 Joint-Tests ergaenzt.
93 lines
3.1 KiB
TypeScript
93 lines
3.1 KiB
TypeScript
// Inhalts-Panel „Ressourcen" — dünner Adapter um den ResourceManager.
|
|
//
|
|
// Wiederverwendet die bestehende <ResourceManager>-Komponente (Bauteile /
|
|
// Schraffuren / Linien) UNVERÄNDERT, rendert sie aber INLINE als Panel-Körper
|
|
// statt als rechte Schublade. Projekt + Handler kommen aus dem Host-Context.
|
|
//
|
|
// ResourceManager ist als Overlay-Schublade gebaut (.res-overlay fixed/inset:0
|
|
// → .res-drawer mit fester Breite, Rand und Schatten) und erwartet onClose.
|
|
// Da styles.css und ResourceManager selbst nicht angefasst werden dürfen,
|
|
// zähmt dieser Adapter die Schubladen-Chrome lokal: ein eingebetteter,
|
|
// gescopter <style>-Block (kein Eingriff in styles.css) löst das Overlay aus
|
|
// der Fixpositionierung, lässt die „Schublade" die Panel-Fläche füllen und
|
|
// blendet den Schließen-Knopf aus (ein Panel schließt man über den Rahmen,
|
|
// nicht über die Schublade). onClose ist daher ein No-Op.
|
|
//
|
|
// Bezeichner englisch, UI-Text/Kommentare deutsch (CONVENTIONS.md).
|
|
|
|
import { ResourceManager } from "../ui/ResourceManager";
|
|
import type { ResourceManagerHandlers } from "../ui/ResourceManager";
|
|
import { usePanelHost } from "./host";
|
|
|
|
/** Inhalt des Panels „Ressourcen". */
|
|
export function ResourcesPanel() {
|
|
const host = usePanelHost();
|
|
|
|
// Handler aus dem Host auf die Signatur des ResourceManager bündeln.
|
|
const handlers: ResourceManagerHandlers = {
|
|
onPatchComponent: host.onPatchComponent,
|
|
onAddComponent: host.onAddComponent,
|
|
onDeleteComponent: host.onDeleteComponent,
|
|
onPatchHatch: host.onPatchHatch,
|
|
onAddHatch: host.onAddHatch,
|
|
onDeleteHatch: host.onDeleteHatch,
|
|
onPatchLineStyle: host.onPatchLineStyle,
|
|
onAddLineStyle: host.onAddLineStyle,
|
|
onDeleteLineStyle: host.onDeleteLineStyle,
|
|
onPatchWallType: host.onPatchWallType,
|
|
onImportLineStyles: host.onImportLineStyles,
|
|
onImportHatches: host.onImportHatches,
|
|
};
|
|
|
|
return (
|
|
<div className="panel-resources-host">
|
|
{/* Gescopte Override-Regeln: machen aus der Overlay-Schublade einen
|
|
flächenfüllenden Inline-Körper. Betrifft nur Nachfahren dieses
|
|
Wrappers — styles.css bleibt unberührt. */}
|
|
<style>{PANEL_RESOURCES_CSS}</style>
|
|
<ResourceManager
|
|
project={host.project}
|
|
handlers={handlers}
|
|
onClose={NO_OP}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
/** onClose-Platzhalter: als Panel gibt es keinen Schubladen-Schließer. */
|
|
const NO_OP = () => {};
|
|
|
|
/**
|
|
* Lokale Override-Regeln, die die fixe Overlay-Schublade in einen normalen,
|
|
* im Panel sitzenden Block verwandeln. Klassen-Selektoren sind unter
|
|
* `.panel-resources-host` verschachtelt, damit nichts außerhalb des Panels
|
|
* betroffen ist.
|
|
*/
|
|
const PANEL_RESOURCES_CSS = `
|
|
.panel-resources-host {
|
|
height: 100%;
|
|
min-height: 0;
|
|
display: flex;
|
|
}
|
|
.panel-resources-host .res-overlay {
|
|
position: static;
|
|
inset: auto;
|
|
z-index: auto;
|
|
background: transparent;
|
|
display: flex;
|
|
flex: 1;
|
|
min-height: 0;
|
|
justify-content: stretch;
|
|
}
|
|
.panel-resources-host .res-drawer {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-left: none;
|
|
box-shadow: none;
|
|
}
|
|
/* Im Panel ohne Schubladen-Schließer. */
|
|
.panel-resources-host .res-close {
|
|
display: none;
|
|
}
|
|
`;
|