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
53

use crate::{
    components::navigation::Navigation,
    router::project_add::{project_create::ProjectCreate, project_import::ProjectImport},
};
use dioxus::prelude::*;

enum ProjectAddTypes {
    Create,
    Import,
}

#[component]
pub fn ProjectAdd() -> Element {
    let mut project_add_type = use_signal(|| ProjectAddTypes::Create);

    let create_class = match *project_add_type.read() {
        ProjectAddTypes::Create => "segmented_button_item_selected",
        _ => "",
    };
    let import_class = match *project_add_type.read() {
        ProjectAddTypes::Import => "segmented_button_item_selected",
        _ => "",
    };

    rsx! {
        style { { include_str!("./project_add.css") } }
        Navigation { page_name: "Add project", body: rsx! {} }

        div { class: "ProjectAdd",
            div { class: "segmented_button",
                button { class: "segmented_button_item {create_class}",
                    onclick: move |_event| {
                        project_add_type.set(ProjectAddTypes::Create)
                    },
                    "Create"
                }
                button { class: "segmented_button_item {import_class}",
                    onclick: move |_event| {
                        project_add_type.set(ProjectAddTypes::Import)
                    },
                    "Import",
                }
            }
            div { class: "project_add_content",
                if let ProjectAddTypes::Create = *project_add_type.read() {
                    ProjectCreate {}
                } else if let ProjectAddTypes::Import = *project_add_type.read(){
                    ProjectImport {}
                }
            }
        }
    }
}