made crappy table component

7 files changed, 172 insertions, 14 deletions

diff --git a/src/components/mod.rs b/src/components/mod.rs
index f185cc7..cfa9064 100644
--- a/src/components/mod.rs
+++ b/src/components/mod.rs
@@ -17,3 +17,4 @@
 
 pub mod navbar;
 pub mod navigation_menu;
+pub mod table;
diff --git a/src/components/navbar/nav.rs b/src/components/navbar/nav.rs
index 5249b60..021e20c 100644
--- a/src/components/navbar/nav.rs
+++ b/src/components/navbar/nav.rs
@@ -17,7 +17,6 @@
 
 use yew::prelude::*;
 use yew_router::prelude::*;
-use gloo::utils::document;
 
 use crate::app::Route;
 use crate::components::navbar::nav_link::NavLink;
@@ -87,19 +86,6 @@ pub fn nav() -> Html {
         .map(|link| html!(<NavLink label={link.label.clone()} to={link.to.clone()} />))
         .collect();
 
-    // set document title
-    document().set_title(match current_route {
-        Route::Home => "",
-
-        Route::ManageMenu => "Manage OpenBills Data",
-        Route::ManageCustomers => "Manage OpenBills Customers",
-        Route::ManageBrands => "Manage OpenBills Brands",
-        Route::ManageItems => "Manage OpenBills Items",
-        Route::ManageInvoices => "Manage OpenBills Invoices",
-
-        _ => "Hello World",
-    });
-
     html! {
         <nav>
             {links_html}
diff --git a/src/components/table/cell.rs b/src/components/table/cell.rs
new file mode 100644
index 0000000..34091f7
--- /dev/null
+++ b/src/components/table/cell.rs
@@ -0,0 +1,32 @@
+/* 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::*;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+    pub children: Children,
+}
+
+#[function_component(Cell)]
+pub fn cell(props: &Props) -> Html {
+    html! {
+        <div class={"table-cell"}>
+            {props.children.clone()}
+        </div>
+    }
+}
diff --git a/src/components/table/header.rs b/src/components/table/header.rs
new file mode 100644
index 0000000..715ec2f
--- /dev/null
+++ b/src/components/table/header.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::components::table::row::Row;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+    pub children: Children,
+    pub template: String,
+}
+
+#[function_component(Header)]
+pub fn header(props: &Props) -> Html {
+    html! {
+        <div class={"table-header"}>
+            <Row template={props.template.clone()}>
+                {props.children.clone()}
+            </Row>
+        </div>
+    }
+}
diff --git a/src/components/table/items.rs b/src/components/table/items.rs
new file mode 100644
index 0000000..ccd7421
--- /dev/null
+++ b/src/components/table/items.rs
@@ -0,0 +1,32 @@
+/* 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::*;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+    pub children: Children,
+}
+
+#[function_component(Items)]
+pub fn items(props: &Props) -> Html {
+    html! {
+        <div class={"table-items"}>
+            {props.children.clone()}
+        </div>
+    }
+}
diff --git a/src/components/table/mod.rs b/src/components/table/mod.rs
new file mode 100644
index 0000000..a740cfe
--- /dev/null
+++ b/src/components/table/mod.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/>.
+ */
+
+pub mod header;
+pub mod items;
+pub mod row;
+pub mod cell;
+
+use yew::prelude::*;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+    pub children: Children,
+}
+
+#[function_component(Table)]
+pub fn table(props: &Props) -> Html {
+    html! {
+        <div class={"table"}>
+            {props.children.clone()}
+        </div>
+    }
+}
diff --git a/src/components/table/row.rs b/src/components/table/row.rs
new file mode 100644
index 0000000..5577422
--- /dev/null
+++ b/src/components/table/row.rs
@@ -0,0 +1,33 @@
+/* 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::*;
+
+#[derive(Properties, PartialEq)]
+pub struct Props {
+    pub children: Children,
+    pub template: String,
+}
+
+#[function_component(Row)]
+pub fn row(props: &Props) -> Html {
+    html! {
+        <div class={"table-row"} style={format!("grid-template-columns: {};", props.template)}>
+            {props.children.clone()}
+        </div>
+    }
+}