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

use crate::models::DataPlane;
use edc_connector_client::types::dataplane::DataPlaneInstanceState;
use patternfly_yew::prelude::*;
use yew::prelude::*;

#[derive(Clone, Debug, PartialEq, Properties)]
pub struct ShowDataPlaneProps {
  pub data_plane: DataPlane,
}

#[component]
pub fn ShowDataPlane(props: &ShowDataPlaneProps) -> Html {
  let state = match &props.data_plane.state {
    DataPlaneInstanceState::Available => "Available".to_string(),
    DataPlaneInstanceState::Registered => "Registered".to_string(),
    DataPlaneInstanceState::Unavailable => "Unavailable".to_string(),
    DataPlaneInstanceState::Unregistered => "Unregistered".to_string(),
    DataPlaneInstanceState::Other(state) => state.to_string(),
  };

  let allowed_source_types =
    props
      .data_plane
      .allowed_source_types
      .iter()
      .map(|allowed_source_type| {
        html_nested!(
          <FlexItem>
            <Label label={allowed_source_type.to_string()} />
          </FlexItem>
        )
      });

  let allowed_dest_types = props
    .data_plane
    .allowed_dest_types
    .iter()
    .map(|allowed_dest_type| {
      html_nested!(
        <FlexItem>
          <Label label={allowed_dest_type.to_string()} />
        </FlexItem>
      )
    });

  let allowed_transfer_types =
    props
      .data_plane
      .allowed_transfer_types
      .iter()
      .map(|allowed_transfer_type| {
        html_nested!(
          <FlexItem>
            <Label label={allowed_transfer_type.to_string()} />
          </FlexItem>
        )
      });

  html! {
    <Card>
      <CardTitle>{ "Data Plane" }</CardTitle>
      <CardBody>
        <DescriptionList mode={[DescriptionListMode::Horizontal]}>
          <DescriptionGroup term="Id">{ &props.data_plane.id }</DescriptionGroup>
          <DescriptionGroup term="URL">{ &props.data_plane.url }</DescriptionGroup>
          <DescriptionGroup term="Allowed Source Types">
            <Flex>{ for allowed_source_types }</Flex>
          </DescriptionGroup>
          <DescriptionGroup term="Allowed Destination Types">
            <Flex>{ for allowed_dest_types }</Flex>
          </DescriptionGroup>
          <DescriptionGroup term="Allowed Transfer Types">
            <Flex>{ for allowed_transfer_types }</Flex>
          </DescriptionGroup>
          <DescriptionGroup term="State">{ state }</DescriptionGroup>
        </DescriptionList>
      </CardBody>
    </Card>
  }
}