edc-web-ui 0.1.0

A Rust Web interface 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
68
69
70
71
72

use crate::components::rule::Rule;
use edc_connector_client::types::policy::{Action, Constraint};
use patternfly_yew::prelude::*;
use yew::prelude::*;

#[derive(Clone, PartialEq, Properties)]
pub struct Props {
  pub list: Vec<(Action, Vec<Constraint>)>,
  pub onchange: Callback<Vec<(Action, Vec<Constraint>)>>,
}

#[function_component]
pub fn ListOfRules(props: &Props) -> Html {
  let list = use_state(|| props.list.clone());

  let add_rule = use_callback(list.clone(), |_, list| {
    let mut rules = (**list).clone();
    rules.push((Action::Simple("".to_string()), vec![]));
    list.set(rules);
  });

  let onchange = use_callback(list.clone(), |(index, action, constraints), list| {
    let mut list_of_rules = (**list).clone();
    list_of_rules[index] = (action, constraints);
    list.set(list_of_rules);
  });

  let ondelete = use_callback(list.clone(), |index, list| {
    let mut list_of_rules = (**list).clone();
    list_of_rules.remove(index);
    list.set(list_of_rules);
  });

  log::info!("{list:?}");

  let list_of_rules = (*list)
    .iter()
    .enumerate()
    .map(|(index, (action, constraints))| {
      let action = action.clone();
      let constraints = constraints.clone();

      html_nested!(
        <StackItem>
          <Card>
            <CardTitle>
              {format!("Rule {}", index + 1)}
            </CardTitle>
            <CardBody>
              <Rule key={index} {index} {action} {constraints} onchange={onchange.clone()} ondelete={ondelete.clone()}></Rule>
            </CardBody>
          </Card>
        </StackItem>
      )
    });

  html!(
    <Stack gutter=true>
      {for list_of_rules}

      <StackItem>
        <Button
          icon={Icon::Plus}
          variant={ButtonVariant::Primary}
          onclick={add_rule}
          >
          {"Add rule"}
        </Button>
      </StackItem>
    </Stack>
  )
}