forked from alemi/upub
feat: stupid simple routing to view users
This commit is contained in:
parent
3808d09976
commit
639a982bd0
GPG key ID:
A4895B84D311642C
2 changed files with 54 additions and 14 deletions
|
|
@ -3,6 +3,7 @@ use std::sync::Arc;
|
|||
use apb::{target::Addressed, Activity, ActivityMut, Actor, Base, Collection, Object, ObjectMut};
|
||||
use dashmap::DashMap;
|
||||
use leptos::{leptos_dom::logging::console_log, *};
|
||||
use leptos_router::use_params_map;
|
||||
|
||||
pub const BASE_URL: &str = "https://feditest.alemi.dev";
|
||||
|
||||
|
|
@ -21,8 +22,9 @@ pub fn LoginBox(
|
|||
let password_ref: NodeRef<html::Input> = create_node_ref();
|
||||
view! {
|
||||
<div>
|
||||
<div class:hidden=move || { rx.get().unwrap_or_default().is_empty() }>
|
||||
<input type="submit" value="logout" on:click=move |_| {
|
||||
<div class="w-100" class:hidden=move || { rx.get().unwrap_or_default().is_empty() }>
|
||||
"Hello "<a href="/users/test" >test</a>
|
||||
<input style="float:right" type="submit" value="logout" on:click=move |_| {
|
||||
tx.set(None);
|
||||
} />
|
||||
</div>
|
||||
|
|
@ -98,17 +100,15 @@ pub fn TimelinePicker(
|
|||
let (my_in, my_out, our_in, our_out) = targets.clone();
|
||||
let (my_in_, my_out_, our_in_, our_out_) = targets;
|
||||
view! {
|
||||
<p>
|
||||
<input type="submit" class:active=move || rx.get() == my_in_ on:click=move |_| tx.set(my_in.clone()) value="my inbox" />
|
||||
<input type="submit" class:active=move || rx.get() == my_out_ on:click=move |_| tx.set(my_out.clone()) value="my outbox" />
|
||||
<input type="submit" class:active=move || rx.get() == our_in_ on:click=move |_| tx.set(our_in.clone()) value="global inbox" />
|
||||
<input type="submit" class:active=move || rx.get() == our_out_ on:click=move |_| tx.set(our_out.clone()) value="global outbox" />
|
||||
</p>
|
||||
<input type="submit" class:active=move || rx.get() == my_in_ on:click=move |_| tx.set(my_in.clone()) value="my inbox" />
|
||||
<input type="submit" class:active=move || rx.get() == my_out_ on:click=move |_| tx.set(my_out.clone()) value="my outbox" />
|
||||
<input type="submit" class:active=move || rx.get() == our_in_ on:click=move |_| tx.set(our_in.clone()) value="global inbox" />
|
||||
<input type="submit" class:active=move || rx.get() == our_out_ on:click=move |_| tx.set(our_out.clone()) value="global outbox" />
|
||||
}
|
||||
}
|
||||
|
||||
#[component]
|
||||
pub fn Actor(object: serde_json::Value) -> impl IntoView {
|
||||
pub fn ActorBanner(object: serde_json::Value) -> impl IntoView {
|
||||
match object {
|
||||
serde_json::Value::String(id) => view! {
|
||||
<div><b>{id}</b></div>
|
||||
|
|
@ -138,6 +138,46 @@ pub fn Actor(object: serde_json::Value) -> impl IntoView {
|
|||
}
|
||||
}
|
||||
|
||||
#[component]
|
||||
pub fn Actor() -> impl IntoView {
|
||||
let params = use_params_map();
|
||||
let actor = create_local_resource(move || params.get().get("id").cloned().unwrap_or_default(), |uid| {
|
||||
async move {
|
||||
reqwest::get(format!("{BASE_URL}/users/{uid}"))
|
||||
.await
|
||||
.unwrap()
|
||||
.json::<serde_json::Value>()
|
||||
.await
|
||||
.unwrap()
|
||||
}
|
||||
});
|
||||
view! {
|
||||
{move || match actor.get() {
|
||||
None => view! { <p>loading...</p> }.into_view(),
|
||||
Some(x) => view! {
|
||||
<div class="ml-3 mr-3 mt-3">
|
||||
<ActorBanner object=x.clone() />
|
||||
<p
|
||||
class="center pb-2 pt-2 pr-2 pl-2"
|
||||
style={format!(
|
||||
"background-image: url({}); background-size: cover;",
|
||||
x.image().get().map(|x| x.url().id().unwrap_or_default()).unwrap_or_default()
|
||||
)}
|
||||
>
|
||||
<b>{x.actor_type().unwrap_or(apb::ActorType::Person).as_ref().to_string()}</b>
|
||||
</p>
|
||||
<p><small>{x.summary().unwrap_or("").to_string()}</small></p>
|
||||
<ul>
|
||||
<li><code>following</code>" "<b>{x.following().get().map(|x| x.total_items().unwrap_or(0))}</b></li>
|
||||
<li><code>followers</code>" "<b>{x.followers().get().map(|x| x.total_items().unwrap_or(0))}</b></li>
|
||||
<li><code>created</code>" "{x.published().map(|x| x.to_rfc3339())}</li>
|
||||
</ul>
|
||||
</div>
|
||||
}.into_view(),
|
||||
}}
|
||||
}
|
||||
}
|
||||
|
||||
#[component]
|
||||
pub fn Activity(activity: serde_json::Value) -> impl IntoView {
|
||||
let object = activity.clone().object().extract().unwrap_or_else(||
|
||||
|
|
@ -211,8 +251,8 @@ pub fn Timeline(
|
|||
serde_json::Value::String(object.actor().id().unwrap_or_default())
|
||||
);
|
||||
view! {
|
||||
<div class="post-card ml-1 mr-1">
|
||||
<Actor object=actor />
|
||||
<div class="post-card ml-1 mr-1 mt-1">
|
||||
<ActorBanner object=actor />
|
||||
<Activity activity=object.clone() />
|
||||
</div>
|
||||
<hr/ >
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ use leptos_router::*;
|
|||
|
||||
use leptos_use::{use_cookie, utils::FromToStringCodec};
|
||||
use upub_web::{
|
||||
LoginBox, PostBox, Timeline
|
||||
Actor, LoginBox, PostBox, Timeline
|
||||
};
|
||||
|
||||
fn main() {
|
||||
|
|
@ -15,7 +15,7 @@ fn main() {
|
|||
<nav class="w-100">
|
||||
<p>
|
||||
<code>μpub</code>
|
||||
<small class="ml-1 mr-1" ><a class="clean" href="/web" >micro social network, federated</a></small>
|
||||
<small class="ml-1 mr-1" ><a class="clean" href="/" >micro social network, federated</a></small>
|
||||
/* TODO kinda jank with the float but whatever, will do for now */
|
||||
<small style="float: right" ><a href="https://git.alemi.dev/upub.git" >src</a></small>
|
||||
</p>
|
||||
|
|
@ -37,7 +37,7 @@ fn main() {
|
|||
<main>
|
||||
<Routes>
|
||||
<Route path="/" view=move || view! { <Timeline token=cookie /> } />
|
||||
// <Route path="/user/:id" view=Actor />
|
||||
<Route path="/users/:id" view=Actor />
|
||||
// <Route path="/object/:id" view=Object />
|
||||
</Routes>
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Reference in a new issue