vinod/booksman
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

v0.14-popupV2

Browse Source
This commit is contained in:
Vinod J M
2022-12-02 22:35:15 +05:30
parent 33e63fda17
commit c7c2465a87
3 changed files with 32 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/main.rs
View File

@@ -371,7 +371,7 @@ pub fn BookDB<G: Html>(cx: Scope, bookitem: BookUIProp) -> View<G> {
let bookupdate = bookitem.bookitem.clone();
let bookdisplay = bookitem.bookitem.clone();
let loctitle = bookitem.bookitem.clone().title.clone();
let locauthors = bookitem.bookitem.clone().author_name.clone().unwrap().join(", ");
let locauthors = bookitem.bookitem.clone().author_name.clone().unwrap_or(vec!["".to_string()]).join(", ");
let locdesc = bookitem.bookitem.clone().description.unwrap_or("".to_string());
@@ -392,11 +392,15 @@ pub fn BookDB<G: Html>(cx: Scope, bookitem: BookUIProp) -> View<G> {
let handle_display = move |_| {
app_state.displaying.set(true);
app_state.updating.set(false);
//info!("Setting displaying book {:?}",bookdisplay);
app_state.displayingbook.set(bookdisplay.clone());
};
view! { cx,
div(class="column"){
div(class="card"){
button(class="delete", on:click=handle_delete){ "DEL-" }
button(class="update", on:click=handle_update){ "EDIT=" }
button(class="info", on:click=handle_display){ "INFO+" }
img(src=coverurl,width="100")
(format!("{:?}",loctitle))
@@ -405,9 +409,7 @@ pub fn BookDB<G: Html>(cx: Scope, bookitem: BookUIProp) -> View<G> {
br{}
(format!("{:?}",locdesc))
button(class="delete", on:click=handle_delete){ "-" }
button(class="update", on:click=handle_update){ "=" }
button(class="info", on:click=handle_display){ "+" }
}
@@ -533,10 +535,9 @@ inp_author.set((*app_state.addingbook.get()).clone().author_name.unwrap_or(vec![
app_state.updating.set(false);
app_state.adding.set(false);
let jsval = wasm_bindgen::JsValue::from_str("none");
let dom_node = node_ref.try_get::<DomNode>();
if dom_node.is_some() {
dom_node.unwrap().set_property("display", &jsval.clone());
dom_node.unwrap().set_attribute("popup-display","false");
}
};
@@ -594,18 +595,14 @@ info!("Adding book");
create_effect(cx, || {
if *app_state.updating.get() == true || *app_state.adding.get() == true {
let jsval = wasm_bindgen::JsValue::from_str("flex");
let dom_node = node_ref.try_get::<DomNode>();
if dom_node.is_some() {
dom_node.unwrap().set_property("display",&jsval);
dom_node.unwrap().set_attribute("popup-display","true");
}
} else {
let jsval = wasm_bindgen::JsValue::from_str("none");
let dom_node = node_ref.try_get::<DomNode>();
if dom_node.is_some() {
dom_node.unwrap().set_property("display",&jsval);
dom_node.unwrap().set_attribute("popup-display","false");
}
}
});
@@ -656,8 +653,8 @@ info!("Adding book");
#[component]
async fn SelectedUI<G: Html>(cx: Scope<'_>) -> View<G> {
let app_state = use_context::<AppState>(cx);
let displ_book = create_signal(cx, (*app_state.displayingbook.get()).clone());
let coverurl = create_signal(cx, app_state.displayingbook.get().clone().cover.clone().unwrap_or("NONE".to_string()).to_string().clone());
let displ_book = create_memo(cx, || app_state.displayingbook.get());
let coverurl = create_memo(cx, || app_state.displayingbook.get().clone().cover.clone().unwrap_or("NONE".to_string()).to_string().clone());
let node_ref = create_node_ref(cx);
//on_mount(cx, || {
// let dom_node = node_ref.get::<DomNode>();
@@ -665,28 +662,24 @@ async fn SelectedUI<G: Html>(cx: Scope<'_>) -> View<G> {
let handle_close = move |_| {
app_state.displaying.set(false);
let jsval = wasm_bindgen::JsValue::from_str("none");
let dom_node = node_ref.try_get::<DomNode>();
if dom_node.is_some() {
dom_node.unwrap().set_property("display",&jsval);
dom_node.unwrap().set_attribute("popup-display","false");
}
};
create_effect(cx, || {
if *app_state.displaying.get() == true {
let jsval = wasm_bindgen::JsValue::from_str("flex");
let dom_node = node_ref.try_get::<DomNode>();
if dom_node.is_some() {
dom_node.unwrap().set_property("display",&jsval);
dom_node.unwrap().set_attribute("popup-display","true");
}
} else {
let jsval = wasm_bindgen::JsValue::from_str("none");
let dom_node = node_ref.try_get::<DomNode>();
if dom_node.is_some() {
dom_node.unwrap().set_property("display",&jsval);
dom_node.unwrap().set_attribute("popup-display","false");
}
}
});
@@ -701,9 +694,9 @@ async fn SelectedUI<G: Html>(cx: Scope<'_>) -> View<G> {
div(class="modal-content"){
p{
div(class="select-book"){
button(class="close", on:click=handle_close){ "CLOSE" }
img(src=coverurl.get(),width="200")
(format!("{:?}",displ_book.get()))
button(class="close", on:click=handle_close){ "CLOSE" }
}
}
}