aboutsummaryrefslogtreecommitdiff
path: root/src/components/navigation_menu
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/navigation_menu')
-rw-r--r--src/components/navigation_menu/menu_header.rs32
-rw-r--r--src/components/navigation_menu/menu_item.rs43
-rw-r--r--src/components/navigation_menu/menu_items.rs32
-rw-r--r--src/components/navigation_menu/mod.rs38
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>
+ }
+}