Die Werkzeugleiste der Notiz erscheint erst beim Schreiben
This commit is contained in:
1 parent
3807ddca24
commit
e2988f7ee9
2 files changed
+14
-8
No files matched your search
@@ -247,7 +247,9 @@ schon Überschriften, Häkchen und Punkte — statt `- [ ] Milch` zu schreiben u
|
|||||||
sich vorzustellen, wie das gleich aussieht.
|
sich vorzustellen, wie das gleich aussieht.
|
||||||
|
|
||||||
Die Werkzeugleiste (Aufgabe · Aufzählung · Nummer · Überschrift · fett · Linie)
|
Die Werkzeugleiste (Aufgabe · Aufzählung · Nummer · Überschrift · fett · Linie)
|
||||||
wirkt auf genau diese Zeile. Enter führt eine Liste fort und nummeriert weiter;
|
erscheint **erst beim Schreiben** und wirkt auf genau diese Zeile — ohne offene
|
||||||
|
Zeile hätten ihre Knöpfe nichts anzufassen, und eine Notiz, die man nur liest,
|
||||||
|
soll wie ein Text aussehen und nicht wie ein Formular. Enter führt eine Liste fort und nummeriert weiter;
|
||||||
Enter auf einer leeren Aufzählungszeile beendet sie. Backspace am Zeilenanfang
|
Enter auf einer leeren Aufzählungszeile beendet sie. Backspace am Zeilenanfang
|
||||||
nimmt erst den Aufzählungspunkt, dann erst die Zeile. Häkchen lassen sich
|
nimmt erst den Aufzählungspunkt, dann erst die Zeile. Häkchen lassen sich
|
||||||
anklicken, ohne in den Text zu springen — das ist der häufigste Griff an einer
|
anklicken, ohne in den Text zu springen — das ist der häufigste Griff an einer
|
||||||
|
|||||||
+11
-7
@@ -63,7 +63,6 @@ widgetAnmelden({
|
|||||||
inhalt() {
|
inhalt() {
|
||||||
if (roh) {
|
if (roh) {
|
||||||
return `
|
return `
|
||||||
${werkzeuge()}
|
|
||||||
<textarea class="notiz-feld" spellcheck="false"
|
<textarea class="notiz-feld" spellcheck="false"
|
||||||
placeholder="# Einkauf - [ ] Milch - [x] Brot">${escapeHtml(text)}</textarea>
|
placeholder="# Einkauf - [ ] Milch - [x] Brot">${escapeHtml(text)}</textarea>
|
||||||
${fuss("fertig")}`;
|
${fuss("fertig")}`;
|
||||||
@@ -71,7 +70,11 @@ widgetAnmelden({
|
|||||||
const koerper = text.trim() || zeile >= 0
|
const koerper = text.trim() || zeile >= 0
|
||||||
? `<div class="notiz-text">${markdown(text, zeile)}</div>`
|
? `<div class="notiz-text">${markdown(text, zeile)}</div>`
|
||||||
: `<div class="notiz-text notiz-leer"><p class="w-zustand">${LEER}</p></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) {
|
montiert(el) {
|
||||||
@@ -138,8 +141,11 @@ widgetAnmelden({
|
|||||||
|
|
||||||
/* ── Die kleine Werkzeugleiste ─────────────────────────────────────────────
|
/* ── Die kleine Werkzeugleiste ─────────────────────────────────────────────
|
||||||
* Sechs Knöpfe, keine Auswahlfelder. Alles, was das kleine Markdown kann, und
|
* 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
|
* nichts darüber hinaus — eine Leiste mit Knöpfen für Dinge, die die Notiz gar
|
||||||
* gar nicht kennt, wäre schlimmer als keine.
|
* 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 = [
|
const KNOEPFE = [
|
||||||
["haken", "☐", "Aufgabe"],
|
["haken", "☐", "Aufgabe"],
|
||||||
@@ -155,9 +161,7 @@ function werkzeuge() {
|
|||||||
`<div class="notiz-werkzeuge">` +
|
`<div class="notiz-werkzeuge">` +
|
||||||
KNOEPFE.map(
|
KNOEPFE.map(
|
||||||
([tat, zeichen, titel]) =>
|
([tat, zeichen, titel]) =>
|
||||||
`<button type="button" class="notiz-wz nw-${tat}" data-tat="${tat}" title="${titel}" ${
|
`<button type="button" class="notiz-wz nw-${tat}" data-tat="${tat}" title="${titel}">${zeichen}</button>`
|
||||||
roh ? "disabled" : ""
|
|
||||||
}>${zeichen}</button>`
|
|
||||||
).join("") +
|
).join("") +
|
||||||
`</div>`
|
`</div>`
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in new issue
Block a user