You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
349 lines
10 KiB
349 lines
10 KiB
-- SPDX-FileCopyrightText: 2023 jacqueline <me@jacqueline.id.au>
|
|
--
|
|
-- SPDX-License-Identifier: GPL-3.0-only
|
|
|
|
local lvgl = require("lvgl")
|
|
local widgets = require("widgets")
|
|
local backstack = require("backstack")
|
|
local font = require("font")
|
|
local playback = require("playback")
|
|
local queue = require("queue")
|
|
local screen = require("screen")
|
|
local theme = require("theme")
|
|
local playing_menu = require("playing_menu")
|
|
|
|
local img = require("images")
|
|
|
|
local format_time = function(time)
|
|
time = math.floor(time)
|
|
local seconds = time % 60
|
|
local minutes = (time // 60) % 60
|
|
local hours = time // (60 * 60)
|
|
if (hours > 0) then
|
|
return string.format("%d:%02d:%02d", hours, minutes, seconds)
|
|
else
|
|
return string.format("%d:%02d", minutes, seconds)
|
|
end
|
|
end
|
|
|
|
local is_now_playing_shown = false
|
|
|
|
local icon_enabled_class = "icon_enabled"
|
|
local icon_disabled_class = "icon_disabled"
|
|
|
|
return screen:new {
|
|
create_ui = function(self)
|
|
self.root = lvgl.Object(nil, {
|
|
flex = {
|
|
flex_direction = "column",
|
|
flex_wrap = "wrap",
|
|
justify_content = "center",
|
|
align_items = "center",
|
|
align_content = "center",
|
|
},
|
|
w = lvgl.HOR_RES(),
|
|
h = lvgl.VER_RES(),
|
|
})
|
|
self.root:center()
|
|
|
|
self.status_bar = widgets.StatusBar(self, {
|
|
back_cb = backstack.pop,
|
|
transparent_bg = true,
|
|
})
|
|
|
|
local info = self.root:Object {
|
|
flex = {
|
|
flex_direction = "column",
|
|
flex_wrap = "wrap",
|
|
justify_content = "center",
|
|
align_items = "center",
|
|
align_content = "center",
|
|
},
|
|
w = lvgl.PCT(100),
|
|
h = lvgl.SIZE_CONTENT,
|
|
flex_grow = 1,
|
|
}
|
|
|
|
local artist = info:Label {
|
|
w = lvgl.PCT(100),
|
|
h = lvgl.SIZE_CONTENT,
|
|
text = "",
|
|
text_font = font.fusion_10,
|
|
text_align = 2,
|
|
}
|
|
|
|
local album = info:Label {
|
|
w = lvgl.PCT(100),
|
|
h = lvgl.SIZE_CONTENT,
|
|
text = "",
|
|
text_font = font.fusion_10,
|
|
text_align = 2,
|
|
}
|
|
|
|
local title = info:Label {
|
|
w = lvgl.PCT(100),
|
|
h = lvgl.SIZE_CONTENT,
|
|
text = "",
|
|
text_align = 2,
|
|
}
|
|
|
|
local playlist = self.root:Object {
|
|
flex = {
|
|
flex_direction = "row",
|
|
justify_content = "space_between",
|
|
align_items = "center",
|
|
align_content = "center",
|
|
},
|
|
w = lvgl.PCT(95),
|
|
h = lvgl.SIZE_CONTENT,
|
|
}
|
|
|
|
playlist:Object({ w = 3, h = 1 }) -- spacer
|
|
|
|
local cur_time = playlist:Label {
|
|
w = lvgl.PCT(30),
|
|
h = lvgl.SIZE_CONTENT,
|
|
align = lvgl.ALIGN.LEFT_MID,
|
|
text = "",
|
|
text_font = font.fusion_10,
|
|
}
|
|
|
|
playlist:Object({ flex_grow = 1, h = 1 }) -- spacer
|
|
|
|
local playlist_pos_container = playlist:Object{
|
|
flex = {
|
|
flex_direction = "row",
|
|
justify_content = "center",
|
|
align_items = "center",
|
|
align_content = "center",
|
|
},
|
|
w = lvgl.SIZE_CONTENT,
|
|
h = lvgl.SIZE_CONTENT,
|
|
}
|
|
local playlist_pos = playlist_pos_container:Label {
|
|
text = "",
|
|
text_font = font.fusion_10,
|
|
}
|
|
playlist_pos_container:Label {
|
|
text = "/",
|
|
text_font = font.fusion_10,
|
|
}
|
|
local playlist_total = playlist_pos_container:Label {
|
|
text = "",
|
|
text_font = font.fusion_10,
|
|
}
|
|
|
|
playlist:Object({ flex_grow = 1, h = 1 }) -- spacer
|
|
|
|
local end_time = playlist:Label {
|
|
w = lvgl.PCT(30),
|
|
h = lvgl.SIZE_CONTENT,
|
|
text_align = 3, -- LV_TEXT_ALIGN_RIGHT
|
|
text = format_time(0),
|
|
text_font = font.fusion_10,
|
|
}
|
|
playlist:Object({ w = 3, h = 1 }) -- spacer
|
|
|
|
local scrubber = self.root:Slider {
|
|
w = lvgl.PCT(90),
|
|
h = 5,
|
|
range = { min = 0, max = 100 },
|
|
value = 0,
|
|
}
|
|
theme.set_subject(scrubber, "scrubber");
|
|
local scrubber_desc = widgets.Description(scrubber, "Scrubber")
|
|
|
|
scrubber:onevent(lvgl.EVENT.RELEASED, function()
|
|
local track = playback.track:get()
|
|
if not track then return end
|
|
if not track.duration then return end
|
|
playback.position:set(scrubber:value() / 100 * track.duration)
|
|
end)
|
|
scrubber:onevent(lvgl.EVENT.VALUE_CHANGED, function()
|
|
if scrubber:is_dragged() then
|
|
local track = playback.track:get()
|
|
if not track then return end
|
|
if not track.duration then return end
|
|
cur_time:set {
|
|
text = format_time(scrubber:value() / 100 * track.duration)
|
|
}
|
|
end
|
|
end)
|
|
|
|
self.root:Object({ w = 1, h = 1 }) -- spacer
|
|
|
|
local controls = self.root:Object {
|
|
flex = {
|
|
flex_direction = "row",
|
|
justify_content = "center",
|
|
align_items = "center",
|
|
align_content = "center",
|
|
},
|
|
w = lvgl.PCT(100),
|
|
h = lvgl.SIZE_CONTENT,
|
|
pad_column = 5,
|
|
pad_all = 2,
|
|
}
|
|
|
|
controls:Object({ flex_grow = 1, h = 1 }) -- spacer
|
|
|
|
local repeat_btn = controls:Button {}
|
|
repeat_btn:onClicked(function()
|
|
queue.repeat_mode:set((queue.repeat_mode:get() + 1) % 3)
|
|
end)
|
|
local repeat_img = repeat_btn:Image { src = img.repeat_off }
|
|
theme.set_subject(repeat_btn, icon_enabled_class)
|
|
local repeat_desc = widgets.Description(repeat_btn)
|
|
|
|
|
|
local prev_btn = controls:Button {}
|
|
prev_btn:onClicked(function()
|
|
if playback.position:get() > 3 then
|
|
playback.position:set(0)
|
|
else
|
|
queue.previous()
|
|
end
|
|
end)
|
|
local prev_img = prev_btn:Image { src = img.prev }
|
|
theme.set_subject(prev_btn, icon_enabled_class)
|
|
local prev_desc = widgets.Description(prev_btn, "Previous track")
|
|
|
|
local play_pause_btn = controls:Button {}
|
|
play_pause_btn:onClicked(function()
|
|
if (not playback.track:get()) then
|
|
-- Restart the last played track
|
|
queue.position:set(queue.position:get())
|
|
end
|
|
playback.playing:set(not playback.playing:get())
|
|
end)
|
|
play_pause_btn:focus()
|
|
local play_pause_img = play_pause_btn:Image { src = img.pause }
|
|
theme.set_subject(play_pause_btn, icon_enabled_class)
|
|
local play_pause_desc = widgets.Description(play_pause_btn, "Play")
|
|
|
|
local next_btn = controls:Button {}
|
|
next_btn:onClicked(queue.next)
|
|
local next_img = next_btn:Image { src = img.next }
|
|
theme.set_subject(next_btn, icon_disabled_class)
|
|
local next_desc = widgets.Description(next_btn, "Next track")
|
|
|
|
local shuffle_btn = controls:Button {}
|
|
shuffle_btn:onClicked(function()
|
|
queue.random:set(not queue.random:get())
|
|
end)
|
|
local shuffle_img = shuffle_btn:Image { src = img.shuffle }
|
|
theme.set_subject(shuffle_btn, icon_enabled_class)
|
|
local shuffle_desc = widgets.Description(shuffle_btn)
|
|
|
|
local menu_btn = controls:Button {}
|
|
menu_btn:onClicked(function()
|
|
backstack.push(playing_menu:new())
|
|
end)
|
|
local menu_img = menu_btn:Image { src = img.menu }
|
|
theme.set_subject(menu_btn, icon_enabled_class)
|
|
local menu_desc = widgets.Description(menu_btn, "Track info")
|
|
|
|
controls:Object({ flex_grow = 1, h = 1 }) -- spacer
|
|
|
|
|
|
self.bindings = self.bindings + {
|
|
playback.playing:bind(function(playing)
|
|
if playing then
|
|
play_pause_img:set_src(img.pause)
|
|
play_pause_desc:set { text = "Pause" }
|
|
else
|
|
play_pause_img:set_src(img.play)
|
|
play_pause_desc:set { text = "Play" }
|
|
end
|
|
end),
|
|
playback.position:bind(function(pos)
|
|
if not pos then return end
|
|
if not scrubber:is_dragged() then
|
|
cur_time:set {
|
|
text = format_time(pos)
|
|
}
|
|
local track = playback.track:get()
|
|
if not track then
|
|
scrubber:set{value = 0}
|
|
return
|
|
end
|
|
if not track.duration then return end
|
|
scrubber:set { value = pos / track.duration * 100 }
|
|
end
|
|
end),
|
|
queue.ready:bind(function(ready)
|
|
if not ready then
|
|
if queue.loading:get() then
|
|
title:set { text = "Loading..." }
|
|
else
|
|
title:set{ text = "Not Playing" }
|
|
end
|
|
album:set{text=""}
|
|
artist:set{text=""}
|
|
cur_time:set { text = format_time(0) }
|
|
end_time:set { text = format_time(0) }
|
|
end
|
|
end),
|
|
playback.track:bind(function(track)
|
|
if not track then
|
|
return
|
|
end
|
|
if track.duration then
|
|
end_time:set { text = format_time(track.duration) }
|
|
else
|
|
end_time:set { text = format_time(playback.position:get()) }
|
|
end
|
|
title:set { text = track.title }
|
|
if track.album then
|
|
album:set { text = string.sub(track.album, 1, 58) }
|
|
album:clear_flag(lvgl.FLAG.HIDDEN)
|
|
else
|
|
album:add_flag(lvgl.FLAG.HIDDEN)
|
|
end
|
|
artist:set { text = track.artist or "Unknown Artist" }
|
|
end),
|
|
queue.position:bind(function(pos)
|
|
if not pos then return end
|
|
playlist_pos:set { text = tostring(pos) }
|
|
|
|
local can_next = pos < queue.size:get() or queue.random:get() or queue.repeat_mode:get() == queue.RepeatMode.REPEAT_QUEUE
|
|
theme.set_subject(
|
|
next_btn, can_next and icon_enabled_class or icon_disabled_class
|
|
)
|
|
end),
|
|
queue.random:bind(function(shuffling)
|
|
theme.set_subject(shuffle_btn, shuffling and icon_enabled_class or icon_disabled_class)
|
|
if shuffling then
|
|
shuffle_img:set_src(img.shuffle)
|
|
shuffle_desc:set { text = "Disable shuffle" }
|
|
else
|
|
shuffle_img:set_src(img.shuffle_off)
|
|
shuffle_desc:set { text = "Enable shuffle" }
|
|
end
|
|
end),
|
|
queue.repeat_mode:bind(function(mode)
|
|
if mode == queue.RepeatMode.OFF then
|
|
repeat_img:set_src(img.repeat_off)
|
|
repeat_desc:set { text = "Repeat off" }
|
|
elseif mode == queue.RepeatMode.REPEAT_TRACK then
|
|
repeat_img:set_src(img.repeat_track)
|
|
repeat_desc:set { text = "Repeat track" }
|
|
elseif mode == queue.RepeatMode.REPEAT_QUEUE then
|
|
repeat_img:set_src(img.repeat_queue)
|
|
repeat_desc:set { text = "Repeat queue" }
|
|
end
|
|
end),
|
|
queue.size:bind(function(num)
|
|
if not num then return end
|
|
playlist_total:set { text = tostring(num) }
|
|
end),
|
|
}
|
|
end,
|
|
on_show = function() is_now_playing_shown = true end,
|
|
on_hide = function() is_now_playing_shown = false end,
|
|
push_if_not_shown = function(self)
|
|
if not is_now_playing_shown then
|
|
backstack.push(self:new())
|
|
end
|
|
end
|
|
}
|
|
|