diff options
Diffstat (limited to 'src/app/manage/customer/list/mod.rs')
-rw-r--r-- | src/app/manage/customer/list/mod.rs | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/app/manage/customer/list/mod.rs b/src/app/manage/customer/list/mod.rs new file mode 100644 index 0000000..00beb63 --- /dev/null +++ b/src/app/manage/customer/list/mod.rs @@ -0,0 +1,51 @@ +/* openbills-web - Web client for Libre Billing Software + * Copyright (C) 2023 Vidhu Kant Sharma <vidhukant@vidhukant.com> + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. + */ + +mod list_item; +mod address; + +use yew::prelude::*; + +use crate::models::customer; + +#[derive(Properties, PartialEq)] +pub struct Props { + pub customers: Vec<customer::Customer>, +} + +#[function_component(CustomersList)] +pub fn customers_list(props: &Props) -> Html { + let list_items: Html = props.customers + .iter() + .enumerate() + .map(|(id, c)| html!(<list_item::ListItem key={c.id} s_no={id + 1} customer={c.clone()} />)) + .collect(); + + html! { + <div class={"customers-list-wrapper"}> + <div class={"customers-list-header"}> + <span>{"S. No"}</span> + <span>{"Customer Name"}</span> + <span>{"GSTIN"}</span> + <span class={"options"}></span> + </div> + <div class={"customers-list"}> + {list_items} + </div> + </div> + } +} |