1
0
Fork 0
mirror of https://github.com/Nutomic/ibis.git synced 2024-11-26 03:11:09 +00:00

Add button to toggle article protection

This commit is contained in:
Felix Ableitner 2024-03-08 16:37:46 +01:00
parent 1d6855bdc4
commit 31b720a15c

View file

@ -1,5 +1,5 @@
use crate::{ use crate::{
common::ForkArticleForm, common::{ForkArticleForm, ProtectArticleForm},
frontend::{ frontend::{
app::GlobalState, app::GlobalState,
article_link, article_link,
@ -14,6 +14,7 @@ use leptos_router::Redirect;
#[component] #[component]
pub fn ArticleActions() -> impl IntoView { pub fn ArticleActions() -> impl IntoView {
let global_state = use_context::<RwSignal<GlobalState>>().unwrap();
let article = article_resource(); let article = article_resource();
let (new_title, set_new_title) = create_signal(String::new()); let (new_title, set_new_title) = create_signal(String::new());
let (fork_response, set_fork_response) = create_signal(Option::<DbArticle>::None); let (fork_response, set_fork_response) = create_signal(Option::<DbArticle>::None);
@ -34,8 +35,22 @@ pub fn ArticleActions() -> impl IntoView {
} }
} }
}); });
// TODO: show fork article option (with option to set different title). after forking do redirect let protect_action = create_action(move |(id, protected): &(i32, bool)| {
let params = ProtectArticleForm {
article_id: *id,
protected: !protected,
};
async move {
set_error.update(|e| *e = None);
let result = GlobalState::api_client().protect_article(&params).await;
match result {
Ok(_res) => article.refetch(),
Err(err) => {
set_error.update(|e| *e = Some(err.0.to_string()));
}
}
}
});
view! { view! {
<ArticleNav article=article/> <ArticleNav article=article/>
<Suspense fallback=|| view! { "Loading..." }> { <Suspense fallback=|| view! { "Loading..." }> {
@ -50,6 +65,15 @@ pub fn ArticleActions() -> impl IntoView {
view! { <p style="color:red;">{err}</p> } 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>
<p>"Protect a local article so that only admins can edit it"</p>
</Show>
<Show when=move || !article.article.local> <Show when=move || !article.article.local>
<input <input
placeholder="New Title" placeholder="New Title"