180 lines
7.4 KiB
Rust
180 lines
7.4 KiB
Rust
use leptos::*;
|
|
use leptos_router::*;
|
|
use crate::{app::FeedRoute, prelude::*, FALLBACK_IMAGE_URL};
|
|
|
|
use apb::{ActivityMut, Actor, Base, Object, ObjectMut, Shortcuts};
|
|
|
|
#[component]
|
|
pub fn ActorHeader() -> impl IntoView {
|
|
let params = use_params::<IdParam>();
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
let matched_route = use_context::<ReadSignal<crate::app::FeedRoute>>().expect("missing route context");
|
|
let actor = create_local_resource(
|
|
move || params.get().ok().and_then(|x| x.id).unwrap_or_default(),
|
|
move |id| {
|
|
async move {
|
|
match cache::OBJECTS.get(&Uri::full(U::Actor, &id)) {
|
|
Some(x) => Some(x.clone()),
|
|
None => {
|
|
let user = cache::OBJECTS.resolve(&id, U::Actor, auth).await?;
|
|
if let Ok(url) = user.url().id() {
|
|
cache::WEBFINGER.store(&url, user.id().unwrap_or_default().to_string());
|
|
}
|
|
Some(user)
|
|
},
|
|
}
|
|
}
|
|
}
|
|
);
|
|
move || match actor.get() {
|
|
None => view! { <Loader /> }.into_view(),
|
|
Some(None) => view! { <code class="center cw color">"could not resolve user"</code> }.into_view(),
|
|
Some(Some(actor)) => {
|
|
let avatar_url = actor.icon_url().unwrap_or(FALLBACK_IMAGE_URL.into());
|
|
let background_url = actor.image_url().unwrap_or(FALLBACK_IMAGE_URL.into());
|
|
let username = actor.preferred_username().unwrap_or_default().to_string();
|
|
let name = actor.name().unwrap_or(username.clone());
|
|
let created = actor.published().ok();
|
|
let following_me = actor.following_me().unwrap_or(false);
|
|
let followed_by_me = actor.followed_by_me().unwrap_or(false);
|
|
let domain = actor.id().unwrap_or_default().replace("https://", "").split('/').next().unwrap_or_default().to_string();
|
|
let actor_type = actor.actor_type().unwrap_or(apb::ActorType::Person);
|
|
let actor_type_tag = if actor_type == apb::ActorType::Person { None } else {
|
|
Some(view! { <sup class="ml-s"><small>"["{actor_type.as_ref().to_lowercase()}"]"</small></sup> } )
|
|
};
|
|
let fields = actor.attachment()
|
|
.flat()
|
|
.into_iter()
|
|
.filter_map(|x| x.into_inner().ok())
|
|
.map(|x| view! {
|
|
<tr>
|
|
<td class="w-25"><b class="color">{x.name().unwrap_or_default()}</b></td>
|
|
<td class="w-75" inner_html={mdhtml::safe_html(&x.value().unwrap_or_default())}></td>
|
|
</tr>
|
|
})
|
|
.collect_view();
|
|
let uid = actor.id().unwrap_or_default().to_string();
|
|
let web_path = Uri::web(U::Actor, &uid);
|
|
let _uid = uid.clone();
|
|
view! {
|
|
<div class="ml-3 mr-3">
|
|
<div
|
|
class="banner"
|
|
style={format!("background: center / cover url({background_url});")}
|
|
>
|
|
<div style="height: 10em"></div> // TODO bad way to have it fixed height ewwww
|
|
</div>
|
|
<div class="overlap">
|
|
<div class="pl-1 pr-1" style="display: flex">
|
|
<img class="avatar avatar-border mr-s" src={avatar_url} style="height: 7em; width: 7em" onerror={format!("this.onerror=null; this.src='{FALLBACK_IMAGE_URL}';")} />
|
|
|
|
<div class="ma-s">
|
|
<p class="line shadow">
|
|
<span class="emoji mr-s">"\u{1f582}"</span><small>{actor.statuses_count().unwrap_or_default()}</small>
|
|
<span class="emoji ml-1 mr-s">"👥"</span><small>{actor.following_count().unwrap_or_default()}</small>
|
|
<span class="emoji ml-1 mr-s">"📢"</span><small>{actor.followers_count().unwrap_or_default()}</small>
|
|
</p>
|
|
<p class="line pt-1"><b class="big mt-1">{name}</b>{actor_type_tag}</p>
|
|
<p class="line"><small><a class="clean hover" href={uid.clone()} target="_blank">{username.clone()}@{domain}</a></small></p>
|
|
<p class="line"><DateTime t=created /></p>
|
|
</div>
|
|
<div class="ma-s pt-3 rev" style="flex-grow: 1; white-space: nowrap;">
|
|
</div>
|
|
</div>
|
|
<div class="mr-1 ml-1" class:hidden=move || !auth.present() || auth.user_id() == uid>
|
|
{if following_me {
|
|
Some(view! {
|
|
<a class="clean dim" href="#remove" on:click=move |_| tracing::error!("not yet implemented")>
|
|
<span class="border-button ml-s" title="remove follower (not yet implemented)">
|
|
<code class="color mr-s">"!"</code>
|
|
<small class="mr-s">follows you</small>
|
|
</span>
|
|
</a>
|
|
})
|
|
} else {
|
|
None
|
|
}}
|
|
{if followed_by_me {
|
|
view! {
|
|
<a class="clean dim" href="#unfollow" on:click=move |_| unfollow(_uid.clone())>
|
|
<span class="border-button ml-s" title="undo follow">
|
|
<code class="color mr-s">x</code>
|
|
<small class="mr-s">following</small>
|
|
</span>
|
|
</a>
|
|
}.into_view()
|
|
} else {
|
|
view! {
|
|
<a class="clean dim" href="#follow" on:click=move |_| send_follow_request(_uid.clone())>
|
|
<span class="border-button ml-s" title="send follow request">
|
|
<code class="color mr-s">+</code>
|
|
<small class="mr-s">follow</small>
|
|
</span>
|
|
</a>
|
|
}.into_view()
|
|
}}
|
|
</div>
|
|
</div>
|
|
<p class="mb-2 mt-0 center bio" inner_html={mdhtml::safe_html(&actor.summary().unwrap_or_default())}></p>
|
|
<p class="center">
|
|
<table class="fields center w-100 pa-s" style="margin: auto; table-layout: fixed;">{fields}</table>
|
|
</p>
|
|
</div>
|
|
<p class="mt-2">
|
|
<span class:tab-active=move || matches!(matched_route.get(), FeedRoute::User)>
|
|
<a class="clean" href=web_path.clone()><span class="emoji">"🖂 "</span>"outbox"</a>
|
|
</span>
|
|
<span class="ml-1" style="float: right" class:tab-active=move || matches!(matched_route.get(), FeedRoute::Followers)>
|
|
<a class="clean" href=format!("{web_path}/followers")><span class="emoji">"📢"</span><span class:hidden-on-mobile=move || !matches!(matched_route.get(), FeedRoute::Followers)>" followers"</span></a>
|
|
</span>
|
|
<span class="ml-1" style="float: right" class:tab-active=move || matches!(matched_route.get(), FeedRoute::Following)>
|
|
<a class="clean" href=format!("{web_path}/following")><span class="emoji">"👥"</span><span class:hidden-on-mobile=move || !matches!(matched_route.get(), FeedRoute::Following)>" following"</span></a>
|
|
</span>
|
|
</p>
|
|
<hr class="color" />
|
|
<Outlet />
|
|
}.into_view()
|
|
},
|
|
}
|
|
}
|
|
|
|
#[allow(unused)]
|
|
async fn send_follow_response(kind: apb::ActivityType, target: String, to: String, auth: Auth) {
|
|
let payload = apb::new()
|
|
.set_activity_type(Some(kind))
|
|
.set_object(apb::Node::link(target))
|
|
.set_to(apb::Node::links(vec![to]));
|
|
if let Err(e) = Http::post(&auth.outbox(), &payload, auth).await {
|
|
tracing::error!("failed posting follow response: {e}");
|
|
}
|
|
}
|
|
|
|
fn send_follow_request(target: String) {
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
spawn_local(async move {
|
|
let payload = apb::new()
|
|
.set_activity_type(Some(apb::ActivityType::Follow))
|
|
.set_object(apb::Node::link(target.clone()))
|
|
.set_to(apb::Node::links(vec![target]));
|
|
if let Err(e) = Http::post(&auth.outbox(), &payload, auth).await {
|
|
tracing::error!("failed sending follow request: {e}");
|
|
}
|
|
})
|
|
}
|
|
|
|
fn unfollow(target: String) {
|
|
let auth = use_context::<Auth>().expect("missing auth context");
|
|
spawn_local(async move {
|
|
let payload = apb::new()
|
|
.set_activity_type(Some(apb::ActivityType::Undo))
|
|
.set_to(apb::Node::links(vec![target.clone()]))
|
|
.set_object(apb::Node::object(
|
|
apb::new()
|
|
.set_activity_type(Some(apb::ActivityType::Follow))
|
|
.set_object(apb::Node::link(target))
|
|
));
|
|
if let Err(e) = Http::post(&auth.outbox(), &payload, auth).await {
|
|
tracing::error!("failed sending follow request: {e}");
|
|
}
|
|
})
|
|
}
|