edc-web-ui 0.2.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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115

use crate::contexts::use_edc_connector_context;
use edc_connector_client::types::transfer_process::TransferRequest;
use patternfly_yew::prelude::*;
use yew::platform::spawn_local;
use yew::prelude::*;

#[derive(Clone, Debug, PartialEq, Properties)]
pub struct CreateTransferProcessProps {
  #[prop_or_default]
  pub on_create: Callback<()>,
}

#[component]
pub fn CreateTransferProcess(props: &CreateTransferProcessProps) -> Html {
  let edc_connector_context = use_edc_connector_context();

  let contract_id = use_state(|| "".to_string());
  let counter_party_address = use_state(|| "".to_string());
  let transfer_type = use_state(|| "".to_string());

  let onsubmit = use_callback(
    (
      edc_connector_context,
      contract_id.clone(),
      counter_party_address.clone(),
      transfer_type.clone(),
      props.on_create.clone(),
    ),
    |event: SubmitEvent,
     (edc_connector_context, contract_id, counter_party_address, transfer_type, on_create)| {
      event.prevent_default();

      let edc_connector_context = edc_connector_context.clone();
      let contract_id = (**contract_id).clone();
      let counter_party_address = (**counter_party_address).clone();
      let transfer_type = (**transfer_type).clone();
      let on_create = on_create.clone();

      spawn_local(async move {
        let transfer_request = TransferRequest::builder()
          .contract_id(contract_id)
          .counter_party_address(counter_party_address)
          .transfer_type(transfer_type)
          .build();

        if let Some(client) = edc_connector_context.get_client() {
          let _ = client
            .transfer_processes()
            .initiate(&transfer_request)
            .await;

          on_create.emit(());
        }
      })
    },
  );

  let onchange_contract_id = use_callback(
    contract_id.setter(),
    move |contract_id, contract_id_setter| {
      contract_id_setter.set(contract_id);
    },
  );

  let onchange_counter_party_address = use_callback(
    counter_party_address.setter(),
    move |counter_party_address, counter_party_address_setter| {
      counter_party_address_setter.set(counter_party_address);
    },
  );

  let onchange_transfer_type = use_callback(
    transfer_type.setter(),
    move |transfer_type, transfer_type_setter| {
      transfer_type_setter.set(transfer_type);
    },
  );

  let disabled = false;

  html!(
    <Form {onsubmit}>
      <FormGroup label="Contract ID" required=true>
        <TextInput
          required=true
          value={(*contract_id).to_string()}
          onchange={onchange_contract_id}
        />
      </FormGroup>
      <FormGroup label="Counter Party Address" required=true>
        <TextInput
          required=true
          value={(*counter_party_address).to_string()}
          onchange={onchange_counter_party_address}
        />
      </FormGroup>
      <FormGroup label="Transfer Type" required=true>
        <TextInput
          required=true
          value={(*transfer_type).to_string()}
          onchange={onchange_transfer_type}
        />
      </FormGroup>
      <ActionGroup>
        <Button
          variant={ButtonVariant::Primary}
          label="Submit"
          r#type={ButtonType::Submit}
          {disabled}
        />
        <Button variant={ButtonVariant::Secondary} label="Reset" r#type={ButtonType::Reset} />
      </ActionGroup>
    </Form>
  )
}