Amatsugu/AobaV2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

misc

Browse Source
This commit is contained in:
Amatsugu
2025-05-29 21:27:15 -04:00
parent 0de755cfc9
commit adf682a981
12 changed files with 59 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
AobaClient/src/components/basic/button.rs
View File

@@ -19,10 +19,10 @@ pub fn Button(props: ButtonProps) -> Element {
rsx! {
button {
onclick: move |event| {
event.prevent_default();
if let Some(h) = props.onclick {
h.call(event);
}
event.prevent_default();
if let Some(h) = props.onclick {
h.call(event);
}
},
"{props.text}"
}

14
AobaClient/src/components/basic/input.rs
View File

@@ -17,14 +17,18 @@ pub fn Input(props: InputProps) -> Element {
let ph = props.placeholder.unwrap_or(label.clone());
rsx! {
label {
"{label}",
"{label}"
input {
type : props.r#type.unwrap_or("text".into()),
r#type: props.r#type.unwrap_or("text".into()),
value: props.value,
oninput: move |e| if let Some(mut s) = props.value { s.set(e.value()); },
oninput: move |e| {
if let Some(mut s) = props.value {
s.set(e.value());
}
},
name: props.name,
placeholder:ph,
required: props.required
placeholder: ph,
required: props.required,
}
}
}

15
AobaClient/src/components/media_grid.rs
View File

@@ -49,7 +49,7 @@ pub fn MediaGrid(props: MediaGridProps) -> Element {
match media_result.cloned() {
Some(value) => match value {
Ok(result) => rsx! {
div{
div {
class: "mediaGrid",
{result.items.iter().map(|itm| rsx!{
MediaItem { item: itm.clone() }
@@ -57,7 +57,7 @@ pub fn MediaGrid(props: MediaGridProps) -> Element {
}
},
Err(msg) => rsx! {
div{
div {
class: "mediaGrid",
div {
"Failed to load results: {msg}"
@@ -69,18 +69,9 @@ pub fn MediaGrid(props: MediaGridProps) -> Element {
div{
class: "mediaGrid",
div {
"No results could be loaded"
"Loading..."
}
}
},
}
}
pub fn Nested() -> Element {
rsx! {
div{
"test",
slot { }
}
}
}

26
AobaClient/src/components/media_item.rs
View File

@@ -15,25 +15,13 @@ pub fn MediaItem(props: MediaItemProps) -> Element {
let src = format!("{HOST}/m/thumb/{id}");
rsx! {
a{
class: "mediaItem",
href: "{HOST}/m/{id}",
target: "_blank",
img{ src: src }
span {
class: "info",
span{
class: "name",
"{filename}"
},
span{
class: "details",
span{
"{mtype}"
},
span{
"{props.item.view_count}"
},
a { class: "mediaItem", href: "{HOST}/m/{id}", target: "_blank",
img { src }
span { class: "info",
span { class: "name", "{filename}" }
span { class: "details",
span { "{mtype}" }
span { "{props.item.view_count}" }
}
}
}

9
AobaClient/src/components/navbar.rs
View File

@@ -32,7 +32,7 @@ pub fn MainNaviagation() -> Element {
pub fn Branding() -> Element {
rsx! {
div { class: "branding",
img {src: NAV_ICON, alt: "Aoba"}
img { src: NAV_ICON, alt: "Aoba" }
}
}
}
@@ -50,10 +50,7 @@ pub fn Utils() -> Element {
rsx! {
div { class: "utils",
div{
onclick: move |_| auth_context.logout(),
"Logout"
}
}
div { onclick: move |_| auth_context.logout(), "Logout" }
}
}
}

17
AobaClient/src/components/notif.rs
View File

@@ -25,20 +25,15 @@ pub fn Notif(props: NotifProps) -> Element {
};
let m = props.message;
rsx! {
div{
class: "notif {type_class}",
div{
class: "icon",
div { class: "notif {type_class}",
div { class: "icon",
match t {
NotifType::Notice => icons::Error(),
NotifType::Error => icons::Error(),
NotifType::Warning => icons::Warn(),
NotifType::Notice => icons::Error(),
NotifType::Error => icons::Error(),
NotifType::Warning => icons::Warn(),
}
}
div{
class: "message",
"{m}"
}
div { class: "message", "{m}" }
}
}
}

7
AobaClient/src/components/search.rs
View File

@@ -3,13 +3,12 @@ use dioxus::prelude::*;
#[component]
pub fn Search(query: Signal<String>) -> Element {
rsx! {
div{
class: "searchBar stickyTop",
div { class: "searchBar stickyTop",
input {
type: "search",
r#type: "search",
placeholder: "Search Files",
value: query,
oninput: move |event| query.set(event.value())
oninput: move |event| query.set(event.value()),
}
}
}

9
AobaClient/src/layouts/main_layout.rs
View File

@@ -7,14 +7,13 @@ pub fn MainLayout() -> Element {
let auth_context = use_context::<AuthContext>();
if auth_context.jwt.cloned().is_none() {
return rsx! { Login { } };
return rsx! {
Login {}
};
}
return rsx! {
Navbar {}
div{
id: "content",
Outlet::<Route> {}
}
div { id: "content", Outlet::<Route> {} }
};
}

2
AobaClient/src/main.rs
View File

@@ -40,6 +40,6 @@ fn App() -> Element {
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap",
}
Router::<Route> { }
Router::<Route> {}
}
}

4
AobaClient/src/views/home.rs
View File

@@ -6,9 +6,7 @@ pub fn Home() -> Element {
let query = use_signal(|| "".to_string());
rsx! {
Search {
query: query
},
Search { query }
MediaGrid { query: query.cloned() }
}
}

26
AobaClient/src/views/login.rs
View File

@@ -52,18 +52,26 @@ pub fn Login() -> Element {
};
rsx! {
div{
id: "centralModal",
div { id: "centralModal",
if let Some(err) = error.cloned() {
Notif{ type: NotifType::Error, message: err}
Notif { r#type: NotifType::Error, message: err }
}
form{
Input { type : "text", name: "username", label: "Username", value: username, required: true },
Input { type : "password", name: "password", label: "Password", value: password, required: true },
button {
onclick: login,
"Login!",
form {
Input {
r#type: "text",
name: "username",
label: "Username",
value: username,
required: true,
}
Input {
r#type: "password",
name: "password",
label: "Password",
value: password,
required: true,
}
button { onclick: login, "Login!" }
}
}
}

5
AobaClient/src/views/settings.rs
View File

@@ -25,10 +25,7 @@ pub fn Settings() -> Element {
rsx! {
"this is settings"
div {
pre {
class: "codeSelect",
"{d}"
}
pre { class: "codeSelect", "{d}" }
}
}
}