philipp/teig-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify beginner mode to essential dough inputs

Browse Source
This commit is contained in:
Hermes Agent
2026-07-25 14:46:27 +00:00
parent 96584c970a
commit 956946658f
1 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+17 -11
View File
@@ -296,7 +296,7 @@ footer b{color:var(--txt)}
<div class="ctl">
<div class="ctl-top"><span class="ctl-l">Ansicht</span></div>
<div class="chips" id="uxModes" role="group" aria-label="Ansicht"></div>
<p class="note">Einfach zeigt nur die wichtigsten Schritte. Profi blendet alle Stellschrauben ein.</p>
<p class="note">Einfach fragt nur: Wann soll die Pizza fertig sein, welcher Stil, wie viele Ballen und wie schwer pro Ballen. Profi blendet alle Stellschrauben ein.</p>
</div>
<label class="ctl">
<div class="ctl-top"><span class="ctl-l">Pizza fertig am</span></div>
@@ -320,7 +320,7 @@ footer b{color:var(--txt)}
</div>
</div>
<div class="ctl">
<div class="ctl advanced-only">
<div class="ctl-top"><span class="ctl-l">Größe bestimmen über</span></div>
<div class="chips" id="modes" role="group" aria-label="Berechnungsart"></div>
</div>
@@ -332,14 +332,14 @@ footer b{color:var(--txt)}
</label>
</div>
<div id="modeD" hidden>
<div id="modeD" class="advanced-only" hidden>
<label class="ctl">
<div class="ctl-top"><span class="ctl-l">Durchmesser</span><span class="ctl-v" id="v-dia"></span></div>
<input type="range" id="dia" min="16" max="45" step="1">
</label>
</div>
<div id="modeP" hidden>
<div id="modeP" class="advanced-only" hidden>
<div class="row">
<label class="ctl">
<div class="ctl-top"><span class="ctl-l">Blech Länge</span><span class="ctl-v" id="v-panL"></span></div>
@@ -354,7 +354,7 @@ footer b{color:var(--txt)}
</section>
<!-- MEHL -->
<section class="panel noprint">
<section class="panel noprint advanced-only">
<p class="ph"><b>02 // Mehl</b><span id="flourW">—</span></p>
<select id="flour" aria-label="Mehl auswählen"></select>
<div class="meta" id="flourMeta"></div>
@@ -830,10 +830,13 @@ function applyPlan(){
function initUI(){
buildFlourSelect();
chips($("uxModes"), UX_MODES, "uxMode");
chips($("uxModes"), UX_MODES, "uxMode", k=>{
if (k==="simple") S.mode="w";
});
chips($("styles"), STYLES, "style", k=>{
const st=STYLES[k];
S.ball=st.ball; S.hyd=st.hyd; S.salt=st.salt; S.oil=st.oil; S.sugar=st.sugar; S.mode=st.mode;
if (S.uxMode==="simple") S.mode="w";
});
chips($("modes"), MODES, "mode");
chips($("yeastTypes"), YEASTS, "yeast");
@@ -881,6 +884,7 @@ function initUI(){
function syncInputs(){
document.body.dataset.ux = S.uxMode;
if (S.uxMode==="simple" && S.mode!=="w") S.mode="w";
RANGES.forEach(id=>{ $(id).value=S[id]; });
$("ballsOut").textContent=S.balls;
$("flour").value=S.flour;
@@ -1030,12 +1034,14 @@ function renderTimeline(r){
function renderQuickSummary(r){
const tl = lastTl || timeline(S,r);
const start = tl.start;
$("quickSummary").innerHTML = [
const items = [
`<span><b>${STYLES[S.style].n}</b></span>`,
`<span><b>${S.balls} × ${Math.round(r.ballW)} g</b> Teiglinge</span>`,
`<span><b>${Math.round(r.flour)} g</b> Mehl</span>`,
`<span>Start <b>${fmtT(start)} ${fmtDay(start)}</b></span>`,
`<span>Backen <b>${fmtT(new Date(S.bake))} ${fmtDay(new Date(S.bake))}</b></span>`
].join("");
`<span>Backen <b>${fmtT(new Date(S.bake))} ${fmtDay(new Date(S.bake))}</b></span>`,
`<span>Start <b>${fmtT(start)} ${fmtDay(start)}</b></span>`
];
if (S.uxMode!=="simple") items.splice(2,0,`<span><b>${Math.round(r.flour)} g</b> Mehl</span>`);
$("quickSummary").innerHTML = items.join("");
}
/* ============================================================