Compare commits

...

2 Commits

3 changed files with 24 additions and 6 deletions

View File

@@ -256,9 +256,10 @@
var eveningItems = [];
var eRows = document.querySelectorAll('#evening-list .evening-row');
for (var j=0; j<eRows.length; j++) {
var inputs = eRows[j].querySelectorAll('input[type="text"]');
var mistake = inputs[0] ? inputs[0].value.trim() : '';
var improve = inputs[1] ? inputs[1].value.trim() : '';
var inp = eRows[j].querySelector('input[type="text"]');
var noteEl = eRows[j].querySelector('.item-note-val');
var mistake = inp ? inp.value.trim() : '';
var improve = noteEl ? noteEl.value.trim() : '';
if (mistake || improve) eveningItems.push({ mistake: mistake, improvement: improve });
}
@@ -353,7 +354,7 @@
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="openNoteModal(this)" title="备注">💬</button>' +
'<button class="btn-note-toggle' + (hasNote ? ' has-note' : '') + '" onclick="openNoteModal(this)" title="备注"><svg class="icon-sm"><use href="#icon-file-text"/></svg></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');
@@ -372,7 +373,7 @@
var noteModalRow = null;
window.openNoteModal = function(btn) {
noteModalRow = btn.closest('.item-row');
noteModalRow = btn.closest('.item-row') || btn.closest('.evening-row');
var noteEl = noteModalRow.querySelector('.item-note-val');
var input = noteModalRow.querySelector('input[type="text"]');
var title = input ? input.value.trim() || '未命名任务' : '备注';
@@ -411,14 +412,22 @@
var container = document.getElementById('evening-list');
mistake = mistake || '';
improve = improve || '';
var hasNote = !!improve;
var div = document.createElement('div');
div.className = 'evening-row';
div.draggable = true;
div.innerHTML =
'<span class="drag-handle evening-drag" title="拖动排序">⋮⋮</span>' +
'<button class="btn-del" onclick="this.parentElement.remove()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>' +
'<div class="evening-row-main">' +
'<input type="text" value="' + esc(mistake) + '" placeholder="犯的错误…">' +
'<input type="text" value="' + esc(improve) + '" placeholder="改进方案…">';
'<button class="btn-note-toggle' + (hasNote ? ' has-note' : '') + '" onclick="openNoteModal(this)" title="改进方案"><svg class="icon-sm"><use href="#icon-file-text"/></svg></button>' +
'</div>';
var noteHidden = document.createElement('input');
noteHidden.type = 'hidden';
noteHidden.className = 'item-note-val';
noteHidden.value = improve;
div.appendChild(noteHidden);
div.addEventListener('dragstart', dragStart);
div.addEventListener('dragover', dragOver);
div.addEventListener('drop', function(e){ dragDrop.call(this, e, 'evening-list'); });

View File

@@ -1469,3 +1469,8 @@ body {
.item-note { display: none; width: 100%; padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 12px; font-family: inherit; color: var(--text); background: var(--bg); resize: vertical; min-height: 28px; box-sizing: border-box; margin-top: 6px; }
.item-note:focus { outline: none; border-color: var(--primary); }
.item-row { flex-wrap: wrap; }
/* 责善改过行内布局 */
.evening-row-main { display: flex; align-items: center; gap: 8px; width: 100%; }
.evening-row-main input[type="text"] { flex: 1; }
.evening-row-main .btn-note-toggle { display: inline-flex; }

View File

@@ -71,4 +71,8 @@
<symbol id="icon-star" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.563.563 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.563.563 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
</symbol>
<!-- 备注 -->
<symbol id="icon-file-text" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/>
</symbol>
</svg>

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB