Add a calendar to schedule a recipe to a chosen date (WIP)

frontend/src/recipe_view.rs

@@ -0,0 +1,40 @@
+use gloo::{
+    console::console,
+    events::EventListener,
+    net::http::Request,
+    utils::{document, window},
+};
+use wasm_bindgen::prelude::*;
+use wasm_bindgen_futures::spawn_local;
+use web_sys::{
+    DragEvent, Element, HtmlDivElement, HtmlInputElement, HtmlSelectElement, HtmlTextAreaElement,
+    KeyboardEvent,
+};
+
+use common::ron_api;
+
+use crate::{
+    calendar, modal_dialog, request,
+    toast::{self, Level},
+    utils::{by_id, selector, selector_and_clone, SelectorExt},
+};
+
+pub fn setup_page(recipe_id: i64) -> Result<(), JsValue> {
+    let add_to_planner: Element = selector("#recipe-view .add-to-planner");
+    EventListener::new(&add_to_planner, "click", move |_event| {
+        // console!("CLICK".to_string());
+        spawn_local(async move {
+            modal_dialog::show(modal_dialog::DialogContent::CloneFromElement(
+                "#hidden-templates .calendar",
+                |element| {
+                    // console!("SETUP...".to_string());
+                    calendar::setup(element);
+                },
+            ))
+            .await;
+        });
+    })
+    .forget();
+
+    Ok(())
+}