62 lines
1.6 KiB
TypeScript
62 lines
1.6 KiB
TypeScript
|
const audio = await Service.import("audio")
|
||
|
|
|
||
|
|
import Gtk from "gi://Gtk?version=3.0"
|
||
|
|
|
||
|
|
const DELAY = 4000
|
||
|
|
|
||
|
|
function MicrophoneMute() {
|
||
|
|
const icon = Widget.Icon({
|
||
|
|
class_name: "microphone",
|
||
|
|
vexpand: true,
|
||
|
|
hexpand: true,
|
||
|
|
})
|
||
|
|
|
||
|
|
const box = Widget.Box({
|
||
|
|
child: icon,
|
||
|
|
class_name: "microphone_box",
|
||
|
|
})
|
||
|
|
|
||
|
|
const outside_box = Widget.Box({
|
||
|
|
child: box,
|
||
|
|
css: "margin-bottom:100px;"
|
||
|
|
})
|
||
|
|
|
||
|
|
const revealer = Widget.Revealer({
|
||
|
|
transition: "slide_up",
|
||
|
|
child: outside_box,
|
||
|
|
})
|
||
|
|
|
||
|
|
let count = 0
|
||
|
|
let mute = audio.microphone.stream?.is_muted ?? false
|
||
|
|
|
||
|
|
return revealer.hook(audio.microphone, () => Utils.idle(() => {
|
||
|
|
if (mute !== audio.microphone.stream?.is_muted) {
|
||
|
|
mute = audio.microphone.stream!.is_muted
|
||
|
|
icon.icon = mute ? "microphone-sensitivity-muted-symbolic" : "microphone-sensitivity-high-symbolic"
|
||
|
|
App.applyCss(mute ? `.microphone_box { color: @red_1; }` : `.microphone_box { color: @green_1; }`)
|
||
|
|
revealer.reveal_child = true
|
||
|
|
count++
|
||
|
|
|
||
|
|
Utils.timeout(DELAY, () => {
|
||
|
|
count--
|
||
|
|
if (count === 0)
|
||
|
|
revealer.reveal_child = false
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}))
|
||
|
|
}
|
||
|
|
|
||
|
|
export default (monitor) => Widget.Window({
|
||
|
|
monitor,
|
||
|
|
name: `indicator${monitor}`,
|
||
|
|
class_name: "indicator",
|
||
|
|
layer: "overlay",
|
||
|
|
anchor: ["bottom"],
|
||
|
|
click_through: true,
|
||
|
|
child: Widget.Box({
|
||
|
|
css: "padding: 2px;",
|
||
|
|
expand: true,
|
||
|
|
child: MicrophoneMute()
|
||
|
|
}),
|
||
|
|
})
|