133 lines
4.1 KiB
QML
133 lines
4.1 KiB
QML
import QtQuick
|
|
import Quickshell
|
|
import qs.Components
|
|
import qs.Settings
|
|
import Quickshell.Wayland
|
|
import Quickshell.Widgets
|
|
|
|
Item {
|
|
id: activeWindowWrapper
|
|
width: parent.width
|
|
property int fullHeight: activeWindowTitleContainer.height
|
|
property bool shouldShow: false
|
|
|
|
Timer {
|
|
id: visibilityTimer
|
|
interval: 4000
|
|
running: false
|
|
onTriggered: {
|
|
activeWindowWrapper.shouldShow = false
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: ToplevelManager
|
|
function onActiveToplevelChanged() {
|
|
if (ToplevelManager.activeToplevel?.appId) {
|
|
activeWindowWrapper.shouldShow = true
|
|
visibilityTimer.restart()
|
|
}
|
|
}
|
|
}
|
|
|
|
y: shouldShow && !!ToplevelManager.activeToplevel?.appId ? barBackground.height : barBackground.height - fullHeight
|
|
height: shouldShow && !!ToplevelManager.activeToplevel?.appId ? fullHeight : 1
|
|
opacity: shouldShow && !!ToplevelManager.activeToplevel?.appId ? 1 : 0
|
|
clip: true
|
|
|
|
function getIcon() {
|
|
var icon = Quickshell.iconPath(ToplevelManager.activeToplevel.appId.toLowerCase(), true);
|
|
if (!icon) {
|
|
icon = Quickshell.iconPath(ToplevelManager.activeToplevel.appId, true);
|
|
}
|
|
if (!icon) {
|
|
icon = Quickshell.iconPath(ToplevelManager.activeToplevel.title, true);
|
|
}
|
|
if (!icon) {
|
|
icon = Quickshell.iconPath(ToplevelManager.activeToplevel.title.toLowerCase(), "application-x-executable");
|
|
}
|
|
|
|
return icon;
|
|
}
|
|
|
|
Behavior on height {
|
|
NumberAnimation {
|
|
duration: 300
|
|
easing.type: Easing.OutQuad
|
|
}
|
|
}
|
|
Behavior on y {
|
|
NumberAnimation {
|
|
duration: 300
|
|
easing.type: Easing.OutQuad
|
|
}
|
|
}
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: 250
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: activeWindowTitleContainer
|
|
color: Theme.backgroundPrimary
|
|
bottomLeftRadius: Math.max(0, width / 2)
|
|
bottomRightRadius: Math.max(0, width / 2)
|
|
|
|
width: Math.min(barBackground.width - 200, activeWindowTitle.implicitWidth + (Settings.showActiveWindowIcon ? 28 : 22))
|
|
height: activeWindowTitle.implicitHeight + 12
|
|
|
|
anchors.top: parent.top
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
IconImage {
|
|
id: icon
|
|
width: 12
|
|
height: 12
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 6
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
source: ToplevelManager?.activeToplevel ? getIcon() : ""
|
|
visible: Settings.showActiveWindowIcon
|
|
anchors.verticalCenterOffset: -3
|
|
}
|
|
|
|
Text {
|
|
id: activeWindowTitle
|
|
text: ToplevelManager?.activeToplevel?.title && ToplevelManager?.activeToplevel?.title.length > 60 ? ToplevelManager?.activeToplevel?.title.substring(0, 60) + "..." : ToplevelManager?.activeToplevel?.title || ""
|
|
font.pixelSize: 12
|
|
color: Theme.textSecondary
|
|
elide: Text.ElideRight
|
|
anchors.left: icon.right
|
|
anchors.leftMargin: Settings.showActiveWindowIcon ? 4 : 6
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 6
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.verticalCenterOffset: -3
|
|
horizontalAlignment: Settings.showActiveWindowIcon ? Text.AlignRight : Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
maximumLineCount: 1
|
|
}
|
|
}
|
|
|
|
Corners {
|
|
id: activeCornerRight
|
|
position: "bottomleft"
|
|
size: 1.1
|
|
fillColor: Theme.backgroundPrimary
|
|
offsetX: activeWindowTitleContainer.x + activeWindowTitleContainer.width - 34
|
|
offsetY: -1
|
|
anchors.top: activeWindowTitleContainer.top
|
|
}
|
|
|
|
Corners {
|
|
id: activeCornerLeft
|
|
position: "bottomright"
|
|
size: 1.1
|
|
fillColor: Theme.backgroundPrimary
|
|
anchors.top: activeWindowTitleContainer.top
|
|
x: activeWindowTitleContainer.x + 34 - width
|
|
offsetY: -1
|
|
}
|
|
}
|
|
|