nuhxboard 0.6.3

Cross-platform input visualizer
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

use crate::{message::*, types::*};
use iced::{
    border::Radius,
    font::Weight,
    widget::{button, container, row, text, text::IntoFragment, Button, Container, Row, Text},
    Alignment, Border, Color, Element, Font, Length, Shadow,
};
use iced_aw::{color_picker, widget::InnerBounds, Quad};
use nuhxboard_types::style::NohRgb;

pub fn labeled_text_input<'a>(
    label: impl IntoFragment<'a>,
    text_input: iced::widget::TextInput<'a, Message>,
) -> Row<'a, Message> {
    row![text(label), text_input].align_y(Alignment::Center)
}

pub fn gray_box<'a>(content: impl Into<Element<'a, Message>>) -> Container<'a, Message> {
    container(content)
        .style(move |_| container::Style {
            background: None,
            text_color: None,
            border: Border {
                color: NohRgb::DEFAULT_GRAY.into(),
                width: 1.0,
                radius: Radius::from(0.0),
            },
            shadow: Shadow::default(),
        })
        .padding(5)
        .width(Length::Fill)
        .align_x(Alignment::Center)
}

pub fn picker_button<'a>(
    label: impl std::fmt::Display,
    open: bool,
    color: Color,
    picker: ColorPicker,
) -> Row<'a, Message> {
    row![
        color_picker(
            open,
            color,
            button("")
                .width(Length::Fixed(15.0))
                .height(Length::Fixed(15.0))
                .style(move |theme, status| match status {
                    button::Status::Active | button::Status::Hovered => button::Style {
                        background: Some(iced::Background::Color(color)),
                        border: Border {
                            color: Color::BLACK,
                            width: 1.0,
                            radius: Radius::new(0)
                        },
                        ..button::primary(theme, status)
                    },
                    _ => button::primary(theme, status),
                })
                .on_press(Message::ToggleColorPicker(picker)),
            Message::ToggleColorPicker(picker),
            move |v| Message::ChangeColor(picker, v)
        ),
        text(format!(" {}", label))
    ]
    .align_y(Alignment::Center)
}

pub fn context_menu_button(label: &str) -> Button<Message> {
    let text = text(label).size(12);
    button(text)
        .style(|theme, status| match status {
            button::Status::Active => button::Style {
                background: Some(iced::Background::Color(iced::Color::WHITE)),
                text_color: iced::Color::BLACK,
                ..button::primary(theme, status)
            },
            button::Status::Hovered => button::Style {
                border: iced::Border {
                    color: iced::Color::from_rgb(0.0, 0.0, 1.0),
                    width: 2.0,
                    radius: 0.into(),
                },
                text_color: iced::Color::BLACK,
                background: Some(iced::Background::Color(iced::Color::WHITE)),
                ..button::primary(theme, status)
            },
            button::Status::Disabled => button::Style {
                background: Some(iced::Background::Color(iced::Color::WHITE)),
                text_color: iced::Color::from_rgb(100.0 / 255.0, 100.0 / 255.0, 100.0 / 255.0),
                ..button::primary(theme, status)
            },
            _ => button::primary(theme, status),
        })
        .width(Length::Fill)
}

pub fn seperator() -> Quad {
    Quad {
        quad_color: iced::Background::Color(Color::from_rgb8(204, 204, 204)),
        height: Length::Fixed(5.0),
        inner_bounds: InnerBounds::Ratio(0.95, 0.2),
        ..Default::default()
    }
}
pub fn category_label<'a>(label: impl IntoFragment<'a>) -> Text<'a> {
    text(label)
        .font(Font {
            weight: Weight::Bold,
            ..Default::default()
        })
        .align_x(Alignment::Center)
        .width(Length::Fill)
}