diff options
Diffstat (limited to 'src/components/navigation_menu')
-rw-r--r-- | src/components/navigation_menu/menu_header.rs | 32 | ||||
-rw-r--r-- | src/components/navigation_menu/menu_item.rs | 43 | ||||
-rw-r--r-- | src/components/navigation_menu/menu_items.rs | 32 | ||||
-rw-r--r-- | src/components/navigation_menu/mod.rs | 38 |
4 files changed, 145 insertions, 0 deletions
diff --git a/src/components/navigation_menu/menu_header.rs b/src/components/navigation_menu/menu_header.rs new file mode 100644 index 0000000..6c5f4e6 --- /dev/null +++ b/src/components/navigation_menu/menu_header.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(MenuHeader)] +pub fn menu_header(props: &Props) -> Html { + html! { + <div class={"header"}> + {props.children.clone()} + </div> + } +} diff --git a/src/components/navigation_menu/menu_item.rs b/src/components/navigation_menu/menu_item.rs new file mode 100644 index 0000000..cd03c01 --- /dev/null +++ b/src/components/navigation_menu/menu_item.rs @@ -0,0 +1,43 @@ +/* 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 yew_router::prelude::*; +use yew_icons::{Icon, IconId}; + +use crate::app::Route; + +#[derive(Properties, PartialEq)] +pub struct Props { + pub label: String, + pub icon: IconId, + pub to: Route, +} + +#[function_component(MenuItem)] +pub fn menu_item(props: &Props) -> Html { + html! { + <Link<Route> classes={classes!("menu-item")} to={props.to.clone()}> + <div class={"logo"}> + <Icon icon_id={props.icon} /> + </div> + <div class={"label"}> + {props.label.clone()} + </div> + </Link<Route>> + } +} diff --git a/src/components/navigation_menu/menu_items.rs b/src/components/navigation_menu/menu_items.rs new file mode 100644 index 0000000..efab75e --- /dev/null +++ b/src/components/navigation_menu/menu_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(MenuItems)] +pub fn menu_items(props: &Props) -> Html { + html! { + <div class={"items-wrapper"}> + {props.children.clone()} + </div> + } +} diff --git a/src/components/navigation_menu/mod.rs b/src/components/navigation_menu/mod.rs new file mode 100644 index 0000000..58ceec7 --- /dev/null +++ b/src/components/navigation_menu/mod.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/>. + */ + +pub mod menu_header; +pub mod menu_items; +pub mod menu_item; + +use yew::prelude::*; + +#[derive(Properties, PartialEq)] +pub struct Props { + pub children: Children, +} + +#[function_component(NavigationMenu)] +pub fn navigation_menu(props: &Props) -> Html { + html! { + <div class={"menu-wrapper"}> + <div class={"menu"}> + {props.children.clone()} + </div> + </div> + } +} |