kitchen/web/src/components/recipe_selector.rs

// 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 recipes::Recipe;
use sycamore::{futures::spawn_local_scoped, prelude::*};
use tracing::{error, instrument};

use crate::components::recipe_selection::*;
use crate::service::*;

#[allow(non_snake_case)]
#[instrument]
pub fn RecipeSelector<G: Html>(cx: Scope) -> View<G> {
    let app_service = get_appservice_from_context(cx).clone();
    let rows = create_memo(cx, move || {
        let mut rows = Vec::new();
        if let (_, Some(bt)) = app_service.fetch_recipes_from_storage().unwrap() {
            for row in bt
                .iter()
                .map(|(k, v)| create_signal(cx, (k.clone(), v.clone())))
                .collect::<Vec<&Signal<(String, Recipe)>>>()
                .chunks(4)
            {
                rows.push(create_signal(cx, Vec::from(row)));
            }
        }
        rows
    });
    let app_service = get_appservice_from_context(cx).clone();
    let clicked = create_signal(cx, false);
    create_effect(cx, move || {
        clicked.track();
        spawn_local_scoped(cx, {
            let mut app_service = app_service.clone();
            async move {
                if let Err(err) = app_service.synchronize().await {
                    error!(?err);
                };
            }
        });
    });
    view! {cx,
        table(class="recipe_selector no-print") {
            (View::new_fragment(
                rows.get().iter().cloned().map(|r| {
                    view ! {cx,
                        tr { Keyed(
                            iterable=r,
                            view=|cx, sig| {
                                let title = create_memo(cx, move || sig.get().1.title.clone());
                                view! {cx,
                                    td { RecipeSelection(i=sig.get().0.to_owned(), title=title) }
                                }
                            },
                            key=|sig| sig.get().0.to_owned(),
                        )}
                    }
                }).collect()
            ))
        }
        input(type="button", value="Refresh Recipes", on:click=move |_| {
            // Poor man's click event signaling.
            let toggle = !*clicked.get();
            clicked.set(toggle);
        })
    }
}