qiukai/ziwei-power
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2.1.24 — 本周重点+责善支持拖拽排序

Browse Source
This commit is contained in:
mac
2026-07-28 14:07:49 +08:00
parent 55dc83ce83
commit e09883a33f
2 changed files with 55 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
static/app.js
View File

@@ -347,9 +347,15 @@
text = text || '';
var div = document.createElement('div');
div.className = 'item-row';
div.innerHTML = '<span class="idx">' + (idx+1) + '.</span>' +
div.draggable = true;
div.innerHTML = '<span class="drag-handle" title="拖动排序">⋮⋮</span>' +
'<span class="idx">' + (idx+1) + '.</span>' +
'<input type="text" value="' + esc(text) + '" placeholder="本周最重要的一件事…">' +
'<button class="btn-del" onclick="this.parentElement.remove();renumberMorning()"><svg class="icon-sm"><use href="#icon-x"/></svg></button>';
div.addEventListener('dragstart', dragStart);
div.addEventListener('dragover', dragOver);
div.addEventListener('drop', function(e){ dragDrop(e, 'morning-list'); });
div.addEventListener('dragend', dragEnd);
container.appendChild(div);
renumberMorning();
}
@@ -368,10 +374,16 @@
improve = 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>' +
'<input type="text" value="' + esc(mistake) + '" placeholder="犯的错误…">' +
'<input type="text" value="' + esc(improve) + '" placeholder="改进方案…">';
div.addEventListener('dragstart', dragStart);
div.addEventListener('dragover', dragOver);
div.addEventListener('drop', function(e){ dragDrop(e, 'evening-list'); });
div.addEventListener('dragend', dragEnd);
container.appendChild(div);
}
@@ -404,6 +416,41 @@
btn.classList.toggle('active', editing);
};
/* ── 拖拽排序 ── */
var dragSrc = null;
function dragStart(e) {
dragSrc = this;
this.classList.add('dragging');
e.dataTransfer.effectAllowed = 'move';
}
function dragOver(e) {
e.preventDefault();
e.dataTransfer.dropEffect = 'move';
if (this !== dragSrc) this.classList.add('drag-over');
}
function dragDrop(e, listId) {
e.preventDefault();
this.classList.remove('drag-over');
if (dragSrc === this) return;
var container = document.getElementById(listId);
var items = container.querySelectorAll('.' + (dragSrc.classList.contains('evening-row') ? 'evening-row' : 'item-row'));
var from = Array.prototype.indexOf.call(items, dragSrc);
var to = Array.prototype.indexOf.call(items, this);
if (from < to) { container.insertBefore(dragSrc, this.nextSibling); }
else { container.insertBefore(dragSrc, this); }
if (listId === 'morning-list') renumberMorning();
triggerAutoSave();
}
function dragEnd() {
this.classList.remove('dragging');
document.querySelectorAll('.drag-over').forEach(function(el){ el.classList.remove('drag-over'); });
dragSrc = null;
}
window.addStudyItem = function() {
var name = prompt('请输入新习惯名称：');
if (!name || !name.trim()) return;