-
Struktur (Text)
+
+
Struktur (Text)
+
+
+
+
+
+
@@ -397,6 +413,11 @@
+
+
+
+
+
@@ -570,11 +591,32 @@ function applyLayout(mode){
out.classList.toggle('vertical', mode === 'vertikal');
out.classList.toggle('kompakt', mode === 'kompakt');
app.classList.toggle('side', mode !== 'horizontal');
+ applySplit(); /* Preset für die neue Orientierung neu setzen */
}
document.querySelectorAll('input[name="layout"]').forEach(radio => {
radio.addEventListener('change', () => { if(radio.checked) applyLayout(radio.value); });
});
+/* ---------- Min/Normal/Max je Bereich (Fenster-Buttons) ---------- */
+/* Zustand 'a' = Editor bevorzugt, 'b' = Diagramm bevorzugt, 'normal' = Default.
+ Maximieren des einen entspricht Minimieren des anderen. */
+let splitState = 'normal';
+function applySplit(){
+ if(app.classList.contains('side')){
+ app.style.removeProperty('--diagram-h');
+ app.style.setProperty('--col', splitState==='a' ? '72%' : splitState==='b' ? '20%' : '360px');
+ } else {
+ app.style.removeProperty('--col');
+ if(splitState==='a') app.style.setProperty('--diagram-h','160px');
+ else if(splitState==='b') app.style.setProperty('--diagram-h','72vh');
+ else app.style.removeProperty('--diagram-h');
+ }
+ document.querySelectorAll('.winbtn').forEach(b => b.classList.toggle('active', b.dataset.state===splitState));
+}
+document.querySelectorAll('.winbtn').forEach(b => {
+ b.addEventListener('click', () => { splitState = b.dataset.state; applySplit(); });
+});
+
/* ---------- Splitter: Bereiche per Drag verteilen ---------- */
const gutter = document.getElementById('gutter');
const diagramEl = document.querySelector('.diagram');
@@ -584,6 +626,9 @@ gutter.addEventListener('pointerdown', e => {
gutter.classList.add('dragging');
gutter.setPointerCapture(e.pointerId);
document.body.style.userSelect = 'none';
+ /* Freies Ziehen hebt das aktive Preset auf */
+ splitState = 'custom';
+ document.querySelectorAll('.winbtn').forEach(b => b.classList.remove('active'));
e.preventDefault();
});
gutter.addEventListener('pointermove', e => {
@@ -612,6 +657,7 @@ gutter.addEventListener('pointercancel', endDrag);
const showc = document.getElementById('showc');
showc.addEventListener('change', render);
+applySplit(); /* Startzustand: normal, markiert die normal-Buttons aktiv */
src.value = INITIAL;
render();