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

Form CSS style + dev panel (WIP)

Browse source
This commit is contained in:
Greg Burri 2025-04-15 11:34:18 +02:00
parent 9daa852add
commit f2e0aa3b43
18 changed files with 154 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

26
frontend/src/pages/dev_panel.rs Normal file
View file

@ -0,0 +1,26 @@
use gloo::{console::log, events::EventListener};
use wasm_bindgen::prelude::*;
use wasm_bindgen_futures::spawn_local;
use web_sys::{Element, HtmlInputElement};
use crate::{
calendar, modal_dialog,
recipe_scheduler::RecipeScheduler,
shopping_list::ShoppingList,
toast::{self, Level},
utils::{SelectorExt, by_id, get_current_lang, get_locale, selector},
};
pub fn setup_page() {
EventListener::new(&by_id("test-toast"), "click", move |_event| {
toast::show_message(Level::Info, "This is a message");
})
.forget();
EventListener::new(&by_id("test-modal-dialog"), "click", move |_event| {
spawn_local(async move {
modal_dialog::show("#hidden-templates").await;
});
})
.forget();
}

1
frontend/src/pages/mod.rs
View file

@ -1,3 +1,4 @@
pub mod dev_panel;
pub mod home;
pub mod recipe_edit;
pub mod recipe_view;

3
frontend/src/pages/recipe_edit.rs
View file

@ -446,6 +446,7 @@ where
continue;
}
let tag_span = document().create_element("span").unwrap();
tag_span.set_class_name("tag");
tag_span.set_inner_html(&tag);
let delete_tag_button: HtmlInputElement = document()
.create_element("input")
@ -453,7 +454,7 @@ where
.dyn_into()
.unwrap();
delete_tag_button.set_attribute("type", "button").unwrap();
delete_tag_button.set_attribute("value", "X").unwrap();
delete_tag_button.set_attribute("value", "✖").unwrap();
tag_span.append_child(&delete_tag_button).unwrap();
tags_span.append_child(&tag_span).unwrap();