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
|
#!/usr/bin/env lua
-- imports
local astal = require("astal.init")
local Widget, Variable, App, bind = astal.Widget, astal.Variable, astal.App, astal.bind
-- state
local player = astal.require("Playerctl").Player.new("spotify")
local title = Variable(player:get_title()):observe(player, "metadata", function()
return player:get_title()
end)
local rnd = Variable(1):poll(1000, function()
return math.random(1, 10)
end)
-- ui
local Bar = function(monitor)
return Widget.Window({
application = App,
id = "bar",
name = "bar",
monitor = monitor,
anchor = astal.Astal.WindowAnchor.BOTTOM
+ astal.Astal.WindowAnchor.LEFT
+ astal.Astal.WindowAnchor.RIGHT,
exclusivity = "EXCLUSIVE",
Widget.CenterBox({
class_name = "bar",
start_widget = Widget.Label({
valign = "CENTER",
label = "Welcome to Astal.lua",
}),
center_widget = Widget.Box({
children = bind(rnd):as(function(n)
local children = {}
for i = 1, n, 1 do
table.insert(
children,
Widget.Button({
label = tostring(i),
on_clicked = function()
print(i)
end,
})
)
end
return children
end),
}),
end_widget = Widget.Label({
valign = "CENTER",
label = bind(title),
}),
}),
})
end
-- css
local css = [[
.bar button {
color: blue;
}
]]
-- main
App:start({
request_handler = function(msg, res)
if msg == "quit" then
os.exit(0)
end
if msg == "inspector" then
res(App:inspector())
end
res("hi")
end,
css = css,
}, function()
Bar(0)
end)
|
