3 files changed, 126 insertions, 0 deletions
diff --git a/src/app/manage/customer/list/address.rs b/src/app/manage/customer/list/address.rs
new file mode 100644
index 0000000..8498530
--- /dev/null
+++ b/src/app/manage/customer/list/address.rs
@@ -0,0 +1,37 @@
+/* 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/>.
+ */
+
+use yew::prelude::*;
+
+use crate::models::customer;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+    pub address: customer::Address,
+    pub title: String,
+}
+
+#[function_component(Address)]
+pub fn address(props: &Props) -> Html {
+
+    html! {
+        <div class={"customer-address"}>
+            <span class={"title"}>{props.title.clone()}</span>
+            <span>{props.address.address_text.clone()}</span>
+        </div>
+    }
+}
diff --git a/src/app/manage/customer/list/list_item.rs b/src/app/manage/customer/list/list_item.rs
new file mode 100644
index 0000000..26ac51d
--- /dev/null
+++ b/src/app/manage/customer/list/list_item.rs
@@ -0,0 +1,38 @@
+/* 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/>.
+ */
+
+use yew::prelude::*;
+
+use crate::models::customer;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+    pub customer: customer::Customer,
+    pub s_no: usize,
+}
+
+#[function_component(ListItem)]
+pub fn list_item(props: &Props) -> Html {
+    html! {
+        <div class={"customers-list-item"}>
+            <span>{props.s_no}</span>
+            <span>{props.customer.name.clone()}</span>
+            <span>{props.customer.gstin.clone()}</span>
+            <span class={"options"}></span>
+        </div>
+    }
+}
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>
+    }
+}