Function Slider

src/components/musicbar_components.rs:412–528

()

#[tracing::instrument(level = "debug", skip())]
#[component]
pub fn Slider() -> impl IntoView {
    let player_store = use_context::<RwSignal<PlayerStore>>().unwrap();
    let slider_process: NodeRef<html::Div> = NodeRef::new();
    let offset_width = RwSignal::new(0f64);

    slider_process.on_load(move |s| {
        offset_width.set(s.offset_width() as f64);
    });
    let (current_time, set_current_time) = create_slice(
        player_store,
        |p| p.get_current_time(),
        move |p, val: f64| {
            p.force_seek_percent(
                val / slider_process.get_untracked().unwrap().offset_width() as f64,
            )
        },
    );

    let current_song = create_read_slice(player_store, |p| p.get_current_song());
    let total_time = RwSignal::new(1f64);

    let is_dragging = RwSignal::new(false);

    let display_time = RwSignal::new(0f64);
    Effect::new(move || {
        if !is_dragging.get() {
            let current_time = current_time.get();
            display_time.set(current_time);
        }
    });

    let _ = use_event_listener(use_document(), mouseup, move |evt| {
        if is_dragging.get_untracked() {
            tracing::debug!("dragging stop {}", evt.client_x());
            set_current_time.set(evt.client_x() as f64);
            is_dragging.set(false);
        }
    });

    let _ = use_event_listener(use_document(), mouseup, move |evt| {
        if is_dragging.get_untracked() {
            tracing::debug!("dragging stop {}", evt.client_x());
            set_current_time.set(evt.client_x() as f64);
            is_dragging.set(false);
        }
    });

    let _ = use_event_listener(use_document(), mousemove, move |evt| {
        if is_dragging.get() {
            tracing::info!(
                "client x: {}, process width: {}",
                evt.offset_x(),
                slider_process.get_untracked().unwrap().offset_width(),
            );
            display_time.set(
                (evt.offset_x() as f64
                    / slider_process.get_untracked().unwrap().offset_width() as f64)
                    * total_time.get(),