bar/Bar.qml


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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142

import QtQuick
import Quickshell
import QtQuick.Layouts
import qs.components
import qs.config

Scope {
    id: root

    Variants {
        model: Quickshell.screens

        IWindow {
            id: barWindow
            name: "Bar"

            anchors {
                top: true
                left: true
                right: true
            }
            implicitHeight: child.implicitHeight + Bar.topMargin * 2

            Rectangle {
                id: child
                radius: Bar.borderRadius
                implicitHeight: Bar.height
                implicitWidth: parent.width

                anchors {
                    left: parent.left
                    right: parent.mid
                    fill: parent
                    top: parent.top
                    topMargin: Bar.topMargin
                    leftMargin: Bar.leftMargin
                    rightMargin: Bar.rightMargin
                }

                color: "transparent"

                Rectangle {
                    anchors.left: parent.left
                    width: leftRow.width + leftRow.anchors.leftMargin - leftSpacer.width
                    height: leftRow.height
                    color: Qt.rgba(Colors.background.r, Colors.background.g, Colors.background.b, Bar.bgTransparency)
                    radius: Bar.moduleRadius
                }

                RowLayout {
                    id: leftRow
                    anchors {
                        left: parent.left
                        leftMargin: Bar.moduleLeftMargin
                    }
                    width: (child.width - centerRow.width) / 2
                    height: child.height
                    spacing: Bar.leftModuleSpacing

                    Workspace {
                        id: workspace
                        // screen: barWindow.screen // multi monitor
                        // Layout.minimumWidth: 400 // FIXME
                    }
                    Mpris {
                        id: mpris
                    }
                    Item {
                        id: leftSpacer
                        Layout.fillWidth: true
                        Layout.fillHeight: true
                    }
                }

                Rectangle {
                    id: centerRow
                    anchors.centerIn: parent
                    width: activeWindow.implicitWidth + General.rectMargin * 2
                    height: activeWindow.implicitHeight

                    color: Colors.alt
                    radius: Style.rounding.smaller
                    ActiveWindow {
                        id: activeWindow
                        anchors.fill: parent
                    }
                }

                Rectangle {
                    anchors.right: parent.right
                    width: rightRow.width + rightRow.anchors.rightMargin - rightSpacer.width
                    height: rightRow.height
                    color: Qt.rgba(Colors.background.r, Colors.background.g, Colors.background.b, Bar.bgTransparency)
                    radius: Bar.moduleRadius
                }

                RowLayout {
                    id: rightRow
                    anchors {
                        right: parent.right
                        rightMargin: Bar.moduleRightMargin
                    }
                    layoutDirection: Qt.RightToLeft
                    width: (child.width - centerRow.width) / 2
                    height: child.height
                    spacing: Bar.rightModuleSpacing

                    Power {
                        id: power
                    }
                    Tray {
                        id: tray
                    }
                    TimeDate {
                        id: timeDate
                    }
                    Network {
                        id: network
                    }
                    Temp {
                        id: temp
                    }
                    Gpu {
                        id: gpu
                    }
                    Memory {
                        id: memory
                    }
                    Cpu {
                        id: cpu
                    }

                    Item {
                        id: rightSpacer
                        Layout.fillWidth: true
                        Layout.fillHeight: true
                    }
                }
            }
        }
    }
}