diff --git a/css/pwa.css b/css/pwa.css index c8ede4e..0d2b5df 100644 --- a/css/pwa.css +++ b/css/pwa.css @@ -685,6 +685,80 @@ body { outline: none; } +/* === Merkzettel-Box (Panel 2, wie stundenzettel_commande.php) === */ +.merkzettel-box { + background: var(--colorbackcard); + border-left: 3px solid var(--warning); + border-radius: 10px; + padding: 12px 14px; + margin-bottom: 12px; +} +.merkzettel-box-header { + display: flex; + align-items: center; + gap: 8px; + margin-bottom: 8px; + font-size: 14px; +} +.merkzettel-box-icon { + font-size: 16px; +} +.merkzettel-box .opac { + color: var(--colortextmuted); + font-weight: normal; + font-size: 12px; +} +.merkzettel-box-list { + list-style: none; + margin: 0; + padding: 0; +} +.merkzettel-box-item { + display: flex; + align-items: flex-start; + gap: 10px; + padding: 6px 0; +} +.merkzettel-box-item .note-checkbox, +.merkzettel-box-item .note-checkbox-ro { + width: 22px; + height: 22px; + flex-shrink: 0; + font-size: 18px; + color: var(--colortextmuted); +} +.merkzettel-box-item .note-checkbox { + cursor: pointer; +} +.merkzettel-box-item .note-checkbox.checked { + color: var(--success); +} +.merkzettel-box-item .note-text { + flex: 1; + font-size: 14px; + word-break: break-word; +} +.merkzettel-box-item .note-text.checked { + text-decoration: line-through; + color: var(--colortextmuted); +} +.merkzettel-box-add { + display: flex; + gap: 8px; + margin-top: 8px; +} +.merkzettel-box-add input { + flex: 1; + padding: 8px 12px; + background: var(--colorbackinput); + border: 1px solid var(--colorborder); + border-radius: 8px; + color: var(--colortext); + font-size: 14px; + min-height: 40px; + outline: none; +} + /* === Tracking-Cards === */ .tracking-card { background: var(--colorbackcard); diff --git a/js/pwa.js b/js/pwa.js index 95cfd0f..eba0a47 100644 --- a/js/pwa.js +++ b/js/pwa.js @@ -1058,6 +1058,52 @@ var canWrite = self.state.canWrite; var hasSelectable = false; var activeFilter = self.state.productFilter || 'open'; + var isDraft = stz && stz.status == 0; + + // Merkzettel-Notizen oben anzeigen (wie stundenzettel_commande.php) + if (self.data.notes && self.data.notes.length) { + html += '