cushy 0.4.0

A wgpu-powered graphical user interface (GUI) library with a reactive data model
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

use std::collections::HashMap;

use cushy::value::{Dynamic, MapEach, Source};
use cushy::widget::{MakeWidget, WidgetList};
use cushy::widgets::input::InputValue;
use cushy::Run;

#[derive(Debug, Clone, Eq, PartialEq)]
pub struct Contact {
    pub id: u64,
    pub first_name: String,
    pub last_name: String,
    pub title: String,
}

fn main() -> cushy::Result {
    let initial_contacts = vec![
        Contact {
            id: 0,
            first_name: String::from("John"),
            last_name: String::from("Doe"),
            title: String::from("Chef"),
        },
        Contact {
            id: 1,
            first_name: String::from("Jane"),
            last_name: String::from("Smith"),
            title: String::from("Doctor"),
        },
    ];
    let db = Dynamic::new(
        initial_contacts
            .into_iter()
            .map(|contact| (contact.id, contact))
            .collect::<HashMap<_, _>>(),
    );
    let selected_contact = Dynamic::new(None::<u64>);
    let contact_list = db.map_each({
        let selected_contact = selected_contact.clone();
        move |contacts| {
            let mut entries = contacts
                .iter()
                .map(|(id, contact)| (contact.last_name.clone(), contact.first_name.clone(), *id))
                .collect::<Vec<_>>();
            entries.sort();
            entries
                .into_iter()
                .map(|(last, first, id)| {
                    selected_contact
                        .new_select(Some(id), format!("{first} {last}").align_left())
                        .make_widget()
                })
                .collect::<WidgetList>()
        }
    });

    let editing_contact = (&selected_contact, &db).map_each({
        let db = db.clone();
        move |(selected, contacts)| {
            selected
                .map(|id| edit_contact_form(&contacts[&id], &db).make_widget())
                .unwrap_or_else(|| "Select a contact".centered().make_widget())
        }
    });
    contact_list
        .into_rows()
        .vertical_scroll()
        .and(editing_contact.expand())
        .into_columns()
        .run()
}

fn edit_contact_form(contact: &Contact, db: &Dynamic<HashMap<u64, Contact>>) -> impl MakeWidget {
    let first = Dynamic::new(contact.first_name.clone());
    let last = Dynamic::new(contact.last_name.clone());
    let title = Dynamic::new(contact.title.clone());

    "First Name"
        .and(first.to_input())
        .and("Last Name")
        .and(last.to_input())
        .and("Title")
        .and(title.to_input())
        .and(
            "Save"
                .into_button()
                .on_click({
                    let contact_id = contact.id;
                    let db = db.clone();
                    move |_| {
                        let mut db = db.lock();
                        let contact = db.get_mut(&contact_id).expect("missing contact");
                        contact.first_name = first.get();
                        contact.last_name = last.get();
                        contact.title = title.get();
                    }
                })
                .into_default()
                .align_right(),
        )
        .into_rows()
}