#![allow(non_snake_case)] use std::collections::HashMap; use yew::prelude::*; use yewdux::prelude::*; use crate::components::states::{CurrentTransfer, MainState}; use crate::data::plate_instances::PlateInstance; use crate::data::transfer_region::{Region, TransferRegion}; // Color Palette for the Source Plates, can be changed here use crate::components::plates::util::Palettes; const PALETTE: super::util::ColorPalette = Palettes::YELLOW_PINK; use super::super::transfer_menu::RegionDisplay; #[derive(Properties, PartialEq)] pub struct DestinationPlateProps { pub source_plate: PlateInstance, pub destination_plate: PlateInstance, } #[function_component] pub fn DestinationPlate(props: &DestinationPlateProps) -> Html { let (main_state, _) = use_store::(); let (ct_state, ct_dispatch) = use_store::(); let m_start_handle: UseStateHandle> = use_state_eq(|| None); let m_end_handle: UseStateHandle> = use_state_eq(|| None); let m_stat_handle: UseStateHandle = use_state_eq(|| false); let m_start = m_start_handle.clone(); let m_end = m_end_handle.clone(); if !(*m_stat_handle) { let (pt1, pt2) = match ct_state.transfer.transfer_region.dest_region { Region::Point((x, y)) => ((x, y), (x, y)), Region::Rect(c1, c2) => (c1, c2), }; m_start_handle.set(Some(pt1)); m_end_handle.set(Some(pt2)); } let destination_wells = ct_state.transfer.transfer_region.get_destination_wells(); let mouse_callback = { let m_start_handle = m_start_handle.clone(); let m_end_handle = m_end_handle.clone(); let m_stat_handle = m_stat_handle.clone(); Callback::from(move |(i, j, t)| match t { MouseEventType::MOUSEDOWN => { m_start_handle.set(Some((i, j))); m_end_handle.set(Some((i, j))); m_stat_handle.set(true); } MouseEventType::MOUSEENTER => { if *m_stat_handle { m_end_handle.set(Some((i, j))); } } }) }; let mut color_counter: u8 = 0; let color_map = { let ts = main_state.transfers.iter().filter(|t| t.dest_id == props.destination_plate.get_uuid()); let mut color_map: HashMap<(u8,u8), u8> = HashMap::new(); for t in ts { color_counter += 1; let dws = t.transfer_region.get_destination_wells(); for dw in dws { color_map.insert(dw, color_counter); } } color_map }; let mouseup_callback = { let m_start_handle = m_start_handle.clone(); let m_end_handle = m_end_handle.clone(); let m_stat_handle = m_stat_handle.clone(); Callback::from(move |_: MouseEvent| { m_stat_handle.set(false); if let Some(ul) = *m_start_handle { if let Some(br) = *m_end_handle { if let Ok(rd) = RegionDisplay::try_from((ul.0, ul.1, br.0, br.1)) { ct_dispatch.reduce_mut(|state| { state.transfer.transfer_region.dest_region = Region::from(&rd); }); } } } }) }; let mouseleave_callback = Callback::clone(&mouseup_callback); let rows = (1..=props.destination_plate.plate.size().0) .map(|i| { let row = (1..=props.destination_plate.plate.size().1).map(|j| { html! { } }).collect::(); html! { { row } } }) .collect::(); html! {

{ rows }

} } #[derive(Debug)] pub enum MouseEventType { MOUSEDOWN, MOUSEENTER, } #[derive(Properties, PartialEq)] pub struct DestPlateCellProps { pub i: u8, pub j: u8, pub selected: bool, pub mouse: Callback<(u8, u8, MouseEventType)>, pub in_transfer: Option, color: Option<(u8,u8)>, } #[function_component] fn DestPlateCell(props: &DestPlateCellProps) -> Html { let selected_class = match props.selected { true => Some("current_select"), false => None, }; let in_transfer_class = match props.in_transfer { Some(true) => Some("in_transfer"), _ => None, }; let color = match props.color { Some(num) => PALETTE.get_u8(num.0,num.1), None => [255.0,255.0,255.0] }; let mouse = Callback::clone(&props.mouse); let mouse2 = Callback::clone(&props.mouse); let (i, j) = (props.i.clone(), props.j.clone()); html! {

} }