blob: 73b35b051d4de339bbd7e09f3f1b43dc3d98d4f5 (
plain)
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
// Copyright (C) 2026 Danilo M. <danix@danix.xyz>
//
// This program is free software; you can redistribute it and/or modify
// it under the terms of the GNU General Public License version 2 as
// published by the Free Software Foundation.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
import QtQuick
import ".."
import "Logic.js" as Logic
// At rest a record dot, with the elapsed time while recording. A click
// morphs the capsule into the controls panel, as the status pill does for
// sound: record, pause, webcam, and the scene list.
Capsule {
id: pill
property string panel: ""
signal openPanel()
expanded: panel === "obs"
restWidth: rest.implicitWidth + 24
panelWidth: 260
panelHeight: controls.implicitHeight + 28
Row {
id: rest
anchors.centerIn: parent
spacing: 6
opacity: pill.expanded ? 0 : 1
visible: opacity > 0
Behavior on opacity { NumberAnimation { duration: 120 } }
Text {
anchors.verticalCenter: parent.verticalCenter
text: "\uf111"
color: Obs.recording ? Theme.red : Theme.subtext
opacity: Obs.paused ? 0.5 : 1
font { family: Theme.iconFamily; pixelSize: 14 }
}
Text {
anchors.verticalCenter: parent.verticalCenter
visible: Obs.recording
text: Logic.obsElapsed(Obs.duration)
color: Theme.text
font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2 }
}
}
MouseArea {
anchors.fill: parent
enabled: !pill.expanded
cursorShape: Qt.PointingHandCursor
onClicked: pill.openPanel()
}
Column {
id: controls
x: 14
y: 14
width: pill.panelWidth - 28
spacing: 10
opacity: pill.expanded ? 1 : 0
visible: opacity > 0
Behavior on opacity { NumberAnimation { duration: 160 } }
Text {
text: Obs.recording ? (Obs.paused ? "Paused " : "Recording ") + Logic.obsElapsed(Obs.duration)
: "Not recording"
color: Obs.recording ? Theme.red : Theme.subtext
font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2 }
}
Row {
spacing: 8
Button {
text: Obs.recording ? "Stop" : "Record"
danger: Obs.recording
onClicked: Obs.toggleRecord()
}
Button {
visible: Obs.recording
text: Obs.paused ? "Resume" : "Pause"
onClicked: Obs.togglePause()
}
Button {
visible: Obs.camId >= 0
text: Obs.camOn ? "Hide webcam" : "Show webcam"
onClicked: Obs.toggleCam()
}
}
// ponytail: a plain Column, no scrolling; about ten scenes fit the
// island's 480px window. A ListView if a scene collection outgrows it.
Repeater {
model: Obs.scenes
delegate: Rectangle {
required property string modelData
readonly property bool current: modelData === Obs.scene
width: controls.width
height: 30
radius: 7
color: current ? Qt.alpha(Theme.accent, 0.25)
: area.containsMouse ? Qt.alpha(Theme.surface, 0.8) : "transparent"
Text {
anchors { left: parent.left; leftMargin: 10; verticalCenter: parent.verticalCenter }
text: modelData
color: current ? Theme.text : Theme.subtext
font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2 }
}
MouseArea {
id: area
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: Obs.setScene(modelData)
}
}
}
}
}
|
