prophecy 0.5.0

FutureSDR GUI
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

use futuresdr_types::Pmt;
use futuresdr_types::PortId;
use leptos::prelude::*;
use leptos::task::spawn_local;
use leptos::wasm_bindgen::JsCast;
use web_sys::HtmlInputElement;

use crate::FlowgraphHandle;

#[component]
/// Slider
///
/// Changing the value triggers sending a corresponding PMT.
pub fn Slider<P: Into<PortId>>(
    fg_handle: FlowgraphHandle,
    block_id: usize,
    handler: P,
    #[prop(default = 0.0)] min: f64,
    #[prop(default = 100.0)] max: f64,
    #[prop(default = 1.0)] step: f64,
    #[prop(optional)] init: Option<f64>,
    #[prop(optional)] setter: Option<WriteSignal<f64>>,
    #[prop(into, optional)] input_class: String,
) -> impl IntoView {
    let handler = handler.into();
    let init = init.unwrap_or(min);

    view! {
        <input
            type="range"
            min=min
            max=max
            step=step
            value=init
            class=input_class
            on:change={
                let handler = handler.clone();
                let fg_handle = fg_handle.clone();
                move |v| {
                    let handler = handler.clone();
                    let fg_handle = fg_handle.clone();
                    let target = v.target().unwrap();
                    let input: HtmlInputElement = target.dyn_into().unwrap();
                    let value: f64 = input.value().parse().unwrap();
                    let pmt = Pmt::F64(value);
                    if let Some(setter) = setter {
                        setter(value);
                    }
                    spawn_local(async move {
                        let _ = fg_handle.post(block_id, handler, pmt).await;
                    });
                }
            }
        />
    }
}