edc-web-components 0.4.14

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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

use super::Rule;
use crate::components::create_policy::atomic_constraint_edit::ConstraintMode;
use edc_connector_client::types::policy::{Action, Constraint};
use patternfly_yew::prelude::*;
use yew::prelude::*;

pub type UpdatedRules = Vec<(Action, Vec<(ConstraintMode, Constraint)>)>;

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

#[component]
pub fn ListOfRules(props: &Props) -> Html {
  let add_rule = use_callback(
    (props.list.clone(), props.onchange.clone()),
    |_, (list, onchange)| {
      let mut list_of_rules = (*list).clone();
      list_of_rules.push((Action::Simple("use".to_string()), vec![]));
      onchange.emit(list_of_rules);
    },
  );

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

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

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

  let list_of_rules = props
    .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()}
              />
            </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>
  )
}