kr580 1.0.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

use iced::widget::{Space, button, column, container, row, svg};
use iced::{Element, Length, alignment};

use super::super::icons;
use super::super::theme::{TOKYO_MUTED, TOKYO_TEXT, ui_text};
use super::consts::{DROPDOWN_CHEVRON_SIZE, LANGUAGE_PICKER_WIDTH};
use super::setting_row::setting_row;
use super::styles::{dropdown_anchor_style, dropdown_option_style, dropdown_panel_style};
use crate::app::{ContentFocus, Message, SettingsDialog, SettingsSection};
use crate::i18n::{Key, Lang};

pub(super) fn language_setting_row<'a>(
    dialog: &'a SettingsDialog,
    lang: Lang,
) -> Element<'a, Message> {
    let active_label = lang.t(language_label_key(dialog.draft_lang));
    let keyboard_focused = dialog.section == SettingsSection::Content
        && dialog.content_focus == Some(ContentFocus::LanguageAnchor);

    let chevron = svg(icons::chevron_down())
        .width(Length::Fixed(DROPDOWN_CHEVRON_SIZE))
        .height(Length::Fixed(DROPDOWN_CHEVRON_SIZE))
        .style(|_theme, _status| svg::Style {
            color: Some(TOKYO_MUTED),
        });

    let anchor = button(
        container(
            row![
                ui_text(active_label, 13, TOKYO_TEXT),
                Space::new().width(Length::Fill),
                chevron,
            ]
            .align_y(alignment::Vertical::Center)
            .spacing(10),
        )
        .padding([8, 12])
        .width(Length::Fixed(LANGUAGE_PICKER_WIDTH)),
    )
    .on_press(Message::SettingsLanguageDropdownToggled)
    .padding(0)
    .style(move |_theme, status| dropdown_anchor_style(status, keyboard_focused));

    setting_row(
        lang.t(Key::SettingsLanguageLabel),
        lang.t(Key::SettingsLanguageHint),
        anchor.into(),
    )
}

pub(super) fn language_dropdown_list(
    selected: Option<Lang>,
    highlighted: Lang,
    lang: Lang,
) -> Element<'static, Message> {
    let options = column![
        language_dropdown_option(
            Lang::Ru,
            selected == Some(Lang::Ru),
            highlighted == Lang::Ru,
            lang
        ),
        language_dropdown_option(
            Lang::En,
            selected == Some(Lang::En),
            highlighted == Lang::En,
            lang
        ),
    ]
    .spacing(0);

    container(options)
        .padding(4)
        .width(Length::Fixed(LANGUAGE_PICKER_WIDTH))
        .style(dropdown_panel_style)
        .into()
}

fn language_dropdown_option(
    target: Lang,
    selected: bool,
    highlighted: bool,
    lang: Lang,
) -> Element<'static, Message> {
    let label = lang.t(language_label_key(target));
    button(
        container(ui_text(label, 13, TOKYO_TEXT))
            .padding([6, 10])
            .width(Length::Fill),
    )
    .on_press(Message::SettingsDraftLanguageChanged(target))
    .padding(0)
    .width(Length::Fill)
    .style(move |_theme, status| dropdown_option_style(status, selected, highlighted))
    .into()
}

pub(super) fn language_label_key(target: Lang) -> Key {
    match target {
        Lang::Ru => Key::LangRussian,
        Lang::En => Key::LangEnglish,
    }
}