Machiel/Tectum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.6.0: ruimtes (verfemmer: functie, netto m², vloerafwerking, FIBO-wandpanelen, eigen verfkleur, vals plafond, ruimtestaat op de PDF), inrichting (sanitair, keuken, kookeiland, kasten, bed, zithoek, boiler; slepen met snappen op het wandvlak, draaien, kosten), kozijnen met deurrichting, glasdeur en schuifdeuren (inbouw/opbouw, deuren open in de loopmodus) plus dagkanten, gevel stucwerk en wandstukken splitsen met eigen gevel, dak over de hele woning met overkapping, geschilderd plafond, model Amstel als nieuw ontwerp, kosten en prijzen uit kosten/intern.csv en kosten/leveranciers.csv (CostCsv); easter egg verwijderd; overbodige comments opgeschoond (alleen copyright, uitzonderingen en valkuilen blijven)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Machiel
2026-10-11 00:34:27 +02:00
co-authored by Claude Opus 5.5
parent b5510d56c7
commit ceda0b554d
45 changed files with 4117 additions and 3700 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/core/ribbon.js
+3 -32
View File
@@ -4,48 +4,22 @@
* Alle rechten voorbehouden. Gebruik uitsluitend met schriftelijke toestemming.
* Zie LICENTIE.md.
*/
// ============================================================
// core/ribbon.js — Ribbon (window.Ribbon): de bedieningsbalk bovenin. Eén
// plek voor alle commando's en instellingen; de weergaven eronder blijven
// vrij.
//
// Tabbladen komen uit bronnen: 'app' (Bestand, Beeld, Extra) en 'editor'
// (de actieve editor, bijv. Start, Gevel, Dak, ... en een contextueel
// tabblad voor de selectie). Tabbladen met dezelfde sleutel uit meerdere
// bronnen worden samengevoegd (bijv. Beeld: weergave-opties van de woning
// + vensterknoppen van de app).
//
// Ribbon.setSource('editor', [{
// key, label, order (sortering), contextual (gekleurd, achteraan),
// groups: () => [{ label, html }], // inhoud, opnieuw bij elke weergave
// wire: (body) => {}, // events koppelen na het tekenen
// onShow: () => {} // tabblad wordt actief
// }]);
// Ribbon.activate(key) · Ribbon.refresh() · Ribbon.active() · Ribbon.onChange(fn)
//
// Groepen: een raster van 3 rijen hoog; velden (UI-kit) staan per kolom
// onder elkaar. Grote knop: Ribbon.big(...), kleine: Ribbon.small(...).
// Plain script (geen ES-module).
// ============================================================
window.Ribbon = (() => {
const sources = {}; // naam -> [tab]
const sources = {};
const SOURCE_ORDER = ['app', 'editor'];
let root = null, tabsEl = null, bodyEl = null;
let activeKey = null, lastPlainKey = null;
let auto = true; // tabblad nog niet door de gebruiker gekozen: voorkeur 'start'
let auto = true;
let collapsed = false, notified = null;
const listeners = [];
const PREF_KEY = 'tectum.ribbon.collapsed';
const icon = (n) => `<i class="bi bi-${n}" aria-hidden="true"></i>`;
// Grote knop (3 rijen hoog): icoon boven het label.
const big = (label, iconName, attrs, cls) =>
`<button type="button" class="rb-btn rb-big${cls ? ' ' + cls : ''}" ${attrs || ''}>${icon(iconName)}<span>${label}</span></button>`;
// Kleine knop (1 rij).
const small = (label, iconName, attrs, cls) =>
`<button type="button" class="rb-btn rb-small${cls ? ' ' + cls : ''}" ${attrs || ''}>${icon(iconName)}<span>${label}</span></button>`;
// Waarde-regel (alleen lezen) binnen een groep.
const kv = (label, value, unit) =>
`<div class="rb-kv"><span>${label}</span><b>${value}${unit ? `<small>${unit}</small>` : ''}</b></div>`;
@@ -105,7 +79,7 @@ window.Ribbon = (() => {
tab.parts.forEach(p => p.onShow && p.onShow());
}
function savePref() { try { localStorage.setItem(PREF_KEY, collapsed ? '1' : '0'); } catch (e) { /* alleen deze sessie */ } }
function savePref() { try { localStorage.setItem(PREF_KEY, collapsed ? '1' : '0'); } catch (e) { } }
function init(el) {
root = el;
@@ -128,8 +102,6 @@ window.Ribbon = (() => {
render();
}
// Bron vervangen. Een nieuw contextueel tabblad (andere sleutel) wordt
// actief als opts.focus; verdwijnt het actieve, dan terug naar het vorige.
function setSource(name, tabs, opts) {
sources[name] = tabs || [];
const ctx = (tabs || []).find(t => t.contextual);
@@ -138,7 +110,6 @@ window.Ribbon = (() => {
if (opts && opts.focus && ctx && ctx.onShow) ctx.onShow();
}
// fn(key) bij elke wissel van het actieve tabblad.
function onChange(fn) { listeners.push(fn); return () => { const i = listeners.indexOf(fn); if (i >= 0) listeners.splice(i, 1); }; }
return { init, setSource, activate, refresh: render, active: () => activeKey, onChange, big, small, kv };