diff options
Diffstat (limited to 'src/components/table')
-rw-r--r-- | src/components/table/cell.rs | 32 | ||||
-rw-r--r-- | src/components/table/header.rs | 37 | ||||
-rw-r--r-- | src/components/table/items.rs | 32 | ||||
-rw-r--r-- | src/components/table/mod.rs | 37 | ||||
-rw-r--r-- | src/components/table/row.rs | 33 |
5 files changed, 171 insertions, 0 deletions
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> + } +} |