gflux 0.1.2

gflux is a tiny experimental reactive component system for rust, designed to make GTK more manageable.
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

use super::list::ListComponent;
use crate::{AppState, Task};
use gflux::{Component, ComponentCtx};
use glib::clone;
use gtk::{prelude::*, Align};

pub struct TaskComponent {
    hbox: gtk::Box,
    label: gtk::Label,
}

impl Component for TaskComponent {
    type GlobalModel = AppState;
    type Model = Task;
    type Widget = gtk::Box;
    type Params = ComponentCtx<ListComponent>;

    fn widget(&self) -> Self::Widget {
        self.hbox.clone()
    }

    fn build(ctx: ComponentCtx<Self>, list_ctx: ComponentCtx<ListComponent>) -> Self {
        let task_id = ctx.with_model(|task| task.id);

        let checkbox = gtk::CheckButton::new();
        checkbox.connect_toggled(clone!(@strong ctx => move |cb| {
            ctx.with_model_mut(|task| task.done = cb.is_active());
        }));

        let label = gtk::Label::new(None);
        label.set_hexpand(true);
        label.set_halign(Align::Start);

        let del_button = gtk::Button::from_icon_name("edit-delete");
        del_button.connect_clicked(move |_| {
            list_ctx.with_model_mut(move |tasks| tasks.remove_task(task_id));
        });

        let hbox = gtk::Box::new(gtk::Orientation::Horizontal, 8);
        hbox.append(&checkbox);
        hbox.append(&label);
        hbox.append(&del_button);

        // rebuild will be called immediately afterwards
        Self { hbox, label }
    }

    fn rebuild(&mut self, ctx: ComponentCtx<Self>) {
        let name = ctx.with_model(|task| task.name.clone());
        if ctx.with_model(|task| task.done) {
            let markup = format!("<s>{}</s>", glib::markup_escape_text(&name));
            self.label.set_markup(&markup);
        } else {
            self.label.set_text(&name);
        }
    }
}