edc_web_components/pages/
show_asset_page.rs

1use crate::contexts::use_edc_connector_context;
2use crate::models::AssetItem;
3use edc_connector_client::EdcConnectorApiVersion;
4use patternfly_yew::prelude::*;
5use yew::platform::spawn_local;
6use yew::prelude::*;
7use yew::suspense::use_future_with;
8
9#[derive(Clone, Debug, PartialEq, Properties)]
10pub struct ShowAssetPageProps {
11  pub asset_id: String,
12  pub on_deleted: Callback<()>,
13}
14
15#[component]
16pub fn ShowAssetPage(props: &ShowAssetPageProps) -> Html {
17  html!(
18    <>
19      <Title level={Level::H2} size={Size::XXXLarge}>{ "Show Asset" }</Title>
20      <Suspense fallback="Loading ...">
21        <ShowAssetPageInner
22          asset_id={props.asset_id.clone()}
23          on_deleted={props.on_deleted.clone()}
24        />
25      </Suspense>
26    </>
27  )
28}
29
30#[component]
31pub fn ShowAssetPageInner(props: &ShowAssetPageProps) -> HtmlResult {
32  let edc_connector_client = use_edc_connector_context();
33
34  let asset = use_future_with(
35    (props.asset_id.clone(), edc_connector_client.clone()),
36    |properties| async move {
37      let (asset_id, edc_connector_client) = (*properties).clone();
38
39      if let Some(client) = edc_connector_client.get_client() {
40        client
41          .assets(EdcConnectorApiVersion::V4)
42          .get(&asset_id)
43          .await
44          .ok()
45          .map(AssetItem::from)
46      } else {
47        None
48      }
49    },
50  )?;
51
52  let asset = (*asset).clone();
53
54  let edc_connector_context = use_edc_connector_context();
55
56  let ondelete = use_callback(
57    (
58      props.asset_id.clone(),
59      edc_connector_context,
60      props.on_deleted.clone(),
61    ),
62    |_, (asset_id, edc_connector_context, on_deleted)| {
63      let edc_connector_context = edc_connector_context.clone();
64      let asset_id = asset_id.clone();
65      let on_deleted = on_deleted.clone();
66
67      spawn_local(async move {
68        if let Some(client) = edc_connector_context.get_client()
69          && client
70            .assets(EdcConnectorApiVersion::V4)
71            .delete(&asset_id)
72            .await
73            .is_ok()
74        {
75          on_deleted.emit(());
76        }
77      });
78    },
79  );
80
81  if let Some(asset_item) = asset {
82    let keywords = asset_item
83      .keywords
84      .iter()
85      .map(|keyword| html! { <Label label={keyword.to_string()} color={Color::Blue} /> });
86
87    Ok(html!(
88      <>
89        <DescriptionList>
90          <DescriptionGroup term="ID">{ asset_item.id }</DescriptionGroup>
91          <DescriptionGroup term="Title">{ asset_item.name }</DescriptionGroup>
92          <DescriptionGroup term="Version">
93            { asset_item.version.map(|version| version.to_string()).unwrap_or_default() }
94          </DescriptionGroup>
95          <DescriptionGroup term="Description">
96            { asset_item.description.unwrap_or_default() }
97          </DescriptionGroup>
98          <DescriptionGroup term="Creator">
99            { asset_item.creator.and_then(|creator| creator.name).unwrap_or_default() }
100          </DescriptionGroup>
101          <DescriptionGroup term="Keywords">{ for keywords }</DescriptionGroup>
102          <DescriptionGroup term="Base URL">{ asset_item.base_url }</DescriptionGroup>
103          <DescriptionGroup term="Proxy Path">
104            <Switch disabled=true checked={asset_item.proxy_path} />
105          </DescriptionGroup>
106          <DescriptionGroup term="Proxy Query Parameters">
107            <Switch disabled=true checked={asset_item.proxy_query_params} />
108          </DescriptionGroup>
109          <DescriptionGroup term="Proxy Method">
110            <Switch disabled=true checked={asset_item.proxy_method} />
111          </DescriptionGroup>
112          <DescriptionGroup term="Proxy Body">
113            <Switch disabled=true checked={asset_item.proxy_body} />
114          </DescriptionGroup>
115        </DescriptionList>
116        <Flex>
117          <FlexItem modifiers={[FlexModifier::Grow.all()]} />
118          <FlexItem>
119            <Button variant={ButtonVariant::Danger} onclick={ondelete.clone()}>
120              { "Delete Asset" }
121            </Button>
122          </FlexItem>
123        </Flex>
124      </>
125    ))
126  } else {
127    Ok(html!(
128      format!(
129      "Asset with id {} not found.",
130      props.asset_id
131    )
132    ))
133  }
134}
edc_web_components/pages/show_asset_page.rs

edc_web_components/pages/
show_asset_page.rs
