From 3c19755228c125f549186b2459af3949460818d6 Mon Sep 17 00:00:00 2001 From: andrew Date: Wed, 14 Feb 2024 14:17:08 -0500 Subject: [PATCH] Add post_add --- .../devblog/client/src/components/comment.rs | 5 +- .../devblog/client/src/components/navbar.rs | 1 - devblog/devblog/client/src/pages/post_add.rs | 141 +++++++++++++++++- devblog/devblog/client/src/pages/posts.rs | 9 ++ 4 files changed, 144 insertions(+), 12 deletions(-) diff --git a/devblog/devblog/client/src/components/comment.rs b/devblog/devblog/client/src/components/comment.rs index c91d543..ea4beeb 100644 --- a/devblog/devblog/client/src/components/comment.rs +++ b/devblog/devblog/client/src/components/comment.rs @@ -8,8 +8,7 @@ use crate::{ use chrono::{Local, TimeZone}; use gloo::console::log; use stylist::Style; -use web_sys::MouseEvent; -use yew::{function_component, html, use_effect_with, use_state, Callback, Html, Properties}; +use yew::{function_component, html, use_state, Callback, Html, Properties}; use yewdux::use_store_value; const STYLE: &str = include_str!("styles/comment.css"); @@ -39,7 +38,6 @@ pub fn comment(props: &Props) -> Html { let on_edit_save = move |value: String| { log!("SAVE EDIT COMMENT"); content_clone.set(value); - // props.comment.content = "HOOOOYAHHHH".to_string(); }; html! { @@ -78,7 +76,6 @@ pub fn comment(props: &Props) -> Html { } // CONTENT - //

{&props.comment.content}

{content.deref()}

diff --git a/devblog/devblog/client/src/components/navbar.rs b/devblog/devblog/client/src/components/navbar.rs index 3933176..55d401e 100644 --- a/devblog/devblog/client/src/components/navbar.rs +++ b/devblog/devblog/client/src/components/navbar.rs @@ -23,7 +23,6 @@ pub fn navbar() -> Html {
to={Route::Home}>{"Home"}> to={Route::Posts}>{"Posts"}> - to={Route::AddPost}>{"AddPost"}> to={Route::About}>{"About"}> if store.admin { diff --git a/devblog/devblog/client/src/pages/post_add.rs b/devblog/devblog/client/src/pages/post_add.rs index b543e54..f551daf 100644 --- a/devblog/devblog/client/src/pages/post_add.rs +++ b/devblog/devblog/client/src/pages/post_add.rs @@ -1,17 +1,144 @@ -use stylist::Style; +use std::{fs::File, ops::Deref}; + +use crate::{router::Route, store::Store, Api}; +use gloo::console::log; +use gloo_net::http::{Headers, Method}; +// use gloo::file::File; +use stylist::{css, Style}; use yew::prelude::*; +use yew_router::components::Link; +use yewdux::use_store_value; -const STYLE: &str = include_str!("styles/signUp.css"); +const STYLE: &str = include_str!("styles/postAdd.css"); #[function_component(AddPost)] pub fn add_post() -> Html { let style = Style::new(STYLE).unwrap(); + let description = use_state(|| String::default()); + let char_count = use_state(|| 0); + // let files = use_state(|| vec![File::open("Hello.txt").unwrap()]); + let loading = use_state(|| false); + let devblog = use_state(|| false); + let devblog_status = use_state(|| 0); + let devblog_err = use_state(|| String::default()); + let mastodon = use_state(|| false); + let mastodon_status = use_state(|| 0); + let mastodon_err = use_state(|| String::default()); + let discord = use_state(|| false); + let discord_status = use_state(|| 0); + let discord_err = use_state(|| String::default()); + let store = use_store_value::(); + + // let char_count_clone = char_count.clone(); + use_effect(move || { + // char_count_clone.set(description.len()); // causing page to not load + log!("FIRST RENDER"); + }); + + let onsubmit = { + let store = store.clone(); + let discord = *discord.clone(); + let mastodon = *mastodon.clone(); + let devblog = *devblog.clone(); + Callback::from(move |e: SubmitEvent| { + e.prevent_default(); + loading.set(true); + let auth = format!("Bearer {}", store.token); + let hdrs = Headers::new(); + hdrs.append("Authorization", &auth); + hdrs.append("content-type", "application/json"); + + wasm_bindgen_futures::spawn_local(async move { + let response = Api::AddPost.fetch(Some(hdrs), None, Method::POST).await; + + if let Some(res) = response { + if discord {} + if mastodon {} + if devblog {} + }; + }); + }) + }; + + let upload_status = |platform: String, upload: bool, status: i32, err: String| -> Html { + html! { +

css!("color: green;"), false => css!("color: red;")}}>{platform}{" Upload Status: "} + + {status} + + if status != 200 { +

{err}

+ } +

+ } + }; + + let upload_to = |platform: String, upload: bool, callback: Callback| -> Html { + html! { +
  • + +
    • + } + }; + + let onchange = { Callback::from(move |e: Event| {}) }; html! { -
    -
    -

    {"Add Post Page"}

    -
    -
    + if store.admin { +
    +
    +
    +
    + + // PLATFORM UPLOAD OPTIONS +

    {"Upload to:"}

    +
      + {upload_to("Discord".to_string(), *discord, onchange.clone())} + {upload_to("Mastodon".to_string(), *mastodon, onchange.clone())} + {upload_to("DevBlog".to_string(), *devblog, onchange)} +
    + + {"Loading..."} + + // UPLOAD STATUSES +
    + {upload_status("Discord".to_string(), *discord.clone(), *discord_status, discord_err.deref().clone())} + {upload_status("Mastodon".to_string(), *mastodon.clone(), *mastodon_status, mastodon_err.deref().clone())} + {upload_status("DevBlog".to_string(), *devblog.clone(), *devblog_status, devblog_err.deref().clone())} +
    +
    + + // NEW POST INFO +
    + + +