feat: complete Phase 0 Enterprise IAM

ui/src/components/tables/mod.rs

@@ -0,0 +1,63 @@
+//! Table helpers: search toolbar + pagination.
+pub mod datatable;
+pub use datatable::{DataTable, ColumnDef};
+
+use dioxus::prelude::*;
+
+#[component]
+pub fn SearchBox(
+    value: String,
+    oninput: EventHandler<String>,
+    #[props(default = "Search…".to_string())] placeholder: String,
+) -> Element {
+    rsx! {
+        input {
+            class: "form-control search-input",
+            r#type: "search",
+            value: "{value}",
+            placeholder: "{placeholder}",
+            "aria-label": "Search",
+            oninput: move |e| oninput.call(e.value()),
+        }
+    }
+}
+
+#[component]
+pub fn Pagination(
+    page: usize,
+    page_size: usize,
+    total: usize,
+    on_page: EventHandler<usize>,
+) -> Element {
+    if total == 0 {
+        return rsx! {};
+    }
+    let pages = total.div_ceil(page_size).max(1);
+    let from = page * page_size + 1;
+    let to = ((page + 1) * page_size).min(total);
+
+    rsx! {
+        div { class: "pagination",
+            span { "Showing {from}–{to} of {total}" }
+            div { class: "pages",
+                button {
+                    class: "btn btn-sm btn-outline",
+                    r#type: "button",
+                    disabled: page == 0,
+                    onclick: move |_| on_page.call(page.saturating_sub(1)),
+                    "Prev"
+                }
+                span { class: "text-muted", style: "padding: 0 0.5rem;",
+                    "Page {page + 1} / {pages}"
+                }
+                button {
+                    class: "btn btn-sm btn-outline",
+                    r#type: "button",
+                    disabled: page + 1 >= pages,
+                    onclick: move |_| on_page.call(page + 1),
+                    "Next"
+                }
+            }
+        }
+    }
+}