Examples Widgets Checkbox

This examples shows how to style and bind callbacks to checkboxes.

- Layout:
    mode: table
    orientation: lr-tb
    cols: 2
    border: true

    // This is an active checkbox
    - Label:
        text: Regular:
        auto_scale: true, true
        padding_right: 1
    - CheckBox:
        active: true
        padding_bottom: 1
        selection_order: 1

    // This is a checkbox with custom symbols and colors; its state is also turned to active.
    - Label:
        text: Styled:
        auto_scale: true, true
        padding_right: 1
    - CheckBox:
        active_symbol: ✓
        inactive_symbol: x
        fg_color: red
        active: true
        selection_order: 2
        padding_bottom: 1
        padding_right: 1

    // This is a checkbox to which we will bind an 'on_value_change' callback. When the value changes
    // from on to off or vice versa, the label will change text and color.
    - Label:
        text: Callback:
        auto_scale: true, true
        padding_right: 1
    - Layout:
        auto_scale: true, true
        - CheckBox:
            id: change_label_checkbox
            selection_order: 3
            padding_right: 1
        - Label:
            id: my_label
            text: Inactive
            fg_color: red
            auto_scale: true, true

use ez_term::*;

fn main () {
    let (root_widget, mut state_tree, mut scheduler) = load_ui();

    let change_label_callback = |context: Context| {

        let checkbox_state = context.state_tree.get_mut(&context.widget_path)
            .as_checkbox_mut();
        let active = checkbox_state.get_active();
        let (text, color) = if active {
            ("Active".to_string(), Color::Green)
        } else {
            ("Inactive".to_string(), Color::Red)
        };

        let label_state = context.state_tree.get_mut("my_label").as_label_mut();
        label_state.set_text(text);
        label_state.get_color_config_mut().set_fg_color(color);
        label_state.update(context.scheduler);
        false
    };

    let callback_config =
        CallbackConfig::from_on_value_change(Box::new(change_label_callback));
    scheduler.update_callback_config("change_label_checkbox", callback_config);

    run(root_widget, state_tree, scheduler);
}