mirror of
https://github.com/zaphar/kitchen.git
synced 2025-07-25 20:09:48 -04:00
65 lines
2.0 KiB
Rust
65 lines
2.0 KiB
Rust
// Copyright 2022 Jeremy Wall
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
use sycamore::prelude::*;
|
|
use tracing::debug;
|
|
|
|
use super::Header;
|
|
#[derive(Clone, Prop)]
|
|
pub struct TabState<G: GenericNode> {
|
|
pub inner: View<G>,
|
|
pub selected: Option<String>,
|
|
}
|
|
|
|
#[component]
|
|
pub fn TabbedView<G: Html>(cx: Scope, state: TabState<G>) -> View<G> {
|
|
let tablist = create_signal(
|
|
cx,
|
|
vec![
|
|
("/ui/plan", "Plan"),
|
|
("/ui/inventory", "Inventory"),
|
|
("/ui/cook", "Cook"),
|
|
("/ui/categories", "Categories"),
|
|
],
|
|
);
|
|
let TabState { inner, selected } = state;
|
|
view! {cx,
|
|
Header { }
|
|
nav {
|
|
ul(class="tabs") {
|
|
Indexed(
|
|
iterable=tablist,
|
|
view=move |cx, (href, show)| {
|
|
debug!(?selected, show, "identifying tab");
|
|
let class = if selected.as_ref().map_or(false, |selected| selected == show) {
|
|
"no-print selected"
|
|
} else {
|
|
"no-print"
|
|
};
|
|
view! {cx,
|
|
li(class=class) { a(href=href) { (show) } }
|
|
}
|
|
}
|
|
)
|
|
}
|
|
ul {
|
|
li { a(href="/ui/login") { "Login" } " | " }
|
|
li { a(href="https://github.com/zaphar/kitchen") { "Github" } }
|
|
}
|
|
}
|
|
main(class=".conatiner-fluid") {
|
|
(inner)
|
|
}
|
|
}
|
|
}
|