edc-web-components 0.8.1

A Rust Web Components with patternfly-yew client for EDC
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
57
58
59
60
61
62
63
64
65
66
67

use patternfly_yew::prelude::*;
use yew::prelude::*;

#[derive(Clone, PartialEq, Properties)]
pub struct Props {
  pub is_simple: bool,
  pub value: String,
  pub onchange: Callback<(bool, String)>,
}

#[component]
pub fn SimpleOrIdField(props: &Props) -> Html {
  let is_simple_target = use_state(|| props.is_simple);
  let target = use_state(|| props.value.clone());

  let on_target_id = use_callback(
    (
      props.onchange.clone(),
      is_simple_target.clone(),
      target.clone(),
    ),
    move |_, (onchange, is_simple_target, target)| {
      is_simple_target.set(false);
      onchange.emit((false, (**target).to_string()))
    },
  );

  let on_target_simple = use_callback(
    (
      props.onchange.clone(),
      is_simple_target.clone(),
      target.clone(),
    ),
    move |_, (onchange, is_simple_target, target)| {
      is_simple_target.set(true);
      onchange.emit((true, (**target).to_string()))
    },
  );

  let oninput_target = use_callback(
    (
      props.onchange.clone(),
      is_simple_target.clone(),
      target.clone(),
    ),
    move |value: String, (onchange, is_simple_target, target)| {
      target.set(value.clone());
      onchange.emit((**is_simple_target, value))
    },
  );

  let target_mode = if *is_simple_target { "Simple" } else { "ID" };

  html!(
    <Split>
      <SplitItem>
        <Dropdown text={html!(target_mode)}>
          <MenuAction onclick={on_target_simple}>{ "Simple" }</MenuAction>
          <MenuAction onclick={on_target_id}>{ "ID" }</MenuAction>
        </Dropdown>
      </SplitItem>
      <SplitItem fill=true>
        <TextInput value={(*target).clone()} onchange={oninput_target} />
      </SplitItem>
    </Split>
  )
}