mirror of
https://github.com/Nutomic/ibis.git
synced 2024-11-25 19:11:08 +00:00
Merge branch 'dessalines-add_leptosfmt'
This commit is contained in:
commit
706713be9d
25 changed files with 703 additions and 482 deletions
2
.leptosfmt.toml
Normal file
2
.leptosfmt.toml
Normal file
|
@ -0,0 +1,2 @@
|
|||
max_width = 100
|
||||
attr_value_brace_style = "WhenRequired" # "Always", "AlwaysUnlessLit", "WhenRequired" or "Preserve"
|
|
@ -1,5 +1,6 @@
|
|||
variables:
|
||||
- &rust_image "rust:1.75"
|
||||
- &install_binstall "wget https://github.com/cargo-bins/cargo-binstall/releases/latest/download/cargo-binstall-x86_64-unknown-linux-musl.tgz && tar -xvf cargo-binstall-x86_64-unknown-linux-musl.tgz && cp cargo-binstall /usr/local/cargo/bin"
|
||||
|
||||
steps:
|
||||
cargo_fmt:
|
||||
|
@ -10,6 +11,20 @@ steps:
|
|||
commands:
|
||||
- rustup component add rustfmt
|
||||
- cargo +nightly fmt -- --check
|
||||
|
||||
leptos_fmt:
|
||||
image: *rust_image
|
||||
commands:
|
||||
- *install_binstall
|
||||
- cargo binstall -y leptosfmt
|
||||
- leptosfmt -c .leptosfmt.toml --check src
|
||||
when:
|
||||
- event: pull_request
|
||||
|
||||
toml_fmt:
|
||||
image: tamasfe/taplo:0.8.1
|
||||
commands:
|
||||
- taplo format --check
|
||||
when:
|
||||
- event: pull_request
|
||||
|
||||
|
|
2
Cargo.lock
generated
2
Cargo.lock
generated
|
@ -1587,7 +1587,7 @@ dependencies = [
|
|||
|
||||
[[package]]
|
||||
name = "ibis"
|
||||
version = "0.1.0"
|
||||
version = "0.1.1"
|
||||
dependencies = [
|
||||
"activitypub_federation",
|
||||
"anyhow",
|
||||
|
|
|
@ -45,7 +45,7 @@ diesel = { version = "2.1.4", features = [
|
|||
"postgres",
|
||||
"chrono",
|
||||
"uuid",
|
||||
"r2d2"
|
||||
"r2d2",
|
||||
], optional = true }
|
||||
diesel-derive-newtype = { version = "2.1.0", optional = true }
|
||||
diesel_migrations = { version = "2.1.0", optional = true }
|
||||
|
|
|
@ -13,16 +13,19 @@ use leptos_router::*;
|
|||
pub fn ArticleNav(article: Resource<Option<String>, ArticleView>) -> impl IntoView {
|
||||
view! {
|
||||
<Suspense>
|
||||
{move || article.get().map(|article_| {
|
||||
let instance = create_local_resource(move || article_.article.instance_id, move |instance_id| async move {
|
||||
{move || {
|
||||
article
|
||||
.get()
|
||||
.map(|article_| {
|
||||
let instance = create_local_resource(
|
||||
move || article_.article.instance_id,
|
||||
move |instance_id| async move {
|
||||
let form = GetInstance {
|
||||
id: Some(instance_id)
|
||||
id: Some(instance_id),
|
||||
};
|
||||
GlobalState::api_client()
|
||||
.get_instance(&form)
|
||||
.await
|
||||
.unwrap()
|
||||
});
|
||||
GlobalState::api_client().get_instance(&form).await.unwrap()
|
||||
},
|
||||
);
|
||||
let global_state = use_context::<RwSignal<GlobalState>>().unwrap();
|
||||
let article_link = article_link(&article_.article);
|
||||
let article_link_ = article_link.clone();
|
||||
|
@ -30,24 +33,40 @@ pub fn ArticleNav(article: Resource<Option<String>, ArticleView>) -> impl IntoVi
|
|||
view! {
|
||||
<nav class="inner">
|
||||
<A href=article_link.clone()>"Read"</A>
|
||||
<A href={format!("{article_link}/history")}>"History"</A>
|
||||
<Show when=move || global_state.with(|state| {
|
||||
let is_admin = state.my_profile.as_ref().map(|p| p.local_user.admin).unwrap_or(false);
|
||||
state.my_profile.is_some() && can_edit_article(&article_.article, is_admin).is_ok()
|
||||
})>
|
||||
<A href={format!("{article_link}/edit")}>"Edit"</A>
|
||||
<A href=format!("{article_link}/history")>"History"</A>
|
||||
<Show when=move || {
|
||||
global_state
|
||||
.with(|state| {
|
||||
let is_admin = state
|
||||
.my_profile
|
||||
.as_ref()
|
||||
.map(|p| p.local_user.admin)
|
||||
.unwrap_or(false);
|
||||
state.my_profile.is_some()
|
||||
&& can_edit_article(&article_.article, is_admin).is_ok()
|
||||
})
|
||||
}>
|
||||
<A href=format!("{article_link}/edit")>"Edit"</A>
|
||||
</Show>
|
||||
<Show when=move || global_state.with(|state| state.my_profile.is_some())>
|
||||
<A href={format!("{article_link_}/actions")}>"Actions"</A>
|
||||
{instance.get().map(|i|
|
||||
<A href=format!("{article_link_}/actions")>"Actions"</A>
|
||||
{instance
|
||||
.get()
|
||||
.map(|i| {
|
||||
view! { <InstanceFollowButton instance=i.instance.clone()/> }
|
||||
)}
|
||||
})}
|
||||
|
||||
</Show>
|
||||
<Show when=move || protected>
|
||||
<span title="Article can only be edited by local admins">"Protected"</span>
|
||||
<span title="Article can only be edited by local admins">
|
||||
"Protected"
|
||||
</span>
|
||||
</Show>
|
||||
</nav>
|
||||
}})}
|
||||
}
|
||||
})
|
||||
}}
|
||||
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -27,6 +27,7 @@ pub fn CredentialsForm(
|
|||
view! { <p style="color:red;">{err}</p> }
|
||||
})
|
||||
}}
|
||||
|
||||
<input
|
||||
type="text"
|
||||
required
|
||||
|
@ -36,11 +37,13 @@ pub fn CredentialsForm(
|
|||
let val = event_target_value(&ev);
|
||||
set_username.update(|v| *v = val);
|
||||
}
|
||||
|
||||
on:change=move |ev| {
|
||||
let val = event_target_value(&ev);
|
||||
set_username.update(|v| *v = val);
|
||||
}
|
||||
/>
|
||||
|
||||
<input
|
||||
type="password"
|
||||
required
|
||||
|
@ -57,15 +60,18 @@ pub fn CredentialsForm(
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
on:change=move |ev| {
|
||||
let val = event_target_value(&ev);
|
||||
set_password.update(|p| *p = val);
|
||||
}
|
||||
/>
|
||||
|
||||
<div>
|
||||
<button
|
||||
prop:disabled=move || button_is_disabled.get()
|
||||
on:click=move |_| dispatch_action()>
|
||||
on:click=move |_| dispatch_action()
|
||||
>
|
||||
{action_label}
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
@ -30,9 +30,11 @@ pub fn InstanceFollowButton(instance: DbInstance) -> impl IntoView {
|
|||
};
|
||||
|
||||
view! {
|
||||
<button on:click=move |_| follow_action.dispatch(instance.id)
|
||||
<button
|
||||
on:click=move |_| follow_action.dispatch(instance.id)
|
||||
prop:disabled=move || is_following
|
||||
prop:hidden=move || instance.local>
|
||||
prop:hidden=move || instance.local
|
||||
>
|
||||
{follow_text}
|
||||
</button>
|
||||
}
|
||||
|
|
|
@ -29,8 +29,7 @@ pub fn Nav() -> impl IntoView {
|
|||
<li>
|
||||
<A href="/article/list">"List Articles"</A>
|
||||
</li>
|
||||
<Show
|
||||
when=move || global_state.with(|state| state.my_profile.is_some())>
|
||||
<Show when=move || global_state.with(|state| state.my_profile.is_some())>
|
||||
<li>
|
||||
<A href="/article/create">"Create Article"</A>
|
||||
</li>
|
||||
|
@ -47,12 +46,16 @@ pub fn Nav() -> impl IntoView {
|
|||
navigate(&format!("/search?query={query}"), Default::default());
|
||||
}
|
||||
}>
|
||||
<input type="text" placeholder="Search"
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Search"
|
||||
prop:value=search_query
|
||||
on:keyup=move |ev: ev::KeyboardEvent| {
|
||||
let val = event_target_value(&ev);
|
||||
set_search_query.update(|v| *v = val);
|
||||
} />
|
||||
}
|
||||
/>
|
||||
|
||||
<button>Go</button>
|
||||
</form>
|
||||
</li>
|
||||
|
@ -71,20 +74,24 @@ pub fn Nav() -> impl IntoView {
|
|||
}
|
||||
}
|
||||
>
|
||||
|
||||
{
|
||||
let my_profile = global_state.with(|state| state.my_profile.clone().unwrap());
|
||||
let profile_link = format!("/user/{}", my_profile.person.username);
|
||||
view! {
|
||||
<p>"Logged in as "
|
||||
<a href=profile_link style="border: none; padding: 0; color: var(--accent) !important;">
|
||||
<p>
|
||||
"Logged in as "
|
||||
<a
|
||||
href=profile_link
|
||||
style="border: none; padding: 0; color: var(--accent) !important;"
|
||||
>
|
||||
{my_profile.person.username}
|
||||
</a>
|
||||
</p>
|
||||
<button on:click=move |_| logout_action.dispatch(())>
|
||||
Logout
|
||||
</button>
|
||||
<button on:click=move |_| logout_action.dispatch(())>Logout</button>
|
||||
}
|
||||
}
|
||||
|
||||
</Show>
|
||||
</nav>
|
||||
}
|
||||
|
|
|
@ -43,7 +43,5 @@ fn user_title(person: &DbPerson) -> String {
|
|||
|
||||
fn user_link(person: &DbPerson) -> impl IntoView {
|
||||
let creator_path = format!("/user/{}", person.username);
|
||||
view! {
|
||||
<a href={creator_path}>{user_title(person)}</a>
|
||||
}
|
||||
view! { <a href=creator_path>{user_title(person)}</a> }
|
||||
}
|
||||
|
|
|
@ -53,8 +53,13 @@ pub fn ArticleActions() -> impl IntoView {
|
|||
});
|
||||
view! {
|
||||
<ArticleNav article=article/>
|
||||
<Suspense fallback=|| view! { "Loading..." }> {
|
||||
move || article.get().map(|article|
|
||||
<Suspense fallback=|| {
|
||||
view! { "Loading..." }
|
||||
}>
|
||||
{move || {
|
||||
article
|
||||
.get()
|
||||
.map(|article| {
|
||||
view! {
|
||||
<div class="item-view">
|
||||
<h1>{article_title(&article.article)}</h1>
|
||||
|
@ -65,13 +70,21 @@ pub fn ArticleActions() -> impl IntoView {
|
|||
view! { <p style="color:red;">{err}</p> }
|
||||
})
|
||||
}}
|
||||
<Show
|
||||
when=move || global_state.with(|state| {
|
||||
state.my_profile.as_ref().map(|p| p.local_user.admin).unwrap_or_default()
|
||||
&& article.article.local
|
||||
})>
|
||||
<button
|
||||
on:click=move |_| protect_action.dispatch((article.article.id, article.article.protected))>Toggle Article Protection</button>
|
||||
|
||||
<Show when=move || {
|
||||
global_state
|
||||
.with(|state| {
|
||||
state
|
||||
.my_profile
|
||||
.as_ref()
|
||||
.map(|p| p.local_user.admin)
|
||||
.unwrap_or_default() && article.article.local
|
||||
})
|
||||
}>
|
||||
<button on:click=move |_| {
|
||||
protect_action
|
||||
.dispatch((article.article.id, article.article.protected))
|
||||
}>Toggle Article Protection</button>
|
||||
<p>"Protect a local article so that only admins can edit it"</p>
|
||||
</Show>
|
||||
<Show when=move || !article.article.local>
|
||||
|
@ -80,21 +93,31 @@ pub fn ArticleActions() -> impl IntoView {
|
|||
on:keyup=move |ev: ev::KeyboardEvent| {
|
||||
let val = event_target_value(&ev);
|
||||
set_new_title.update(|v| *v = val);
|
||||
} />
|
||||
}
|
||||
/>
|
||||
|
||||
<button
|
||||
disabled=move || new_title.get().is_empty()
|
||||
on:click=move |_| fork_action.dispatch((article.article.id, new_title.get()))>Fork Article</button>
|
||||
on:click=move |_| {
|
||||
fork_action.dispatch((article.article.id, new_title.get()))
|
||||
}
|
||||
>
|
||||
|
||||
Fork Article
|
||||
</button>
|
||||
<p>
|
||||
"You can fork a remote article to the local instance. This is useful if the original
|
||||
instance is dead, or if there are disagreements how the article should be written."
|
||||
</p>
|
||||
</Show>
|
||||
</div>
|
||||
})
|
||||
}
|
||||
})
|
||||
}}
|
||||
|
||||
</Suspense>
|
||||
<Show when=move || fork_response.get().is_some()>
|
||||
<Redirect path={article_link(&fork_response.get().unwrap())}/>
|
||||
<Redirect path=article_link(&fork_response.get().unwrap())/>
|
||||
</Show>
|
||||
<p>"TODO: add option for admin to delete article etc"</p>
|
||||
}
|
||||
|
|
|
@ -56,12 +56,21 @@ pub fn CreateArticle() -> impl IntoView {
|
|||
set_title.update(|v| *v = val);
|
||||
}
|
||||
/>
|
||||
<textarea placeholder="Article text..." on:keyup=move |ev| {
|
||||
|
||||
<textarea
|
||||
placeholder="Article text..."
|
||||
on:keyup=move |ev| {
|
||||
let val = event_target_value(&ev);
|
||||
set_text.update(|p| *p = val);
|
||||
} >
|
||||
}
|
||||
>
|
||||
</textarea>
|
||||
<div><a href="https://commonmark.org/help/" target="blank_">Markdown</a>" formatting is supported"</div>
|
||||
<div>
|
||||
<a href="https://commonmark.org/help/" target="blank_">
|
||||
Markdown
|
||||
</a>
|
||||
" formatting is supported"
|
||||
</div>
|
||||
{move || {
|
||||
create_error
|
||||
.get()
|
||||
|
@ -69,21 +78,28 @@ pub fn CreateArticle() -> impl IntoView {
|
|||
view! { <p style="color:red;">{err}</p> }
|
||||
})
|
||||
}}
|
||||
<input type="text"
|
||||
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Edit summary"
|
||||
on:keyup=move |ev| {
|
||||
let val = event_target_value(&ev);
|
||||
set_summary.update(|p| *p = val);
|
||||
}/>
|
||||
}
|
||||
/>
|
||||
|
||||
<button
|
||||
prop:disabled=move || button_is_disabled.get()
|
||||
on:click=move |_| submit_action.dispatch((title.get(), text.get(), summary.get()))>
|
||||
on:click=move |_| submit_action.dispatch((title.get(), text.get(), summary.get()))
|
||||
>
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
}
|
||||
}>
|
||||
<Redirect path={format!("/article/{}", title.get().replace(' ', "_"))} />
|
||||
}
|
||||
>
|
||||
|
||||
<Redirect path=format!("/article/{}", title.get().replace(' ', "_"))/>
|
||||
</Show>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -105,16 +105,21 @@ pub fn EditArticle() -> impl IntoView {
|
|||
when=move || edit_response.get() == EditResponse::Success
|
||||
fallback=move || {
|
||||
view! {
|
||||
<Suspense fallback=|| view! { "Loading..." }> {
|
||||
move || article.get().map(|mut article| {
|
||||
<Suspense fallback=|| {
|
||||
view! { "Loading..." }
|
||||
}>
|
||||
{move || {
|
||||
article
|
||||
.get()
|
||||
.map(|mut article| {
|
||||
if let EditResponse::Conflict(conflict) = edit_response.get() {
|
||||
article.article.text = conflict.three_way_merge;
|
||||
set_summary.set(conflict.summary);
|
||||
}
|
||||
// set initial text, otherwise submit with no changes results in empty text
|
||||
set_text.set(article.article.text.clone());
|
||||
let article_ = article.clone();
|
||||
view! {
|
||||
// set initial text, otherwise submit with no changes results in empty text
|
||||
<div class="item-view">
|
||||
<h1>{article_title(&article.article)}</h1>
|
||||
{move || {
|
||||
|
@ -124,31 +129,52 @@ pub fn EditArticle() -> impl IntoView {
|
|||
view! { <p style="color:red;">{err}</p> }
|
||||
})
|
||||
}}
|
||||
|
||||
<textarea on:keyup=move |ev| {
|
||||
let val = event_target_value(&ev);
|
||||
set_text.update(|p| *p = val);
|
||||
}>
|
||||
{article.article.text.clone()}
|
||||
</textarea>
|
||||
<div><a href="https://commonmark.org/help/" target="blank_">Markdown</a>" formatting is supported"</div>
|
||||
<input type="text"
|
||||
}>{article.article.text.clone()}</textarea>
|
||||
<div>
|
||||
<a href="https://commonmark.org/help/" target="blank_">
|
||||
Markdown
|
||||
</a>
|
||||
" formatting is supported"
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Edit summary"
|
||||
value={summary.get_untracked()}
|
||||
value=summary.get_untracked()
|
||||
on:keyup=move |ev| {
|
||||
let val = event_target_value(&ev);
|
||||
set_summary.update(|p| *p = val);
|
||||
}/>
|
||||
}
|
||||
/>
|
||||
|
||||
<button
|
||||
prop:disabled=move || button_is_disabled.get()
|
||||
on:click=move |_| submit_action.dispatch((text.get(), summary.get(), article_.clone(), edit_response.get()))>
|
||||
on:click=move |_| {
|
||||
submit_action
|
||||
.dispatch((
|
||||
text.get(),
|
||||
summary.get(),
|
||||
article_.clone(),
|
||||
edit_response.get(),
|
||||
))
|
||||
}
|
||||
>
|
||||
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
}
|
||||
})
|
||||
}
|
||||
}}
|
||||
|
||||
</Suspense>
|
||||
}}>
|
||||
}
|
||||
}
|
||||
>
|
||||
|
||||
Edit successful!
|
||||
</Show>
|
||||
}
|
||||
|
|
|
@ -13,22 +13,48 @@ pub fn ArticleHistory() -> impl IntoView {
|
|||
|
||||
view! {
|
||||
<ArticleNav article=article/>
|
||||
<Suspense fallback=|| view! { "Loading..." }> {
|
||||
move || article.get().map(|article| {
|
||||
<Suspense fallback=|| {
|
||||
view! { "Loading..." }
|
||||
}>
|
||||
{move || {
|
||||
article
|
||||
.get()
|
||||
.map(|article| {
|
||||
view! {
|
||||
<div class="item-view">
|
||||
<h1>{article_title(&article.article)}</h1>
|
||||
{
|
||||
article.edits.into_iter().rev().map(|edit| {
|
||||
let path = format!("/article/{}@{}/diff/{}", article.article.title, extract_domain(&article.article.ap_id), edit.edit.hash.0);
|
||||
let label = format!("{} ({})", edit.edit.summary, edit.edit.created.to_rfc2822());
|
||||
view! {<li><a href={path}>{label}</a>" by "{user_link(&edit.creator)}</li> }
|
||||
}).collect::<Vec<_>>()
|
||||
|
||||
{article
|
||||
.edits
|
||||
.into_iter()
|
||||
.rev()
|
||||
.map(|edit| {
|
||||
let path = format!(
|
||||
"/article/{}@{}/diff/{}",
|
||||
article.article.title,
|
||||
extract_domain(&article.article.ap_id),
|
||||
edit.edit.hash.0,
|
||||
);
|
||||
let label = format!(
|
||||
"{} ({})",
|
||||
edit.edit.summary,
|
||||
edit.edit.created.to_rfc2822(),
|
||||
);
|
||||
view! {
|
||||
<li>
|
||||
<a href=path>{label}</a>
|
||||
" by "
|
||||
{user_link(&edit.creator)}
|
||||
</li>
|
||||
}
|
||||
})
|
||||
.collect::<Vec<_>>()}
|
||||
|
||||
</div>
|
||||
}
|
||||
})
|
||||
}
|
||||
}}
|
||||
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -24,11 +24,7 @@ pub fn ListArticles() -> impl IntoView {
|
|||
<h1>Most recently edited Articles</h1>
|
||||
<Suspense fallback=|| view! { "Loading..." }>
|
||||
<fieldset on:input=move |ev| {
|
||||
let val = ev
|
||||
.target()
|
||||
.unwrap()
|
||||
.unchecked_into::<web_sys::HtmlInputElement>()
|
||||
.id();
|
||||
let val = ev.target().unwrap().unchecked_into::<web_sys::HtmlInputElement>().id();
|
||||
let is_local_only = val == "only-local";
|
||||
set_only_local.update(|p| *p = is_local_only);
|
||||
}>
|
||||
|
@ -37,12 +33,24 @@ pub fn ListArticles() -> impl IntoView {
|
|||
<input type="radio" name="listing-type" id="all" checked/>
|
||||
<label for="all">All</label>
|
||||
</fieldset>
|
||||
<ul> {
|
||||
move || articles.get().map(|a|
|
||||
a.into_iter().map(|a| view! {
|
||||
<li><a href=article_link(&a)>{article_title(&a)}</a></li>
|
||||
}).collect::<Vec<_>>())
|
||||
} </ul>
|
||||
<ul>
|
||||
{move || {
|
||||
articles
|
||||
.get()
|
||||
.map(|a| {
|
||||
a.into_iter()
|
||||
.map(|a| {
|
||||
view! {
|
||||
<li>
|
||||
<a href=article_link(&a)>{article_title(&a)}</a>
|
||||
</li>
|
||||
}
|
||||
})
|
||||
.collect::<Vec<_>>()
|
||||
})
|
||||
}}
|
||||
|
||||
</ul>
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -12,16 +12,26 @@ pub fn ReadArticle() -> impl IntoView {
|
|||
|
||||
view! {
|
||||
<ArticleNav article=article/>
|
||||
<Suspense fallback=|| view! { "Loading..." }> {
|
||||
<Suspense fallback=|| {
|
||||
view! { "Loading..." }
|
||||
}>
|
||||
|
||||
{
|
||||
let parser = markdown_parser();
|
||||
move || article.get().map(|article|
|
||||
move || {
|
||||
article
|
||||
.get()
|
||||
.map(|article| {
|
||||
view! {
|
||||
<div class="item-view">
|
||||
<h1>{article_title(&article.article)}</h1>
|
||||
<div inner_html={parser.parse(&article.article.text).render()}/>
|
||||
<div inner_html=parser.parse(&article.article.text).render()></div>
|
||||
</div>
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -11,14 +11,25 @@ pub fn Conflicts() -> impl IntoView {
|
|||
view! {
|
||||
<h1>Your unresolved edit conflicts</h1>
|
||||
<Suspense fallback=|| view! { "Loading..." }>
|
||||
<ul> {
|
||||
move || conflicts.get().map(|c|
|
||||
c.into_iter().map(|c| {
|
||||
<ul>
|
||||
{move || {
|
||||
conflicts
|
||||
.get()
|
||||
.map(|c| {
|
||||
c.into_iter()
|
||||
.map(|c| {
|
||||
let link = format!("{}/edit/{}", article_link(&c.article), c.id);
|
||||
view! {
|
||||
<li><a href=link>{article_title(&c.article)}" - "{c.summary}</a></li>
|
||||
}}).collect::<Vec<_>>())
|
||||
} </ul>
|
||||
<li>
|
||||
<a href=link>{article_title(&c.article)} " - " {c.summary}</a>
|
||||
</li>
|
||||
}
|
||||
})
|
||||
.collect::<Vec<_>>()
|
||||
})
|
||||
}}
|
||||
|
||||
</ul>
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -9,15 +9,24 @@ pub fn EditDiff() -> impl IntoView {
|
|||
|
||||
view! {
|
||||
<ArticleNav article=article/>
|
||||
<Suspense fallback=|| view! { "Loading..." }> {
|
||||
move || article.get().map(|article| {
|
||||
let hash = params
|
||||
.get_untracked()
|
||||
.get("hash")
|
||||
.cloned().unwrap();
|
||||
let edit = article.edits.iter().find(|e| e.edit.hash.0.to_string() == hash).unwrap();
|
||||
let label = format!("{} ({})", edit.edit.summary, edit.edit.created.to_rfc2822());
|
||||
|
||||
<Suspense fallback=|| {
|
||||
view! { "Loading..." }
|
||||
}>
|
||||
{move || {
|
||||
article
|
||||
.get()
|
||||
.map(|article| {
|
||||
let hash = params.get_untracked().get("hash").cloned().unwrap();
|
||||
let edit = article
|
||||
.edits
|
||||
.iter()
|
||||
.find(|e| e.edit.hash.0.to_string() == hash)
|
||||
.unwrap();
|
||||
let label = format!(
|
||||
"{} ({})",
|
||||
edit.edit.summary,
|
||||
edit.edit.created.to_rfc2822(),
|
||||
);
|
||||
view! {
|
||||
<div class="item-view">
|
||||
<h1>{article.article.title.replace('_', " ")}</h1>
|
||||
|
@ -27,7 +36,8 @@ pub fn EditDiff() -> impl IntoView {
|
|||
</div>
|
||||
}
|
||||
})
|
||||
}
|
||||
}}
|
||||
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -20,8 +20,13 @@ pub fn InstanceDetails() -> impl IntoView {
|
|||
});
|
||||
|
||||
view! {
|
||||
<Suspense fallback=|| view! { "Loading..." }> {
|
||||
move || instance_profile.get().map(|instance: DbInstance| {
|
||||
<Suspense fallback=|| {
|
||||
view! { "Loading..." }
|
||||
}>
|
||||
{move || {
|
||||
instance_profile
|
||||
.get()
|
||||
.map(|instance: DbInstance| {
|
||||
let instance_ = instance.clone();
|
||||
view! {
|
||||
<h1>{instance.domain}</h1>
|
||||
|
@ -30,12 +35,17 @@ pub fn InstanceDetails() -> impl IntoView {
|
|||
<InstanceFollowButton instance=instance_.clone()/>
|
||||
</Show>
|
||||
<p>Follow the instance so that new edits are federated to your instance.</p>
|
||||
<p>"TODO: show a list of articles from the instance. For now you can use the "<a href="/article/list">Article list</a>.</p>
|
||||
<p>
|
||||
"TODO: show a list of articles from the instance. For now you can use the "
|
||||
<a href="/article/list">Article list</a> .
|
||||
</p>
|
||||
<hr/>
|
||||
<h2>"Description:"</h2>
|
||||
<div>{instance.description}</div>
|
||||
}
|
||||
})
|
||||
}</Suspense>
|
||||
}}
|
||||
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -52,6 +52,7 @@ pub fn Login() -> impl IntoView {
|
|||
}
|
||||
}
|
||||
>
|
||||
|
||||
<Redirect path="/"/>
|
||||
</Show>
|
||||
}
|
||||
|
|
|
@ -53,6 +53,7 @@ pub fn Register() -> impl IntoView {
|
|||
}
|
||||
}
|
||||
>
|
||||
|
||||
<p>"You have successfully registered."</p>
|
||||
</Show>
|
||||
}
|
||||
|
|
|
@ -53,44 +53,66 @@ pub fn Search() -> impl IntoView {
|
|||
|
||||
view! {
|
||||
<h1>"Search results for " {query}</h1>
|
||||
<Suspense fallback=|| view! { "Loading..." }> {
|
||||
move || search_results.get().map(move |search_results| {
|
||||
<Suspense fallback=|| {
|
||||
view! { "Loading..." }
|
||||
}>
|
||||
{move || {
|
||||
search_results
|
||||
.get()
|
||||
.map(move |search_results| {
|
||||
let is_empty = search_results.is_empty();
|
||||
view! {
|
||||
<Show when=move || !is_empty
|
||||
<Show
|
||||
when=move || !is_empty
|
||||
fallback=move || {
|
||||
let error_view = move || {
|
||||
error.get().map(|err| {
|
||||
error
|
||||
.get()
|
||||
.map(|err| {
|
||||
view! { <p style="color:red;">{err}</p> }
|
||||
})
|
||||
};
|
||||
view! {
|
||||
{error_view}
|
||||
<p>No results found</p>
|
||||
}}>
|
||||
}
|
||||
}
|
||||
>
|
||||
|
||||
<ul>
|
||||
{
|
||||
|
||||
// render resolved instance
|
||||
if let Some(instance) = &search_results.instance {
|
||||
{if let Some(instance) = &search_results.instance {
|
||||
let domain = &instance.domain;
|
||||
vec![view! { <li>
|
||||
<a href={format!("/instance/{domain}")}>{domain}</a>
|
||||
</li>}]
|
||||
} else { vec![] }
|
||||
}
|
||||
{
|
||||
vec![
|
||||
view! {
|
||||
<li>
|
||||
<a href=format!("/instance/{domain}")>{domain}</a>
|
||||
</li>
|
||||
},
|
||||
]
|
||||
} else {
|
||||
vec![]
|
||||
}}
|
||||
// render articles from resolve/search
|
||||
search_results.articles
|
||||
{search_results
|
||||
.articles
|
||||
.iter()
|
||||
.map(|a| view! { <li>
|
||||
<a href={article_link(a)}>{article_title(a)}</a>
|
||||
</li>})
|
||||
.collect::<Vec<_>>()
|
||||
.map(|a| {
|
||||
view! {
|
||||
<li>
|
||||
<a href=article_link(a)>{article_title(a)}</a>
|
||||
</li>
|
||||
}
|
||||
})
|
||||
.collect::<Vec<_>>()}
|
||||
|
||||
</ul>
|
||||
</Show>
|
||||
}})
|
||||
}
|
||||
})
|
||||
}}
|
||||
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -29,13 +29,21 @@ pub fn UserProfile() -> impl IntoView {
|
|||
view! { <p style="color:red;">{err}</p> }
|
||||
})
|
||||
}}
|
||||
<Suspense fallback=|| view! { "Loading..." }> {
|
||||
move || user_profile.get().map(|person: DbPerson| {
|
||||
|
||||
<Suspense fallback=|| {
|
||||
view! { "Loading..." }
|
||||
}>
|
||||
{move || {
|
||||
user_profile
|
||||
.get()
|
||||
.map(|person: DbPerson| {
|
||||
view! {
|
||||
<h1>{user_title(&person)}</h1>
|
||||
<p>TODO: create actual user profile</p>
|
||||
}
|
||||
})
|
||||
}</Suspense>
|
||||
}}
|
||||
|
||||
</Suspense>
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue