Added DataForm component for easier edit dialogs.

src/pages/change_pwd.rs

@@ -1,40 +1,23 @@
 use leptos::*;
-use leptos_router::*;
 use crate::backend::data::{ApiResponse, User};
 use crate::backend::user::ChangePwd;
-use crate::components::modal_box::{DialogOpener, ModalBody, ModalDialog, ModalFooter};
-use crate::components::server_err::ServerErr;
-use crate::components::validation_err::ValidationErr;
-use crate::locales::trl;
-use crate::validator::Validator;
+use crate::components::data_form::DataForm;
+use crate::components::modal_box::DialogOpener;
 
 #[component]
 pub fn change_password(user: ReadSignal<User>, opener: DialogOpener) -> impl IntoView {
     let change_pwd = create_server_action::<ChangePwd>();
-    let upd_val = change_pwd.value();
-    let validator = Validator::new();
     let empty = create_rw_signal("".to_string());
 
     view! {
         {move || {
-            if let Some(res) = upd_val.get() {
+            if let Some(res) = change_pwd.value().get() {
                 if let Ok(r) = res {
                     if let ApiResponse::Data(_) = r { empty.update(|e| *e = "".to_string())}
                 }
             }
             view! {
-                <ActionForm
-            on:submit=move |ev| {
-                let act = ChangePwd::from_event(&ev);
-                if !act.is_err() {
-                    validator.check(&act.unwrap().new_pw, &ev);
-                }
-            }
-            action=change_pwd>
-        <ModalDialog opener=opener title="Change password">
-            <ModalBody>
-                <ServerErr result={upd_val} opener=opener/>
-                <ValidationErr validator=validator />
+                <DataForm opener=opener action=change_pwd title="Change password">
                 <input type="hidden" value={move || user.get().login} name="new_pw[login]"/>
                 <div class="row">
                     <div class="col mb-3">
@@ -72,18 +55,7 @@ pub fn change_password(user: ReadSignal<User>, opener: DialogOpener) -> impl Int
                         />
                     </div>
                 </div>
-            </ModalBody>
-            <ModalFooter>
-                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"
-                    on:click=move |_| {validator.reset(); opener.hide(); empty.update(|e| *e = "".to_string())}>
-                    {trl("Close")}
-                </button>
-                <button type="submit" class="btn btn-primary">
-                    {trl("Save changes")}
-                </button>
-            </ModalFooter>
-        </ModalDialog>
-        </ActionForm>
+            </DataForm>
             }
         }}
     }