Scheduled recipes can now be removed

frontend/Cargo.toml

@@ -22,6 +22,8 @@ thiserror = "2"
 
 futures = "0.3"
 
+scanf = "1.2"
+
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = [

frontend/src/calendar.rs

@@ -1,14 +1,18 @@
 use std::{cell::RefCell, rc::Rc};
 
 use chrono::{offset::Local, Datelike, Days, Months, NaiveDate, Weekday};
+use common::{ron_api, utils::substitute_with_names};
 use gloo::{console::log, events::EventListener, utils::document};
+use scanf::sscanf;
 use wasm_bindgen::prelude::*;
 use wasm_bindgen_futures::spawn_local;
 use web_sys::Element;
 
 use crate::{
+    modal_dialog,
     recipe_scheduler::RecipeScheduler,
-    utils::{by_id, selector, selector_all, SelectorExt},
+    request,
+    utils::{by_id, get_locale, selector, selector_all, SelectorExt},
 };
 
 struct CalendarStateInternal {
@@ -123,7 +127,46 @@ pub fn setup(
                 recipe_scheduler,
             );
         } else if target.class_name() == "remove-scheduled-recipe" {
-            log!("REMOVE"); // TODO.
+            spawn_local(async move {
+                let mut recipe_id: i64 = 0;
+                let mut date: NaiveDate = NaiveDate::default();
+                sscanf!(
+                    &target.parent_element().unwrap().id(),
+                    "scheduled-recipe-{}-{}",
+                    recipe_id,
+                    date
+                )
+                .unwrap();
+
+                let title = target.previous_element_sibling().unwrap().inner_html();
+
+                if modal_dialog::show_and_initialize(
+                    "#hidden-templates-calendar .unschedule-confirmation",
+                    async |element| {
+                        let date_format =
+                            selector::<Element>("#hidden-templates-calendar .calendar-date-format")
+                                .inner_html();
+                        element.set_inner_html(&substitute_with_names(
+                            &element.inner_html(),
+                            &["{title}", "{date}"],
+                            &[
+                                &title,
+                                &date
+                                    .format_localized(&date_format, get_locale())
+                                    .to_string(),
+                            ],
+                        ));
+                    },
+                )
+                .await
+                .is_some()
+                {
+                    let body = ron_api::ScheduledRecipe { recipe_id, date };
+                    let _ =
+                        request::delete::<(), _>("calendar/remove_scheduled_recipe", body).await;
+                    target.parent_element().unwrap().remove();
+                }
+            });
         }
     })
     .forget();

frontend/src/recipe_edit.rs

@@ -267,16 +267,11 @@ pub fn setup_page(recipe_id: i64) -> Result<(), JsValue> {
                 let body = ron_api::Id { id: recipe_id };
                 let _ = request::delete::<(), _>("recipe/remove", body).await;
                 window().location().set_href("/").unwrap();
-
-                // by_id::<Element>(&format!("group-{}", group_id)).remove();
             }
         });
     })
     .forget();
 
-    // let group_dropzone: Element = selector(".dropzone-group");
-    // setup_dragzone_events(&group_dropzone);
-
     // Load initial groups, steps and ingredients.
     {
         spawn_local(async move {