287 lines
9.6 KiB
QML
287 lines
9.6 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Effects
|
|
import QtQuick.Layouts
|
|
import Quickshell
|
|
import Quickshell.Io
|
|
import Quickshell.Wayland
|
|
import qs.Bar.Modules
|
|
import qs.Components
|
|
import qs.Helpers
|
|
import qs.Services
|
|
import qs.Settings
|
|
import qs.Widgets
|
|
import qs.Widgets.Notification
|
|
import qs.Widgets.Sidebar
|
|
import qs.Widgets.Sidebar.Panel
|
|
|
|
// Main bar component - creates panels on selected monitors with widgets and corners
|
|
Scope {
|
|
id: rootScope
|
|
|
|
property var shell
|
|
property alias visible: barRootItem.visible
|
|
|
|
Item {
|
|
id: barRootItem
|
|
|
|
anchors.fill: parent
|
|
|
|
Variants {
|
|
model: Quickshell.screens
|
|
|
|
Item {
|
|
property var modelData
|
|
|
|
PanelWindow {
|
|
id: panel
|
|
|
|
screen: modelData
|
|
color: "transparent"
|
|
implicitHeight: barBackground.height
|
|
anchors.top: true
|
|
anchors.left: true
|
|
anchors.right: true
|
|
visible: Settings.settings.barMonitors.includes(modelData.name) || (Settings.settings.barMonitors.length === 0)
|
|
|
|
Rectangle {
|
|
id: barBackground
|
|
|
|
width: parent.width
|
|
height: 36
|
|
color: Theme.backgroundPrimary
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
}
|
|
|
|
Row {
|
|
id: leftWidgetsRow
|
|
|
|
anchors.verticalCenter: barBackground.verticalCenter
|
|
anchors.left: barBackground.left
|
|
anchors.leftMargin: 18
|
|
spacing: 12
|
|
|
|
SystemInfo {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Media {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Taskbar {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
}
|
|
|
|
ActiveWindow {
|
|
screen: modelData
|
|
}
|
|
|
|
Workspace {
|
|
id: workspace
|
|
|
|
screen: modelData
|
|
anchors.horizontalCenter: barBackground.horizontalCenter
|
|
anchors.verticalCenter: barBackground.verticalCenter
|
|
}
|
|
|
|
Row {
|
|
id: rightWidgetsRow
|
|
|
|
anchors.verticalCenter: barBackground.verticalCenter
|
|
anchors.right: barBackground.right
|
|
anchors.rightMargin: 18
|
|
spacing: 12
|
|
|
|
SystemTray {
|
|
id: systemTrayModule
|
|
|
|
shell: rootScope.shell
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
bar: panel
|
|
trayMenu: externalTrayMenu
|
|
}
|
|
|
|
CustomTrayMenu {
|
|
id: externalTrayMenu
|
|
}
|
|
|
|
NotificationIcon {
|
|
shell: rootScope.shell
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Wifi {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Bluetooth {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Battery {
|
|
id: widgetsBattery
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Brightness {
|
|
id: widgetsBrightness
|
|
|
|
screen: modelData
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Volume {
|
|
id: widgetsVolume
|
|
|
|
shell: rootScope.shell
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
ClockWidget {
|
|
screen: modelData
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
PanelPopup {
|
|
id: sidebarPopup
|
|
|
|
shell: rootScope.shell
|
|
}
|
|
|
|
Button {
|
|
barBackground: barBackground
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
screen: modelData
|
|
sidebarPopup: sidebarPopup
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
Loader {
|
|
active: Settings.settings.showCorners && (Settings.settings.barMonitors.includes(modelData.name) || (Settings.settings.barMonitors.length === 0))
|
|
|
|
sourceComponent: Item {
|
|
PanelWindow {
|
|
id: topLeftPanel
|
|
|
|
anchors.top: true
|
|
anchors.left: true
|
|
color: "transparent"
|
|
screen: modelData
|
|
margins.top: 36
|
|
WlrLayershell.exclusionMode: ExclusionMode.Ignore
|
|
WlrLayershell.layer: WlrLayer.Top
|
|
WlrLayershell.namespace: "swww-daemon"
|
|
aboveWindows: false
|
|
implicitHeight: 24
|
|
|
|
Corners {
|
|
id: topLeftCorner
|
|
|
|
position: "bottomleft"
|
|
size: 1.3
|
|
fillColor: (Theme.backgroundPrimary !== undefined && Theme.backgroundPrimary !== null) ? Theme.backgroundPrimary : "#222"
|
|
offsetX: -39
|
|
offsetY: 0
|
|
anchors.top: parent.top
|
|
}
|
|
|
|
}
|
|
|
|
PanelWindow {
|
|
id: topRightPanel
|
|
|
|
anchors.top: true
|
|
anchors.right: true
|
|
color: "transparent"
|
|
screen: modelData
|
|
margins.top: 36
|
|
WlrLayershell.exclusionMode: ExclusionMode.Ignore
|
|
WlrLayershell.layer: WlrLayer.Top
|
|
WlrLayershell.namespace: "swww-daemon"
|
|
aboveWindows: false
|
|
implicitHeight: 24
|
|
|
|
Corners {
|
|
id: topRightCorner
|
|
|
|
position: "bottomright"
|
|
size: 1.3
|
|
fillColor: (Theme.backgroundPrimary !== undefined && Theme.backgroundPrimary !== null) ? Theme.backgroundPrimary : "#222"
|
|
offsetX: 39
|
|
offsetY: 0
|
|
anchors.top: parent.top
|
|
}
|
|
|
|
}
|
|
|
|
PanelWindow {
|
|
id: bottomLeftPanel
|
|
|
|
anchors.bottom: true
|
|
anchors.left: true
|
|
color: "transparent"
|
|
screen: modelData
|
|
WlrLayershell.exclusionMode: ExclusionMode.Ignore
|
|
WlrLayershell.layer: WlrLayer.Top
|
|
WlrLayershell.namespace: "swww-daemon"
|
|
aboveWindows: false
|
|
implicitHeight: 24
|
|
|
|
Corners {
|
|
id: bottomLeftCorner
|
|
|
|
position: "topleft"
|
|
size: 1.3
|
|
fillColor: Theme.backgroundPrimary
|
|
offsetX: -39
|
|
offsetY: 0
|
|
anchors.top: parent.top
|
|
}
|
|
|
|
}
|
|
|
|
PanelWindow {
|
|
id: bottomRightPanel
|
|
|
|
anchors.bottom: true
|
|
anchors.right: true
|
|
color: "transparent"
|
|
screen: modelData
|
|
WlrLayershell.exclusionMode: ExclusionMode.Ignore
|
|
WlrLayershell.layer: WlrLayer.Top
|
|
WlrLayershell.namespace: "swww-daemon"
|
|
aboveWindows: false
|
|
implicitHeight: 24
|
|
|
|
Corners {
|
|
id: bottomRightCorner
|
|
|
|
position: "topright"
|
|
size: 1.3
|
|
fillColor: Theme.backgroundPrimary
|
|
offsetX: 39
|
|
offsetY: 0
|
|
anchors.top: parent.top
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|