goosemusic 1.2.0

A music player with YouTube search, local playback, and OS media controls
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

use iced::{
    alignment,
    widget::{text, text_input, Button, Container, Id, Row},
    Element,
};

use super::{styles::icon_fg, theme, Message, MusicPlayer};
use crate::{
    app::{ui::styles::fg_secondary, TrackListSearch},
    theme::AppTheme,
};

pub const TRACK_LIST_SEARCH_ID: Id = Id::new("track_list_search_input");

pub(super) fn view_track_list_search<'a>(
    player: &'a MusicPlayer,
    fs: &'a TrackListSearch,
) -> Element<'a, Message, AppTheme> {
    let count = match player.track_list_match_position() {
        Some(pos) => format!("{}/{}", pos, fs.matches.len()),
        None => format!("0/{}", fs.matches.len()),
    };

    let input = text_input(player.strings.find_in_list, &fs.query)
        .id(TRACK_LIST_SEARCH_ID)
        .on_input(Message::TrackListSearchInput)
        .padding([theme::SPACING_XS, theme::SPACING_SM]);

    let prev = icon_button(crate::icons::CHEVRON_UP_ICON, Message::TrackListSearchPrev);
    let next = icon_button(
        crate::icons::CHEVRON_DOWN_ICON,
        Message::TrackListSearchNext,
    );

    let close = icon_button(crate::icons::CLOSE_ICON, Message::TrackListSearchClose);

    let bar = Row::with_children([
        close.into(),
        input.into(),
        text(count).style(fg_secondary()).into(),
        prev.into(),
        next.into(),
    ])
    .spacing(theme::SPACING_SM)
    .align_y(alignment::Vertical::Center);

    Container::new(bar)
        .padding([theme::SPACING_SM, theme::SPACING_MD])
        .into()
}

fn icon_button(icon_data: &'static [u8], on_press: Message) -> Button<'static, Message, AppTheme> {
    Button::new(crate::icons::icon(icon_data, theme::ICON_SIZE_MD).style(icon_fg()))
        .padding(theme::SPACING_XS)
        .on_press(on_press)
}