zaphar/kitchen
1
0
Fork 0
mirror of https://github.com/zaphar/kitchen.git synced 2025-07-22 19:40:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Better nav organization in ui

Browse Source
This commit is contained in:
Jeremy Wall 2022-03-07 16:22:51 -05:00
parent 3b6987e4cc
commit 9eeeed9e6b
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/components/tabs.rs
View File

@ -24,15 +24,21 @@ pub struct TabState<G: GenericNode> {
#[component(TabbedView<G>)]
pub fn tabbed_view(state: TabState<G>) -> View<G> {
cloned!((state) => view! {
input(type="button", value="Plan", class="no-print", on:click=cloned!((state) => move |_| {
state.route.set(AppRoutes::Plan);
}))
input(type="button", value="Inventory", class="no-print", on:click=cloned!((state) => move |_| {
state.route.set(AppRoutes::Inventory);
}))
input(type="button", value="Cook", class="no-print", on:click=cloned!((state) => move |_| {
state.route.set(AppRoutes::Cook);
}))
(state.inner)
div(class="nav-header no-print") {
a(class="no-print", on:click=cloned!((state) => move |_| {
state.route.set(AppRoutes::Plan);
})) { "Plan" }
" | "
a(class="no-print", on:click=cloned!((state) => move |_| {
state.route.set(AppRoutes::Inventory);
})) { "Inventory" }
" | "
a(on:click=cloned!((state) => move |_| {
state.route.set(AppRoutes::Cook);
})) { "Cook" }
}
div {
(state.inner)
}
})
}