gled-ui 2.33.0

gled's egui interface, shared by the desktop app and the browser
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

//! The definition's modes: which pixels share a colour. "individual", the
//! first, gives every pixel its own; the others are made by grouping the
//! selection.

use crate::fixture_definition_editor::edit::{DefinitionEdit, Edit, EditorAction};
use crate::fixture_definition_editor::state::EditorState;
use egui::{Button, Ui};

pub(crate) fn show(ui: &mut Ui, edit: &mut Edit<'_>, state: &mut EditorState) {
    for (index, mode) in edit.value.modes.iter().enumerate() {
        let label = format!("{}  ยท  {} groups", mode.name, mode.group_count());
        if ui.selectable_label(state.mode == index, label).clicked() {
            state.mode = index;
        }
    }

    ui.horizontal(|ui| {
        if ui.button("Add mode").clicked() {
            let name = format!("Mode {}", edit.value.modes.len());
            state.mode = edit.change(state, |definition| definition.add_mode(name));
        }
        let editable = state.mode > 0;
        if ui.add_enabled(editable, Button::new("Remove")).clicked() {
            let mode = state.mode;
            // a mode the definition refused to remove stays selected
            if edit.try_change(state, |definition| definition.remove_mode(mode)) {
                state.mode = mode.saturating_sub(1);
            }
        }
    });

    if state.mode == 0 {
        ui.weak("\"individual\" gives every pixel its own group. Add a mode to group pixels.");
        return;
    }

    ui.horizontal(|ui| {
        ui.label("Name");
        let mode = state.mode;
        let mut name = edit
            .value
            .modes
            .get(mode)
            .map(|mode| mode.name.clone())
            .unwrap_or_default();
        let response = ui.text_edit_singleline(&mut name);
        edit.tracked(&response, |definition| {
            if let Some(mode) = definition.modes.get_mut(mode) {
                mode.name = name;
            }
        });
    });

    let selected = !state.selection.is_empty();
    ui.horizontal_wrapped(|ui| {
        let shortcut = ui.ctx().format_shortcut(&egui::KeyboardShortcut::new(
            egui::Modifiers::COMMAND,
            egui::Key::G,
        ));
        let group = Button::new("Group selection").shortcut_text(shortcut);
        if ui.add_enabled(selected, group).clicked() {
            EditorAction::Group.apply(edit, state);
        }
        if ui
            .add_enabled(selected, Button::new("Ungroup selection"))
            .clicked()
        {
            EditorAction::Ungroup.apply(edit, state);
        }
        if ui.button("Each its own group").clicked() {
            EditorAction::EachOwnGroup.apply(edit, state);
        }
    });
}