add aspnet server

client/src/views/home.rs

@@ -0,0 +1,8 @@
+use crate::components::playback::Player;
+use dioxus::prelude::*;
+#[component]
+pub fn Home() -> Element {
+	rsx! {
+		Player{}
+	}
+}

client/src/views/mod.rs

@@ -0,0 +1,7 @@
+mod home;
+pub use home::*;
+
+mod navbar;
+pub use navbar::*;
+mod settings;
+pub use settings::*;

client/src/views/navbar.rs

@@ -0,0 +1,68 @@
+use crate::{env::APP_VERSION, route::Route};
+use dioxus::prelude::*;
+const NAV_CSS: Asset = asset!("/assets/styling/navbar.scss");
+
+#[component]
+pub fn NavLayout() -> Element {
+	rsx! {
+
+		Navbar {  }
+		div {
+			id: "content",
+			Outlet::<Route> {}
+		}
+	}
+}
+
+const NAV_ICON: Asset = asset!("/assets/favicon.ico");
+
+#[component]
+pub fn Navbar() -> Element {
+	rsx! {
+		document::Link { rel: "stylesheet", href: NAV_CSS }
+		nav {
+			Branding {}
+			MainNaviagation {}
+			Widgets {}
+			Utils {}
+		}
+	}
+}
+
+#[component]
+pub fn MainNaviagation() -> Element {
+	rsx! {
+		div { class: "mainNav",
+			Link { class: "navItem", to: Route::Home { }, "Home" }
+			Link { class: "navItem", to: Route::Settings {}, "Settings" }
+		}
+	}
+}
+
+#[component]
+pub fn Branding() -> Element {
+	rsx! {
+		div { class: "branding",
+			img { src: NAV_ICON, alt: "Aoba" }
+		}
+	}
+}
+
+#[component]
+pub fn Widgets() -> Element {
+	rsx! {
+		div { class: "widgets" }
+	}
+}
+
+#[component]
+pub fn Utils() -> Element {
+	// let mut auth_context = use_context::<AuthContext>();
+	let version = APP_VERSION;
+	rsx! {
+		div { class: "utils",
+			div { "{version}" }
+			div { /*onclick: move |_| auth_context.logout(),*/ "Logout" }
+		}
+	}
+}

client/src/views/settings.rs

@@ -0,0 +1,8 @@
+use dioxus::prelude::*;
+
+#[component]
+pub fn Settings() -> Element {
+	rsx! {
+		"Settings"
+	}
+}