glen/dyna3
1
0
Fork 0
Code Issues 14 Pull Requests 1 Actions Projects Releases 2 Wiki Activity

Outline: switch to single selection

Browse Source
This commit is contained in:
Aaron Fenyes 2024-09-19 17:53:07 -07:00
parent 96f8b6b5f3
commit 78f8ef8215
1 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
app-proto/sketch-outline/src/outline.rs
View File

@ -1,6 +1,6 @@
use itertools::Itertools;
use sycamore::{prelude::*, web::tags::div};
use web_sys::KeyboardEvent;
use web_sys::{KeyboardEvent, MouseEvent};
use crate::AppState;
@ -18,7 +18,12 @@ pub fn Outline() -> View {
});
view! {
ul {
ul(
on:click={
let state = use_context::<AppState>();
move |_| state.selection.update(|sel| sel.clear())
}
) {
Keyed(
list=elements_sorted,
view=|elt| {
@ -46,23 +51,38 @@ pub fn Outline() -> View {
tabindex="0",
on:click={
let id = elt.id.clone();
move |_| {
state.selection.update(|sel| {
if !sel.remove(&id) {
move |event: MouseEvent| {
if event.shift_key() {
state.selection.update(|sel| {
if !sel.remove(&id) {
sel.insert(id.clone());
}
});
} else {
state.selection.update(|sel| {
sel.clear();
sel.insert(id.clone());
}
});
});
}
event.stop_propagation();
}
},
on:keydown={
let id = elt.id.clone();
move |event: KeyboardEvent| {
if event.key() == "Enter" {
state.selection.update(|sel| {
if !sel.remove(&id) {
if event.shift_key() {
state.selection.update(|sel| {
if !sel.remove(&id) {
sel.insert(id.clone());
}
});
} else {
state.selection.update(|sel| {
sel.clear();
sel.insert(id.clone());
}
});
});
}
event.prevent_default();
}
}