Mirrors/leptos
2
0
Fork 0
mirror of https://github.com/leptos-rs/leptos synced 2024-11-10 06:44:17 +00:00
Code Issues Projects Releases Packages Wiki Activity

ported ActionForm

Browse source
This commit is contained in:
Jose Quesada 2022-12-15 12:37:19 -06:00
parent ce9aec2520
commit 1aaacbaf5b
1 changed files with 16 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
router/src/components/form.rs
View file

@ -124,42 +124,32 @@ where
} }
} }
/// Properties that can be passed to the [ActionForm] component, which
/// automatically turns a server [Action](leptos_server::Action) into an HTML
/// [`form`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form)
/// progressively enhanced to use client-side routing.
#[derive(TypedBuilder)]
pub struct ActionFormProps<I, O>
where
I: 'static,
O: 'static,
{
/// The action from which to build the form. This should include a URL, which can be generated
/// by default using [create_server_action](leptos_server::create_server_action) or added
/// manually using [leptos_server::Action::using_server_fn].
pub action: Action<I, Result<O, ServerFnError>>,
/// Component children; should include the HTML of the form elements.
pub children: Box<dyn Fn(Scope) -> Fragment>,
}
/// Automatically turns a server [Action](leptos_server::Action) into an HTML /// Automatically turns a server [Action](leptos_server::Action) into an HTML
/// [`form`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) /// [`form`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form)
/// progressively enhanced to use client-side routing. /// progressively enhanced to use client-side routing.
#[allow(non_snake_case)] #[component]
pub fn ActionForm<I, O>(cx: Scope, props: ActionFormProps<I, O>) -> impl IntoView pub fn ActionForm<I, O>(
cx: Scope,
/// The action from which to build the form. This should include a URL, which can be generated
/// by default using [create_server_action](leptos_server::create_server_action) or added
/// manually using [leptos_server::Action::using_server_fn].
action: Action<I, Result<O, ServerFnError>>,
/// Component children; should include the HTML of the form elements.
children: Box<dyn Fn(Scope) -> Fragment>,
) -> impl IntoView
where where
I: Clone + ServerFn + 'static, I: Clone + ServerFn + 'static,
O: Clone + Serializable + 'static, O: Clone + Serializable + 'static,
{ {
let action = if let Some(url) = props.action.url() { let action_url = if let Some(url) = action.url() {
url url
} else { } else {
debug_warn!("<ActionForm/> action needs a URL. Either use create_server_action() or Action::using_server_fn()."); debug_warn!("<ActionForm/> action needs a URL. Either use create_server_action() or Action::using_server_fn().");
"" ""
}.to_string(); }.to_string();
let version = props.action.version; let version = action.version;
let value = props.action.value; let value = action.value;
let input = props.action.input; let input = action.input;
let on_form_data = Rc::new(move |form_data: &web_sys::FormData| { let on_form_data = Rc::new(move |form_data: &web_sys::FormData| {
let data = action_input_from_form_data(form_data); let data = action_input_from_form_data(form_data);
@ -198,12 +188,12 @@ where
Form( Form(
cx, cx,
FormProps::builder() FormProps::builder()
.action(action) .action(action_url)
.version(version) .version(version)
.on_form_data(on_form_data) .on_form_data(on_form_data)
.on_response(on_response) .on_response(on_response)
.method("post") .method("post")
.children(props.children) .children(children)
.build(), .build(),
) )
} }