149 lines
4.2 KiB
QML
149 lines
4.2 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import Quickshell
|
|
import Quickshell.Wayland
|
|
import qs.Commons
|
|
import qs.Services
|
|
import qs.Widgets
|
|
import qs.Modules.Notification
|
|
|
|
Variants {
|
|
model: Quickshell.screens
|
|
|
|
delegate: PanelWindow {
|
|
id: root
|
|
|
|
required property ShellScreen modelData
|
|
readonly property real scaling: ScalingService.scale(screen)
|
|
screen: modelData
|
|
|
|
WlrLayershell.namespace: "noctalia-bar"
|
|
|
|
implicitHeight: Style.barHeight * scaling
|
|
color: Color.transparent
|
|
|
|
// If no bar activated in settings, then show them all
|
|
visible: modelData ? (Settings.data.bar.monitors.includes(modelData.name)
|
|
|| (Settings.data.bar.monitors.length === 0)) : false
|
|
|
|
anchors {
|
|
top: Settings.data.bar.position === "top"
|
|
bottom: Settings.data.bar.position === "bottom"
|
|
left: true
|
|
right: true
|
|
}
|
|
|
|
Item {
|
|
anchors.fill: parent
|
|
clip: true
|
|
|
|
// Background fill
|
|
Rectangle {
|
|
id: bar
|
|
|
|
anchors.fill: parent
|
|
color: Qt.rgba(Color.mSurface.r, Color.mSurface.g, Color.mSurface.b, Settings.data.bar.backgroundOpacity)
|
|
layer.enabled: true
|
|
}
|
|
|
|
// Left Section - Dynamic Widgets
|
|
Row {
|
|
id: leftSection
|
|
|
|
height: parent.height
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Style.marginS * scaling
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Style.marginS * scaling
|
|
|
|
Repeater {
|
|
model: Settings.data.bar.widgets.left
|
|
delegate: Loader {
|
|
id: leftWidgetLoader
|
|
sourceComponent: widgetLoader.getWidgetComponent(modelData)
|
|
active: true
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
onStatusChanged: {
|
|
if (status === Loader.Error) {
|
|
widgetLoader.onWidgetFailed(modelData, "Loader error")
|
|
} else if (status === Loader.Ready) {
|
|
widgetLoader.onWidgetLoaded(modelData)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Center Section - Dynamic Widgets
|
|
Row {
|
|
id: centerSection
|
|
|
|
height: parent.height
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Style.marginS * scaling
|
|
|
|
Repeater {
|
|
model: Settings.data.bar.widgets.center
|
|
delegate: Loader {
|
|
id: centerWidgetLoader
|
|
sourceComponent: widgetLoader.getWidgetComponent(modelData)
|
|
active: true
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
onStatusChanged: {
|
|
if (status === Loader.Error) {
|
|
widgetLoader.onWidgetFailed(modelData, "Loader error")
|
|
} else if (status === Loader.Ready) {
|
|
widgetLoader.onWidgetLoaded(modelData)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Right Section - Dynamic Widgets
|
|
Row {
|
|
id: rightSection
|
|
|
|
height: parent.height
|
|
anchors.right: bar.right
|
|
anchors.rightMargin: Style.marginS * scaling
|
|
anchors.verticalCenter: bar.verticalCenter
|
|
spacing: Style.marginS * scaling
|
|
|
|
Repeater {
|
|
model: Settings.data.bar.widgets.right
|
|
delegate: Loader {
|
|
id: rightWidgetLoader
|
|
sourceComponent: widgetLoader.getWidgetComponent(modelData)
|
|
active: true
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
onStatusChanged: {
|
|
if (status === Loader.Error) {
|
|
widgetLoader.onWidgetFailed(modelData, "Loader error")
|
|
} else if (status === Loader.Ready) {
|
|
widgetLoader.onWidgetLoaded(modelData)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Widget loader instance
|
|
WidgetLoader {
|
|
id: widgetLoader
|
|
|
|
onWidgetFailed: function (widgetName, error) {
|
|
Logger.error("Bar", `Widget failed: ${widgetName} - ${error}`)
|
|
}
|
|
}
|
|
|
|
// Initialize widget loading tracking
|
|
Component.onCompleted: {
|
|
const allWidgets = [...Settings.data.bar.widgets.left, ...Settings.data.bar.widgets.center, ...Settings.data.bar.widgets.right]
|
|
widgetLoader.initializeLoading(allWidgets)
|
|
}
|
|
}
|
|
}
|