From 2fdcb7c79e8333c0fa9c14e34da5eaebe96e32b4 Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Wed, 30 Aug 2023 01:06:39 +0530 Subject: first commit --- src/components/mod.rs | 19 ++++++++++++ src/components/navbar/mod.rs | 42 +++++++++++++++++++++++++ src/components/navbar/nav_link.rs | 44 +++++++++++++++++++++++++++ src/components/navigation_menu/menu_header.rs | 32 +++++++++++++++++++ src/components/navigation_menu/menu_item.rs | 43 ++++++++++++++++++++++++++ src/components/navigation_menu/menu_items.rs | 32 +++++++++++++++++++ src/components/navigation_menu/mod.rs | 38 +++++++++++++++++++++++ 7 files changed, 250 insertions(+) create mode 100644 src/components/mod.rs create mode 100644 src/components/navbar/mod.rs create mode 100644 src/components/navbar/nav_link.rs create mode 100644 src/components/navigation_menu/menu_header.rs create mode 100644 src/components/navigation_menu/menu_item.rs create mode 100644 src/components/navigation_menu/menu_items.rs create mode 100644 src/components/navigation_menu/mod.rs (limited to 'src/components') diff --git a/src/components/mod.rs b/src/components/mod.rs new file mode 100644 index 0000000..f185cc7 --- /dev/null +++ b/src/components/mod.rs @@ -0,0 +1,19 @@ +/* openbills-web - Web client for Libre Billing Software + * Copyright (C) 2023 Vidhu Kant Sharma + * + * 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 . + */ + +pub mod navbar; +pub mod navigation_menu; diff --git a/src/components/navbar/mod.rs b/src/components/navbar/mod.rs new file mode 100644 index 0000000..3aaeb72 --- /dev/null +++ b/src/components/navbar/mod.rs @@ -0,0 +1,42 @@ +/* openbills-web - Web client for Libre Billing Software + * Copyright (C) 2023 Vidhu Kant Sharma + * + * 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 . + */ + +mod nav_link; + +use yew::prelude::*; +use yew_router::prelude::*; + +use crate::app::Route; + +#[function_component(Navbar)] +pub fn navbar() -> Html { + html! { +
+
+ + to={Route::Home}> + OpenBills Web Client Logo + > + + + +
+
+ } +} diff --git a/src/components/navbar/nav_link.rs b/src/components/navbar/nav_link.rs new file mode 100644 index 0000000..3930d71 --- /dev/null +++ b/src/components/navbar/nav_link.rs @@ -0,0 +1,44 @@ +/* openbills-web - Web client for Libre Billing Software + * Copyright (C) 2023 Vidhu Kant Sharma + * + * 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 . + */ + +use yew::prelude::*; +use yew_router::prelude::*; + +use crate::app::Route; + +#[derive(Properties, PartialEq)] +pub struct Props { + pub label: String, + pub to: Route, +} + +#[function_component(NavLink)] +pub fn nav_link(props: &Props) -> Html { + let route = use_route::().unwrap_or_default(); + + let classes = if route == props.to { + classes!("active") + } else { + classes!("") + }; + + html! { + classes={classes} to={props.to.clone()}> + {props.label.clone()} + > + } +} 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 + * + * 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 . + */ + +use yew::prelude::*; + +#[derive(Properties, PartialEq)] +pub struct Props { + pub children: Children, +} + +#[function_component(MenuHeader)] +pub fn menu_header(props: &Props) -> Html { + html! { +
+ {props.children.clone()} +
+ } +} 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 + * + * 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 . + */ + +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! { + classes={classes!("menu-item")} to={props.to.clone()}> +
+ +
+
+ {props.label.clone()} +
+ > + } +} 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 + * + * 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 . + */ + +use yew::prelude::*; + +#[derive(Properties, PartialEq)] +pub struct Props { + pub children: Children, +} + +#[function_component(MenuItems)] +pub fn menu_items(props: &Props) -> Html { + html! { +
+ {props.children.clone()} +
+ } +} 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 + * + * 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 . + */ + +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! { +
+
+ {props.children.clone()} +
+
+ } +} -- cgit v1.2.3