gburri/recipes
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

Calendar (WIP)

Browse source
This commit is contained in:
Greg Burri 2025-01-29 14:37:25 +01:00
parent 9d3f9e9c60
commit 79a0aeb1b8
24 changed files with 613 additions and 231 deletions
Download patch file Download diff file Expand all files Collapse all files

78
frontend/src/recipe_edit.rs
View file

@ -1,5 +1,6 @@
use std::{cell::RefCell, rc, sync::Mutex};
use common::{ron_api, utils::substitute};
use gloo::{
events::{EventListener, EventListenerOptions},
net::http::Request,
@ -12,14 +13,17 @@ use web_sys::{
KeyboardEvent,
};
use common::ron_api;
use crate::{
modal_dialog, request,
toast::{self, Level},
utils::{by_id, selector, selector_and_clone, SelectorExt},
};
use futures::{
future::{FutureExt, Ready},
pin_mut, select, Future,
};
pub fn setup_page(recipe_id: i64) -> Result<(), JsValue> {
// Title.
{
@ -248,12 +252,18 @@ pub fn setup_page(recipe_id: i64) -> Result<(), JsValue> {
// Delete recipe button.
let delete_button: HtmlInputElement = by_id("input-delete");
EventListener::new(&delete_button, "click", move |_event| {
let title: HtmlInputElement = by_id("input-title");
spawn_local(async move {
if modal_dialog::show(modal_dialog::DialogContent::<fn(&Element)>::Text(&format!(
"Are you sure to delete the recipe '{}'",
title.value()
)))
if modal_dialog::show_and_initialize(
"#hidden-templates .recipe-delete-confirmation",
async |element| {
let title: HtmlInputElement = by_id("input-title");
element.set_inner_html(&substitute(
&element.inner_html(),
"{}",
&[&title.value()],
));
},
)
.await
{
let body = ron_api::Id { id: recipe_id };
@ -377,14 +387,18 @@ fn create_group_element(group: &ron_api::Group) -> Element {
let group_element_cloned = group_element.clone();
let delete_button: HtmlInputElement = group_element.selector(".input-group-delete");
EventListener::new(&delete_button, "click", move |_event| {
let name = group_element_cloned
.selector::<HtmlInputElement>(".input-group-name")
.value();
// FIXME: How to avoid cloning twice?
let group_element_cloned = group_element_cloned.clone();
spawn_local(async move {
if modal_dialog::show(modal_dialog::DialogContent::<fn(&Element)>::Text(&format!(
"Are you sure to delete the group '{}'",
name
)))
if modal_dialog::show_and_initialize(
"#hidden-templates .recipe-group-delete-confirmation",
async move |element| {
let name = group_element_cloned
.selector::<HtmlInputElement>(".input-group-name")
.value();
element.set_inner_html(&substitute(&element.inner_html(), "{}", &[&name]));
},
)
.await
{
let body = ron_api::Id { id: group_id };
@ -515,14 +529,18 @@ fn create_step_element(group_element: &Element, step: &ron_api::Step) -> Element
let step_element_cloned = step_element.clone();
let delete_button: HtmlInputElement = step_element.selector(".input-step-delete");
EventListener::new(&delete_button, "click", move |_event| {
let action = step_element_cloned
.selector::<HtmlTextAreaElement>(".text-area-step-action")
.value();
// FIXME: How to avoid cloning twice?
let step_element_cloned = step_element_cloned.clone();
spawn_local(async move {
if modal_dialog::show(modal_dialog::DialogContent::<fn(&Element)>::Text(&format!(
"Are you sure to delete the step '{}'",
action
)))
if modal_dialog::show_and_initialize(
"#hidden-templates .recipe-step-delete-confirmation",
async move |element| {
let action = step_element_cloned
.selector::<HtmlTextAreaElement>(".text-area-step-action")
.value();
element.set_inner_html(&substitute(&element.inner_html(), "{}", &[&action]));
},
)
.await
{
let body = ron_api::Id { id: step_id };
@ -665,14 +683,18 @@ fn create_ingredient_element(step_element: &Element, ingredient: &ron_api::Ingre
let ingredient_element_cloned = ingredient_element.clone();
let delete_button: HtmlInputElement = ingredient_element.selector(".input-ingredient-delete");
EventListener::new(&delete_button, "click", move |_event| {
let name = ingredient_element_cloned
.selector::<HtmlInputElement>(".input-ingredient-name")
.value();
// FIXME: How to avoid cloning twice?
let ingredient_element_cloned = ingredient_element_cloned.clone();
spawn_local(async move {
if modal_dialog::show(modal_dialog::DialogContent::<fn(&Element)>::Text(&format!(
"Are you sure to delete the ingredient '{}'",
name
)))
if modal_dialog::show_and_initialize(
"#hidden-templates .recipe-ingredient-delete-confirmation",
async move |element| {
let name = ingredient_element_cloned
.selector::<HtmlInputElement>(".input-ingredient-name")
.value();
element.set_inner_html(&substitute(&element.inner_html(), "{}", &[&name]));
},
)
.await
{
let body = ron_api::Id { id: ingredient_id };