GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-24 08:46:37 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Implement selectRange

Browse source
This commit is contained in:
Henrik Giesel 2021-06-29 20:52:11 +02:00
parent 376f543680
commit 00de99880b
2 changed files with 37 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
ts/editor/Tag.svelte
View file

@ -39,8 +39,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
if (shift) {
dispatch("tagrange");
} else if (control) {
console.log("control", control);
selected = !selected;
dispatch("tagselect");
} else {
dispatch("tagedit");
}

38
ts/editor/TagEditor.svelte
View file

@ -279,13 +279,46 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
}
}
let selectionAnchor: number | null = null;
let selectionFocus: number | null = null;
function select(index: number) {
tags[index].selected = !tags[index].selected;
tags = tags;
selectionAnchor = index;
}
function selectRange(index: number) {
if (selectionAnchor === null) {
select(index);
return;
}
selectionFocus = index;
const from = Math.min(selectionAnchor, selectionFocus);
const to = Math.max(selectionAnchor, selectionFocus);
for (let index = from; index <= to; index++) {
tags[index].selected = true;
}
tags = tags;
}
function deselect() {
tags = tags.map((tag: TagType): TagType => ({ ...tag, selected: false }));
selectionAnchor = null;
selectionFocus = null;
}
function deselectIfLeave(event: FocusEvent) {
const toolbar = event.currentTarget as HTMLDivElement;
if (!toolbar.contains(event.relatedTarget as Element)) {
if (
event.relatedTarget === null ||
!toolbar.contains(event.relatedTarget as Node)
) {
deselect();
}
}
@ -357,7 +390,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
active = index;
deselect();
}}
on:tagrange={console.log}
on:tagselect={() => select(index)}
on:tagrange={() => selectRange(index)}
on:tagdelete={() => {
deleteTagAt(index);
saveTags();