kr580 1.1.0

Desktop KR580VM80 / Intel 8080 emulator.
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169

use iced::widget::{Space, button, container, radio};
use iced::{Background, Border, Color, Element, Length, alignment};

use super::super::styles::modal_field_button_style;
use super::super::theme::{
    tokyo_blue, tokyo_board, tokyo_border, tokyo_muted, tokyo_surface, tokyo_text, ui_text,
};
use crate::app::Message;

pub(super) fn footer_button(
    label: &'static str,
    enabled: bool,
    focused: bool,
) -> button::Button<'static, Message> {
    let color = if enabled { tokyo_text() } else { tokyo_muted() };
    button(
        container(ui_text(label, 14, color))
            .width(Length::Fill)
            .height(Length::Fill)
            .align_x(alignment::Horizontal::Center)
            .align_y(alignment::Vertical::Center),
    )
    .width(Length::Fixed(118.0))
    .height(Length::Fixed(36.0))
    .padding(0)
    .style(move |_theme, status| {
        let status = if enabled {
            status
        } else {
            button::Status::Disabled
        };
        let mut style = modal_field_button_style(status);
        if focused {
            style.border.color = tokyo_blue();
        }
        style
    })
}

pub(super) fn dropdown_anchor_style(
    status: button::Status,
    opened: bool,
    focused: bool,
) -> button::Style {
    let background = match (opened, status) {
        (true, _) => Color {
            a: 0.6,
            ..tokyo_surface()
        },
        (false, button::Status::Hovered) => Color {
            a: 0.4,
            ..tokyo_surface()
        },
        (false, button::Status::Pressed) => Color {
            a: 0.6,
            ..tokyo_surface()
        },
        _ => Color::TRANSPARENT,
    };
    button::Style {
        background: Some(Background::Color(background)),
        text_color: tokyo_text(),
        border: Border {
            radius: 6.0.into(),
            width: 1.0,
            color: if focused {
                tokyo_blue()
            } else {
                tokyo_border()
            },
        },
        ..button::Style::default()
    }
}

pub(super) fn dropdown_panel_style(_theme: &iced::Theme) -> container::Style {
    container::Style {
        background: Some(Background::Color(tokyo_board())),
        border: Border {
            radius: 6.0.into(),
            width: 1.0,
            color: tokyo_border(),
        },
        ..container::Style::default()
    }
}

pub(super) fn dropdown_option_style(status: button::Status, selected: bool) -> button::Style {
    let background = match (selected, status) {
        (true, _) => tokyo_surface(),
        (false, button::Status::Hovered) => Color {
            a: 0.5,
            ..tokyo_surface()
        },
        (false, button::Status::Pressed) => tokyo_surface(),
        _ => Color::TRANSPARENT,
    };
    button::Style {
        background: Some(Background::Color(background)),
        text_color: tokyo_text(),
        border: Border::default(),
        ..button::Style::default()
    }
}

pub(super) fn separator() -> Element<'static, Message> {
    container(Space::new())
        .height(Length::Fixed(1.0))
        .width(Length::Fill)
        .style(|_theme| container::Style {
            background: Some(Background::Color(Color {
                a: 0.6,
                ..tokyo_border()
            })),
            ..container::Style::default()
        })
        .into()
}

pub(super) fn group_style(_theme: &iced::Theme) -> container::Style {
    container::Style {
        border: Border {
            radius: 4.0.into(),
            width: 1.0,
            color: tokyo_border(),
        },
        ..container::Style::default()
    }
}

pub(super) fn radio_style(focused: bool) -> impl Fn(&iced::Theme, radio::Status) -> radio::Style {
    move |_theme, status| {
        let selected = match status {
            radio::Status::Active { is_selected } | radio::Status::Hovered { is_selected } => {
                is_selected
            }
        };
        radio::Style {
            background: Background::Color(Color::TRANSPARENT),
            dot_color: if selected {
                tokyo_blue()
            } else {
                Color::TRANSPARENT
            },
            border_width: if focused { 2.0 } else { 1.0 },
            border_color: if focused {
                tokyo_blue()
            } else {
                tokyo_border()
            },
            text_color: Some(tokyo_text()),
        }
    }
}

#[cfg(test)]
mod tests {
    use super::*;

    #[test]
    fn selected_radio_keeps_blue_dot_without_focus_border() {
        let style = radio_style(false)(
            &iced::Theme::Dark,
            radio::Status::Active { is_selected: true },
        );
        assert_eq!(style.dot_color, tokyo_blue());
        assert_eq!(style.border_color, tokyo_border());
    }
}