From 377d1ba2cfc291a1a31c349b25a8046e5e048a21 Mon Sep 17 00:00:00 2001
From: mac <mac@Qiukais-m1-macPro.local>
Date: Tue, 28 Jul 2026 16:35:26 +0800
Subject: [PATCH] =?UTF-8?q?v2.1.27=20=E2=80=94=20=E5=A4=87=E6=B3=A8?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E5=BC=B9=E7=AA=97=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/app.js        | 48 ++++++++++++++++++++++++++++++--------------
 templates/index.html | 17 ++++++++++++++++
 2 files changed, 50 insertions(+), 15 deletions(-)

diff --git a/static/app.js b/static/app.js
index 5914ea2..70106ad 100644
--- a/static/app.js
+++ b/static/app.js
@@ -243,8 +243,8 @@
     var morningItems = [];
     var mRows = document.querySelectorAll('#morning-list .item-row');
     for (var i=0; i<mRows.length; i++) {
-      var input = mRows[i].querySelector('input');
-      var noteEl = mRows[i].querySelector('.item-note');
+      var input = mRows[i].querySelector('input[type="text"]');
+      var noteEl = mRows[i].querySelector('.item-note-val');
       var v = input ? input.value.trim() : '';
       var n = noteEl ? noteEl.value.trim() : '';
       if (v) morningItems.push(n ? {text: v, note: n} : v);
@@ -356,9 +356,14 @@
     div.innerHTML = '<span class="drag-handle" title="拖动排序">⋮⋮</span>' +
       '<span class="idx">' + (idx+1) + '.</span>' +
       '<input type="text" value="' + esc(text) + '" placeholder="本周最重要的一件事…">' +
-      '<button class="btn-note-toggle' + (hasNote ? ' has-note' : '') + '" onclick="toggleItemNote(this)" title="备注">💬</button>' +
-      '<button class="btn-del" onclick="this.parentElement.remove();renumberMorning()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>' +
-      '<textarea class="item-note" placeholder="备注…" style="display:' + (hasNote ? 'block' : 'none') + '">' + esc(note) + '</textarea>';
+      '<button class="btn-note-toggle' + (hasNote ? ' has-note' : '') + '" onclick="openNoteModal(this)" title="备注">💬</button>' +
+      '<button class="btn-del" onclick="this.parentElement.remove();renumberMorning()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>';
+    // 隐藏存储备注
+    var noteHidden = document.createElement('input');
+    noteHidden.type = 'hidden';
+    noteHidden.className = 'item-note-val';
+    noteHidden.value = note;
+    div.appendChild(noteHidden);
     div.addEventListener('dragstart', dragStart);
     div.addEventListener('dragover', dragOver);
     div.addEventListener('drop', function(e){ dragDrop.call(this, e, 'morning-list'); });
@@ -367,20 +372,33 @@
     renumberMorning();
   }
 
-  window.toggleItemNote = function(btn) {
+  window.openNoteModal = function(btn) {
     var row = btn.closest('.item-row');
-    var note = row.querySelector('.item-note');
-    var showing = note.style.display === 'block';
-    note.style.display = showing ? 'none' : 'block';
-    if (!showing) {
-      btn.classList.add('has-note');
-      note.focus();
-    } else if (!note.value.trim()) {
-      btn.classList.remove('has-note');
-    }
+    var noteEl = row.querySelector('.item-note-val');
+    var input = row.querySelector('input[type="text"]');
+    var title = input ? input.value.trim() || '未命名任务' : '备注';
+    document.getElementById('note-modal-title').textContent = title;
+    document.getElementById('note-modal-textarea').value = noteEl ? noteEl.value : '';
+    document.getElementById('note-modal').style.display = 'flex';
+    document.getElementById('note-modal').dataset.rowIndex = Array.prototype.indexOf.call(row.parentElement.children, row);
+  };
+
+  window.saveNoteModal = function() {
+    var modal = document.getElementById('note-modal');
+    var row = document.querySelectorAll('#morning-list .item-row')[parseInt(modal.dataset.rowIndex)];
+    var noteEl = row.querySelector('.item-note-val');
+    var btn = row.querySelector('.btn-note-toggle');
+    var val = document.getElementById('note-modal-textarea').value.trim();
+    if (noteEl) noteEl.value = val;
+    if (val) { btn.classList.add('has-note'); } else { btn.classList.remove('has-note'); }
+    modal.style.display = 'none';
     triggerAutoSave();
   };
 
+  window.closeNoteModal = function() {
+    document.getElementById('note-modal').style.display = 'none';
+  };
+
   function renumberMorning() {
     var rows = document.querySelectorAll('#morning-list .item-row');
     for (var i=0; i<rows.length; i++) {
diff --git a/templates/index.html b/templates/index.html
index 8be9dd8..61f1de1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -34,6 +34,23 @@
   </div>
 </div>
 
+<!-- 备注编辑弹窗 -->
+<div class="sync-modal-overlay" id="note-modal" style="display:none">
+  <div class="sync-modal" style="max-width:420px">
+    <div class="sync-modal-header">
+      <h3 id="note-modal-title">备注</h3>
+      <button class="sync-modal-close" onclick="closeNoteModal()">&times;</button>
+    </div>
+    <div style="padding:16px">
+      <textarea id="note-modal-textarea" style="width:100%; min-height:120px; padding:10px; border:1px solid var(--border); border-radius:8px; font-size:14px; font-family:inherit; resize:vertical; box-sizing:border-box" placeholder="写点备注…"></textarea>
+    </div>
+    <div class="sync-modal-footer">
+      <button class="btn-wish-cancel" onclick="closeNoteModal()">取消</button>
+      <button class="btn-wish-save" onclick="saveNoteModal()">保存</button>
+    </div>
+  </div>
+</div>
+
 <div class="app-layout">
 
   <!-- ═══ 左侧边栏 ═══ -->