emilia
/
plate-tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
plate-tool/src/components/plates/source_plate.rs

213 lines
5.9 KiB
Rust
Raw Normal View History

Initial
2023-05-11 21:49:03 +00:00
#![allow(non_snake_case)]
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
use yew::prelude::*;
Initial
2023-05-11 21:49:03 +00:00
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
#[derive(PartialEq, Properties)]
Initial
2023-05-11 21:49:03 +00:00
pub struct SourcePlateProps {
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
pub width: u8,
pub height: u8,
Initial
2023-05-11 21:49:03 +00:00
}
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
#[function_component]
pub fn SourcePlate(props: &SourcePlateProps) -> Html {
/*
let selection_state = use_state_eq(|| SelectionState{
Initial
2023-05-11 21:49:03 +00:00
m_start: None,
m_end: None,
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
m_stat: false
Initial
2023-05-11 21:49:03 +00:00
});
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
*/
Initial
2023-05-11 21:49:03 +00:00
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
let m_start_handle: UseStateHandle<Option<(u8,u8)>> = use_state_eq(|| None);
let m_end_handle: UseStateHandle<Option<(u8,u8)>> = use_state_eq(|| None);
let m_stat_handle: UseStateHandle<bool> = use_state_eq(|| false);
let m_stat_handle2 = m_stat_handle.clone();
let m_start = m_start_handle.clone();
let m_end = m_end_handle.clone();
let mouse_callback = Callback::from(move |(i,j,t)| {
match t {
MouseEventType::MOUSEDOWN => {
m_start_handle.set(Some((i,j)));
m_end_handle.set(None);
m_stat_handle.set(true);
},
MouseEventType::MOUSEENTER => {
if *m_stat_handle {
m_end_handle.set(Some((i,j)))
}
Wireframing and restructure
2023-05-21 16:45:12 +00:00
}
Initial
2023-05-11 21:49:03 +00:00
}
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
});
let mouseup_callback = Callback::from(move |_: MouseEvent| {
m_stat_handle2.set(false);
});
let mouseleave_callback = Callback::clone(&mouseup_callback);
let rows = (1..=props.height).map(|i| {
let row = (1..=props.width).map(|j| {
html! {
<SourcePlateCell i={i} j={j}
selected={in_rect(*m_start.clone(), *m_end.clone(), (i,j))}
mouse={mouse_callback.clone()}/>
}
}).collect::<Html>();
html! {
<tr>
{ row }
</tr>
}
}).collect::<Html>();
html! {
<div class="source_plate">
<table
onmouseup={move |e| {
mouseup_callback.emit(e);
}}
onmouseleave={move |e| {
mouseleave_callback.emit(e);
}}>
{ rows }
</table>
</div>
}
Initial
2023-05-11 21:49:03 +00:00
}
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
#[derive(PartialEq, Properties)]
pub struct SourcePlateCellProps {
i: u8,
j: u8,
selected: bool,
mouse: Callback<(u8,u8, MouseEventType)>,
color: Option<String>
}
#[derive(Debug)]
pub enum MouseEventType {
MOUSEDOWN,
MOUSEENTER
}
#[function_component]
fn SourcePlateCell(props: &SourcePlateCellProps) -> Html {
let selected_class = match props.selected {
true => Some("current_select"),
false => None,
Initial
2023-05-11 21:49:03 +00:00
};
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
let color_string = match &props.color {
Cells can now have color changed from parent component
2023-05-11 22:39:25 +00:00
Some(c) => c.clone(),
chore: format
2023-05-13 23:13:03 +00:00
None => "None".to_string(),
Cells can now have color changed from parent component
2023-05-11 22:39:25 +00:00
};
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
let mouse = Callback::clone(&props.mouse);
let mouse2 = Callback::clone(&props.mouse);
let (i,j) = (props.i.clone(), props.j.clone());
html! {
<td class={classes!("plate_cell", selected_class)}
onmousedown={move |_| {
mouse.emit((i,j, MouseEventType::MOUSEDOWN))
}}
onmouseenter={move |_| {
mouse2.emit((i,j, MouseEventType::MOUSEENTER))
}}>
<div class="plate_cell_inner" />
</td>
}
Initial
2023-05-11 21:49:03 +00:00
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
/*
Format and a comment
2023-05-11 21:51:09 +00:00
cx.render(rsx! {
Initial
2023-05-11 21:49:03 +00:00
td {
class: "plate_cell {selected_class}",
draggable: "false",
Cells can now have color changed from parent component
2023-05-11 22:39:25 +00:00
style: "background: {color_string}",
Initial
2023-05-11 21:49:03 +00:00
onmousedown: move |_| {
selection_state.write().m_start = Some((*i,*j));
selection_state.write().m_end = None;
selection_state.write().m_stat = true;
},
Fix drag issue These few lines of code are going to plague this project. Transiently, this solution doesn't seem fast enough and will "forget" that the mouse button is being held during a drag. I'm using mouseenter instead of mouseover because it should trigger less often---this ought to be more efficient(?).
2023-05-21 02:51:32 +00:00
onmouseenter: move |me: MouseEvent| {
if me.data.held_buttons().is_empty() {
selection_state.write().m_stat = false;
}
Initial
2023-05-11 21:49:03 +00:00
if selection_state.read().m_stat {
selection_state.write().m_end = Some((*i,*j))
}
},
onmouseup: move |_| {
selection_state.write().m_stat = false
},
Add dummy div to plate cells This exists solely to have the hitbox for the cells be rectangular while the appearance of the cells is circular.
2023-05-21 01:38:52 +00:00
div {
class: "plate_cell_inner"
}
Initial
2023-05-11 21:49:03 +00:00
}
})
Complete port to yew This is the biggest commit of all time. Yew requires so much cloning smh As a side note, if you drag to select the plate a lot, it uses a lot of CPU resources.
2023-05-22 15:26:08 +00:00
*/
Initial
2023-05-11 21:49:03 +00:00
}
Add tests for source_plate component
2023-05-12 00:39:43 +00:00
fn in_rect(corner1: Option<(u8, u8)>, corner2: Option<(u8, u8)>, pt: (u8, u8)) -> bool {
Initial
2023-05-11 21:49:03 +00:00
if let (Some(c1), Some(c2)) = (corner1, corner2) {
Format and a comment
2023-05-11 21:51:09 +00:00
return pt.0 <= u8::max(c1.0, c2.0)
&& pt.0 >= u8::min(c1.0, c2.0)
&& pt.1 <= u8::max(c1.1, c2.1)
&& pt.1 >= u8::min(c1.1, c2.1);
} else {
return false;
}
Initial
2023-05-11 21:49:03 +00:00
}
Add tests for source_plate component
2023-05-12 00:39:43 +00:00
#[cfg(test)]
mod tests {
use super::in_rect;
// in_rect tests
#[test]
fn test_in_rect1() {
// Test in center of rect
chore: format
2023-05-13 23:13:03 +00:00
let c1 = (1, 1);
let c2 = (10, 10);
let pt = (5, 5);
Add tests for source_plate component
2023-05-12 00:39:43 +00:00
assert!(in_rect(Some(c1), Some(c2), pt));
// Order of the corners should not matter:
assert!(in_rect(Some(c2), Some(c1), pt));
}
#[test]
fn test_in_rect2() {
// Test on top/bottom edges of rect
chore: format
2023-05-13 23:13:03 +00:00
let c1 = (1, 1);
let c2 = (10, 10);
let pt1 = (1, 5);
let pt2 = (10, 5);
Add tests for source_plate component
2023-05-12 00:39:43 +00:00
assert!(in_rect(Some(c1), Some(c2), pt1));
assert!(in_rect(Some(c1), Some(c2), pt2));
// Order of the corners should not matter:
assert!(in_rect(Some(c2), Some(c1), pt1));
assert!(in_rect(Some(c2), Some(c1), pt2));
}
#[test]
fn test_in_rect3() {
// Test on left/right edges of rect
chore: format
2023-05-13 23:13:03 +00:00
let c1 = (1, 1);
let c2 = (10, 10);
let pt1 = (5, 1);
let pt2 = (5, 10);
Add tests for source_plate component
2023-05-12 00:39:43 +00:00
assert!(in_rect(Some(c1), Some(c2), pt1));
assert!(in_rect(Some(c1), Some(c2), pt2));
// Order of the corners should not matter:
assert!(in_rect(Some(c2), Some(c1), pt1));
assert!(in_rect(Some(c2), Some(c1), pt2));
}
#[test]
fn test_in_rect4() {
chore: format
2023-05-13 23:13:03 +00:00
// Test cases that should fail
let c1 = (1, 1);
let c2 = (10, 10);
let pt1 = (0, 0);
let pt2 = (15, 15);
Add tests for source_plate component
2023-05-12 00:39:43 +00:00
assert_eq!(false, in_rect(Some(c1), Some(c2), pt1));
assert_eq!(false, in_rect(Some(c1), Some(c2), pt2));
}
}