nutomic/ibis
1
0
Fork 0
mirror of https://github.com/Nutomic/ibis.git synced 2024-12-01 09:01:09 +00:00
Code Projects Releases Packages Activity

Also add preview for creating article

Browse source
This commit is contained in:
Felix Ableitner 2024-10-28 11:28:16 +01:00
parent ef7d29d2ee
commit b4e54c914d
1 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/frontend/pages/article/create.rs
View file

@ -1,4 +1,7 @@
use crate::{common::CreateArticleForm, frontend::app::GlobalState}; use crate::{
common::CreateArticleForm,
frontend::{app::GlobalState, markdown::render_markdown},
};
use html::Textarea; use html::Textarea;
use leptos::*; use leptos::*;
use leptos_router::Redirect; use leptos_router::Redirect;
@ -14,6 +17,8 @@ pub fn CreateArticle() -> impl IntoView {
trigger_resize: _, trigger_resize: _,
} = use_textarea_autosize(textarea); } = use_textarea_autosize(textarea);
let (summary, set_summary) = create_signal(String::new()); let (summary, set_summary) = create_signal(String::new());
let (show_preview, set_show_preview) = create_signal(false);
let (preview, set_preview) = create_signal(String::new());
let (create_response, set_create_response) = create_signal(None::<()>); let (create_response, set_create_response) = create_signal(None::<()>);
let (create_error, set_create_error) = create_signal(None::<String>); let (create_error, set_create_error) = create_signal(None::<String>);
let (wait_for_response, set_wait_for_response) = create_signal(false); let (wait_for_response, set_wait_for_response) = create_signal(false);
@ -67,9 +72,19 @@ pub fn CreateArticle() -> impl IntoView {
<textarea <textarea
value=content value=content
placeholder="Article text..." placeholder="Article text..."
on:input=move |evt| set_content.set(event_target_value(&evt)) on:input=move |evt| {
let val = event_target_value(&evt);
set_preview.set(render_markdown(&val));
set_content.set(val);
}
node_ref=textarea node_ref=textarea
></textarea> ></textarea>
<button on:click=move |_| {
set_show_preview.update(|s| *s = !*s)
}>Preview</button>
<Show when=move || { show_preview.get() }>
<div id="preview" inner_html=move || preview.get()></div>
</Show>
<div> <div>
<a href="https://commonmark.org/help/" target="blank_"> <a href="https://commonmark.org/help/" target="blank_">
Markdown Markdown