99 lines
3.2 KiB
QML
99 lines
3.2 KiB
QML
// One tile of the camera/microphone/screen strip: whether the thing is being
|
|
// used right this second, and by what.
|
|
//
|
|
// PrivacyLiveTile {
|
|
// glyph: "\u{F0100}"
|
|
// label: "Camera"
|
|
// measured: PrivacyState.initialized
|
|
// active: PrivacyState.cameraActive
|
|
// app: PrivacyState.cameraApp
|
|
// }
|
|
//
|
|
// Three states, not two. `active` is false both when nothing is using the
|
|
// camera and when nobody has looked -- PrivacyState's probe is pw-dump, which
|
|
// is absent on a machine without PipeWire's tools and leaves every flag at its
|
|
// default false -- so `measured` says which of the two "Idle" would have meant.
|
|
//
|
|
// Deliberately still. An indicator that pulses or fades is reporting the same
|
|
// fact over and over at sixty frames a second, and this one sits on a settings
|
|
// page that may be open for a long time -- the border and the warn-toned line
|
|
// carry the whole of the difference, and they carry it without repainting.
|
|
|
|
import QtQuick
|
|
import qs.config
|
|
|
|
Rectangle {
|
|
id: root
|
|
|
|
property string glyph: ""
|
|
property string label: ""
|
|
property bool active: false
|
|
// Whether anything has actually been read. False until the first probe
|
|
// lands, and false forever if the probe cannot run at all.
|
|
property bool measured: false
|
|
// The application name PipeWire reported, which is often empty even while
|
|
// a stream is plainly running.
|
|
property string app: ""
|
|
|
|
// Not `state`: Item already owns that name.
|
|
readonly property string useLine: {
|
|
if (root.active)
|
|
return "In use by " + (root.app !== "" ? root.app : "an application");
|
|
return root.measured ? "Idle" : "Not measured";
|
|
}
|
|
|
|
// The neutral third state is neutral in the color too: warn means in use,
|
|
// dim means idle, and "not measured" must not read as either.
|
|
readonly property color toneColor: root.active
|
|
? Theme.warn
|
|
: (root.measured ? Theme.fgDim : Theme.fgMuted)
|
|
|
|
implicitHeight: 56
|
|
radius: Theme.cardRadius
|
|
color: Theme.alpha(Theme.bgDark, 0.55)
|
|
border.width: 1
|
|
border.color: root.active
|
|
? Theme.alpha(Theme.warn, 0.45)
|
|
: Theme.alpha(Theme.fg, 0.08)
|
|
|
|
Text {
|
|
id: icon
|
|
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 12
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: root.glyph
|
|
color: root.toneColor
|
|
font.family: Theme.fontMono
|
|
font.pixelSize: 17
|
|
}
|
|
|
|
Column {
|
|
anchors.left: icon.right
|
|
anchors.leftMargin: 10
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 12
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: 2
|
|
|
|
Text {
|
|
width: parent.width
|
|
text: root.label
|
|
color: Theme.fg
|
|
font.family: Theme.fontFamily
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
font.weight: Font.DemiBold
|
|
elide: Text.ElideRight
|
|
}
|
|
|
|
Text {
|
|
width: parent.width
|
|
text: root.useLine
|
|
color: root.toneColor
|
|
font.family: Theme.fontFamily
|
|
font.pixelSize: Math.max(9, Theme.fontSizeSmall - 1)
|
|
elide: Text.ElideRight
|
|
}
|
|
}
|
|
}
|