plottery_editor 0.7.0

Graphical Editor of Plottery, a creative coding framework for generative vector graphics and pen plotting.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

use crate::components::navigation::Navigation;
use crate::model::app_state::AppState;
use crate::router::browser::project_list::ProjectList;
use crate::routes::Route;
use crate::util::format_svg;
use dioxus::prelude::*;
use dioxus_router::hooks::use_navigator;
use plottery_project::Project;

#[component]
pub fn Browser() -> Element {
    let mut app_state = use_signal(|| {
        AppState::load().unwrap_or_else(|| {
            log::info!("App state file does not exist. Creating new app state.");
            let new_state = AppState::new();
            new_state.save();
            new_state
        })
    });

    rsx! {
        style { { include_str!("./browser.css") } }
        Navigation {
            page_name: "Projects",
            body: rsx! {
                    button { class: "img_button open_hardware_button",
                    onclick: move |_event| {
                        use_navigator().push(Route::Remote {});
                    },
                    img { src: "{format_svg(include_bytes!(\"../../../public/icons/remote.svg\"))}" }
                }
            }
        }
        div { class: "Browser",
            ProjectList {
                app_state: app_state,
                on_delete_clicked: move |project: Project| {
                    let mut new_app_state = app_state.read().clone();
                    new_app_state.projects.retain(|p| *p != project);
                    new_app_state.save();
                    app_state.set(new_app_state);
                }
            }
            button { class: "img_button add_button",
                onclick: move |_event| {
                    use_navigator().push(Route::ProjectAdd {});
                },
                img { src: "{format_svg(include_bytes!(\"../../../public/icons/add.svg\"))}" }
            }
        }
    }
}