|
|
|
|
@@ -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++) {
|
|
|
|
|
|
