zest-widget 0.1.1

Standard widget library for the zest GUI framework.
Documentation 
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113

//! Card layout: padded Container wrapping a vertical stack with actions.

extern crate alloc;
use alloc::string::String;
use zest::prelude::*;
use zest::zest_theme::theme::dark;

#[derive(Clone)]
enum Msg {
    Cancel,
    Ok,
}

struct Screen {
    theme: Theme<'static, Rgb565>,
    status: String,
}

impl ScreenView<Rgb565, Msg> for Screen {
    fn name(&self) -> &'static str {
        "Container"
    }

    fn theme(&self) -> &Theme<'_, Rgb565> {
        &self.theme
    }

    fn view(&self) -> Element<'_, Rgb565, Msg> {
        let actions = Row::new()
            .spacing(6)
            .push(
                Button::new("Cancel")
                    .on_press(Msg::Cancel)
                    .class(ButtonClass::Destructive)
                    .width(Length::Shrink),
            )
            .push(horizontal_space())
            .push(
                Button::new("OK")
                    .on_press(Msg::Ok)
                    .class(ButtonClass::Suggested)
                    .width(Length::Shrink),
            );

        let card_body = Column::new()
            .spacing(6)
            .push(
                Text::new("Delete project?")
                    .font(self.theme.typography.heading)
                    .color(self.theme.background.on_base),
            )
            .push(horizontal_divider())
            .push(
                Text::new("All unsaved changes will be lost. This action cannot be undone.")
                    .font(self.theme.typography.body)
                    .color(self.theme.palette.neutral_2),
            )
            .push(vertical_space())
            .push(actions);

        let card = Container::new().padding(8).child(card_body);

        Column::new()
            .spacing(4)
            .push(
                Text::new(self.status.clone())
                    .align_x(Horizontal::Center)
                    .font(self.theme.typography.caption)
                    .color(self.theme.background.on_base),
            )
            .push(card)
            .into_element()
    }
}

struct App {
    screen: Screen,
}

impl Application for App {
    type Message = Msg;
    type Color = Rgb565;
    type Screen = Screen;

    fn init() -> (Self, Task<Msg>) {
        (
            Self {
                screen: Screen {
                    theme: convert_theme(&dark::THEME),
                    status: "waiting for input...".into(),
                },
            },
            Task::none(),
        )
    }

    fn update(&mut self, m: Msg) -> Task<Msg> {
        self.screen.status = match m {
            Msg::Cancel => "Cancel tapped.".into(),
            Msg::Ok => "OK tapped.".into(),
        };
        Task::none()
    }

    fn view(&self) -> &Screen {
        &self.screen
    }
}

#[embassy_executor::main]
async fn main(_spawner: embassy_executor::Spawner) {
    zest::run::<App>("zest - Container").await;
}