Die Werkzeugleiste der Notiz erscheint erst beim Schreiben

This commit is contained in:
marc committed 2026-08-31 20:09:39 +02:00
1 parent 3807ddca24
commit e2988f7ee9
2 files changed
+14 -8

No files matched your search

+11 -7
View File
@@ -63,7 +63,6 @@ widgetAnmelden({
inhalt() {
if (roh) {
return `
${werkzeuge()}
<textarea class="notiz-feld" spellcheck="false"
placeholder="# Einkauf&#10;- [ ] Milch&#10;- [x] Brot">${escapeHtml(text)}</textarea>
${fuss("fertig")}`;
@@ -71,7 +70,11 @@ widgetAnmelden({
const koerper = text.trim() || zeile >= 0
? `<div class="notiz-text">${markdown(text, zeile)}</div>`
: `<div class="notiz-text notiz-leer"><p class="w-zustand">${LEER}</p></div>`;
return `${werkzeuge()}${koerper}${fuss("quelltext")}`;
// Die Werkzeuge nur beim Schreiben: Sie wirken auf die Zeile, in der die
// Schreibmarke steht — ohne eine solche Zeile stünden sechs Knöpfe da, die
// nichts anfassen können. Und eine Notiz, die man nur liest, soll wie ein
// Text aussehen und nicht wie ein Formular.
return `${zeile >= 0 ? werkzeuge() : ""}${koerper}${fuss("quelltext")}`;
},
montiert(el) {
@@ -138,8 +141,11 @@ widgetAnmelden({
/* ── Die kleine Werkzeugleiste ─────────────────────────────────────────────
* Sechs Knöpfe, keine Auswahlfelder. Alles, was das kleine Markdown kann, und
* nichts darüber hinaus — eine Leiste mit Knöpfen für Dinge, die der Zettel
* gar nicht kennt, wäre schlimmer als keine.
* nichts darüber hinaus — eine Leiste mit Knöpfen für Dinge, die die Notiz gar
* nicht kennt, wäre schlimmer als keine.
*
* Sie erscheint erst, wenn man in einer Zeile steht, und verschwindet wieder,
* sobald man fertig ist.
*/
const KNOEPFE = [
["haken", "☐", "Aufgabe"],
@@ -155,9 +161,7 @@ function werkzeuge() {
`<div class="notiz-werkzeuge">` +
KNOEPFE.map(
([tat, zeichen, titel]) =>
`<button type="button" class="notiz-wz nw-${tat}" data-tat="${tat}" title="${titel}" ${
roh ? "disabled" : ""
}>${zeichen}</button>`
`<button type="button" class="notiz-wz nw-${tat}" data-tat="${tat}" title="${titel}">${zeichen}</button>`
).join("") +
`</div>`
);