Revision control
++ // Copyright (C) 2021 The Qt Company Ltd.
++ // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
++
++ import QtQuick
++ import QtQuick.Controls
++ import QtQuick.Layouts
++ import QtWayland.Compositor
++
++ Item {
++ id: chrome
++
++ property bool positionSet: false
++
++ x: shellSurface.windowGeometry.x - leftResizeHandle.width
++ y: shellSurface.windowGeometry.y - topResizeHandle.height - titleBar.height
++ width: shellSurface.windowGeometry.width + leftResizeHandle.width + rightResizeHandle.width
++ height: shellSurface.windowGeometry.height + topResizeHandle.height + titleBar.height + bottomResizeHandle.height
++
++ property rect oldGeometry: Qt.rect(0, 0, 100, 100)
++ property bool isChild: parent.shellSurface !== undefined
++ property alias shellSurface: shellSurfaceItem.shellSurface
++
++ property int windowState: Qt.WindowNoState
++
++ signal destroyAnimationFinished
++ signal activated
++ signal deactivated
++
++ property int windowFlags: shellSurface.windowFlags !== Qt.Window
++ ? shellSurface.windowFlags
++ : defaultFlags
++ onDecorationsShowingChanged:{
++ shellSurfaceItem.updateFrameMargins()
++ }
++
++ Component.onCompleted: {
++ shellSurface.active = true
++ }
++
++ property int defaultFlags: (Qt.Window
++ | Qt.WindowMaximizeButtonHint
++ | Qt.WindowMinimizeButtonHint
++ | Qt.WindowCloseButtonHint)
++
++ property bool frameless: (chrome.windowFlags & Qt.FramelessWindowHint) != 0
++ || (chrome.windowState & Qt.WindowFullScreen) != 0
++ || ((chrome.windowFlags & Qt.Popup) == Qt.Popup
++ && (chrome.windowFlags & Qt.Tool) != Qt.Tool)
++
++ property bool decorationsShowing: (chrome.windowFlags & Qt.Window) != 0 && !frameless
++
++ transform: [
++ Scale {
++ id: scaleTransform
++ origin.x: chrome.width / 2
++ origin.y: chrome.height / 2
++ }
++ ]
++
++ Rectangle {
++ id: leftResizeHandle
++ color: "gray"
++ width: visible ? 5 : 0
++ anchors.left: parent.left
++ anchors.top: parent.top
++ anchors.bottom: parent.bottom
++ visible: decorationsShowing
++
++ HandleHandler {
++ enabled: (chrome.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++ flags: westBound
++ }
++ }
++
++ Rectangle {
++ id: rightResizeHandle
++ color: "gray"
++ width: visible ? 5 : 0
++ anchors.right: parent.right
++ anchors.top: parent.top
++ anchors.bottom: parent.bottom
++ visible: decorationsShowing
++
++ HandleHandler {
++ enabled: (chrome.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++ flags: eastBound
++ }
++ }
++
++ Rectangle {
++ id: topResizeHandle
++ color: "gray"
++ height: visible ? 5 : 0
++ anchors.left: parent.left
++ anchors.top: parent.top
++ anchors.right: parent.right
++ visible: decorationsShowing
++
++ HandleHandler {
++ enabled: (chrome.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++ flags: northBound
++ }
++ }
++
++ Rectangle {
++ id: bottomResizeHandle
++ color: "gray"
++ height: visible ? 5 : 0
++ anchors.left: parent.left
++ anchors.bottom: parent.bottom
++ anchors.right: parent.right
++ visible: decorationsShowing
++
++ HandleHandler {
++ enabled: (chrome.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++ flags: southBound
++ }
++ }
++
++ Rectangle {
++ id: topLeftResizeHandle
++ color: "gray"
++ height: 5
++ width: 5
++ anchors.left: parent.left
++ anchors.top: parent.top
++ visible: decorationsShowing
++
++ HandleHandler {
++ enabled: (chrome.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++ flags: westBound | northBound
++ }
++ }
++
++ Rectangle {
++ id: topRightResizeHandle
++ color: "gray"
++ height: 5
++ width: 5
++ anchors.right: parent.right
++ anchors.top: parent.top
++ visible: decorationsShowing
++
++ HandleHandler {
++ enabled: (chrome.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++ flags: eastBound | northBound
++ }
++ }
++
++ Rectangle {
++ id: bottomLeftResizeHandle
++ color: "gray"
++ height: 5
++ width: 5
++ anchors.left: parent.left
++ anchors.bottom: parent.bottom
++ visible: decorationsShowing
++
++ HandleHandler {
++ enabled: (chrome.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++ flags: westBound | southBound
++ }
++ }
++
++ Rectangle {
++ id: bottomRightResizeHandle
++ color: "gray"
++ height: 5
++ width: 5
++ anchors.right: parent.right
++ anchors.bottom: parent.bottom
++ visible: decorationsShowing
++
++ HandleHandler {
++ enabled: (chrome.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++ flags: eastBound | southBound
++ }
++ }
++
++ function constrainPoint(mousePos) {
++ var x0 = usableArea.x
++ var y0 = usableArea.y
++ var x1 = x0 + usableArea.width
++ var y1 = y0 + usableArea.height
++ return Qt.point(Math.min(Math.max(x0,mousePos.x), x1),
++ Math.min(Math.max(y0,mousePos.y), y1))
++ }
++
++ function maxContentRect() {
++ var x0 = usableArea.x + leftResizeHandle.width
++ var x1 = usableArea.x + usableArea.width - rightResizeHandle.width
++ var y0 = usableArea.y + topResizeHandle.height + titleBar.height
++ var y1 = usableArea.y + usableArea.height - bottomResizeHandle.height
++ return Qt.rect(x0, y0, x1 - x0, y1 - y0)
++ }
++
++ function randomPos(windowSize, screenSize) {
++ var res = (windowSize >= screenSize) ? 0 : Math.floor(Math.random() * (screenSize - windowSize))
++ return res
++ }
++
++ function activate()
++ {
++ shellSurface.active = true
++ shellSurfaceItem.raise()
++ activated()
++ }
++
++ function deactivate()
++ {
++ shellSurface.active = true
++ deactivated()
++ }
++
++ function setWindowState(nextState) {
++ var currentState = chrome.windowState
++ if (currentState === nextState)
++ return
++
++ console.log("setWindowState", nextState.toString(16))
++
++ if ((currentState & (Qt.WindowMinimized | Qt.WindowMaximized | Qt.WindowFullScreen)) == 0)
++ chrome.oldGeometry = chrome.shellSurface.windowGeometry
++
++ chrome.windowState = nextState
++
++ if ((nextState & Qt.WindowMinimized) != 0) {
++ console.log("MINIMIZE")
++ chrome.shellSurface.requestWindowGeometry(nextState, Qt.rect(0, 0, 1, 1))
++ shellSurfaceItem.visible = false
++ } else if ((nextState & Qt.WindowFullScreen) != 0) {
++ console.log("FULLSCREENIZE")
++ chrome.shellSurface.requestWindowGeometry(nextState, Qt.rect(0, 0, output.window.width, output.window.height))
++ shellSurfaceItem.visible = true
++ } else if ((nextState & Qt.WindowMaximized) != 0) {
++ console.log("MAXIMIZE")
++ chrome.shellSurface.requestWindowGeometry(nextState, maxContentRect())
++ shellSurfaceItem.visible = true
++ } else {
++ console.log("NORMALIZE", chrome.oldGeometry)
++ chrome.shellSurface.requestWindowGeometry(nextState, chrome.oldGeometry)
++ shellSurfaceItem.visible = true
++ }
++ }
++
++ Rectangle {
++ id: titleBar
++ anchors.top: topResizeHandle.bottom
++ anchors.left: leftResizeHandle.right
++ anchors.right: rightResizeHandle.left
++ height: visible ? xButton.height + 10 : 0
++ color: shellSurface.active ? "cornflowerblue" : "lightgray"
++ visible: !frameless
++
++ Text {
++ anchors.left: parent.left
++ anchors.right: rowLayout.left
++ anchors.verticalCenter: parent.verticalCenter
++
++ font.pixelSize: xButton.height
++ text: shellSurface.windowTitle
++ fontSizeMode: Text.Fit
++ }
++
++ RowLayout {
++ id: rowLayout
++ anchors.right: parent.right
++ anchors.rightMargin: 5
++
++ ToolButton {
++ text: "-"
++ Layout.margins: 5
++ visible: (chrome.windowFlags & Qt.WindowMinimizeButtonHint) != 0
++ onClicked: {
++ var newState
++ if ((shellSurface.windowState & Qt.WindowMinimized) != 0)
++ newState = chrome.windowState & ~Qt.WindowMinimized
++ else
++ newState = chrome.windowState | Qt.WindowMinimized
++
++ if ((newState & Qt.WindowMaximized) != 0)
++ newState &= ~Qt.WindowMaximized
++
++ setWindowState(newState)
++ }
++ }
++
++ ToolButton {
++ text: "+"
++ Layout.margins: 5
++ visible: (chrome.windowFlags & Qt.WindowMaximizeButtonHint) != 0
++ onClicked: {
++ var newState
++ if ((shellSurface.windowState & Qt.WindowMaximized) != 0)
++ newState = shellSurface.windowState & ~Qt.WindowMaximized
++ else
++ newState = shellSurface.windowState | Qt.WindowMaximized
++
++ if ((newState & Qt.WindowMinimized) != 0)
++ newState &= ~Qt.WindowMinimized
++
++ setWindowState(newState)
++ }
++ }
++
++ ToolButton {
++ id: xButton
++ text: "X"
++ Layout.margins: 5
++ visible: (chrome.windowFlags & Qt.WindowCloseButtonHint) != 0
++ onClicked: shellSurface.sendClose()
++ }
++ }
++
++ DragHandler {
++ target: null
++ property real xOffset: -1.0
++ property real yOffset: -1.0
++ property bool started: false
++ enabled: (shellSurface.windowState & (Qt.WindowMinimized|Qt.WindowMaximized)) == 0
++
++ onGrabChanged: {
++ started = false
++ activate()
++ }
++
++ onCentroidChanged: {
++ if (!active)
++ return
++
++ if (!started) {
++ xOffset = shellSurface.windowPosition.x - centroid.scenePressPosition.x
++ yOffset = shellSurface.windowPosition.y - centroid.scenePressPosition.y
++ started = true
++ chrome.positionAutomatic = false
++ }
++
++ var pos = chrome.constrainPoint(centroid.scenePosition)
++ shellSurface.windowPosition = Qt.point(pos.x + xOffset, pos.y + yOffset)
++ }
++ }
++ }
++
++ ShellSurfaceItem {
++ id: shellSurfaceItem
++ anchors.top: titleBar.bottom
++ anchors.bottom: bottomResizeHandle.top
++ anchors.left: leftResizeHandle.right
++ anchors.right: rightResizeHandle.left
++
++ moveItem: chrome
++
++ staysOnBottom: shellSurface.windowFlags & Qt.WindowStaysOnBottomHint
++ staysOnTop: !staysOnBottom && shellSurface.windowFlags & Qt.WindowStaysOnTopHint
++ function updateFrameMargins()
++ {
++ shellSurface.frameMarginLeft = (decorationsShowing ? leftResizeHandle.width : 0)
++ shellSurface.frameMarginRight = (decorationsShowing ? rightResizeHandle.width : 0)
++ shellSurface.frameMarginTop = (decorationsShowing ? topResizeHandle.height : 0)
++ + (!frameless ? titleBar.height : 0)
++ shellSurface.frameMarginBottom = (decorationsShowing ? bottomResizeHandle.height : 0)
++ }
++
++ Component.onCompleted: {
++ updateFrameMargins()
++ }
++
++ onSurfaceDestroyed: {
++ bufferLocked = true;
++ destroyAnimation.start();
++ }
++
++ Connections {
++ target: shellSurface
++ function onWindowFlagsChanged() {
++ console.log("FLAGS", shellSurface.windowFlags.toString(16))
++ shellSurfaceItem.updateFrameMargins()
++ }
++
++ function onWindowStateChanged() {
++ setWindowState(shellSurface.windowState)
++ }
++
++ function onActiveChanged() {
++ if (shellSurface.active) {
++ shellSurfaceItem.raise()
++ activated()
++ } else {
++ deactivated()
++ }
++ }
++
++ function onStartResize() {
++ console.log("START SYSTEM RESIZE")
++ }
++ function onStartMove() {
++ console.log("START SYSTEM MOVE")
++ }
++
++ function onRaiseRequested() {
++ console.log("RAISE")
++ shellSurfaceItem.raise()
++ }
++ function onLowerRequested() {
++ console.log("LOWER")
++ shellSurfaceItem.lower()
++ }
++
++ function onWindowGeometryChanged() {
++ console.log("GEOM CHANGE", shellSurface.windowGeometry)
++ }
++ }
++
++ Connections {
++ target: shellSurface.surface
++ function onHasContentChanged() {
++ if (!chrome.positionSet) {
++ var rect = shellSurface.windowGeometry
++ var w = rect.width
++ var h = rect.height
++
++ var space = maxContentRect()
++
++ var randomize = shellSurface.positionAutomatic
++ var xpos = randomize ? randomPos(w, space.width) + space.x : Math.max(rect.x, space.x)
++ var ypos = randomize ? randomPos(h, space.height) + space.y : Math.max(rect.y, space.y)
++ shellSurface.windowPosition = Qt.point(xpos, ypos)
++ }
++ chrome.positionSet = true
++ }
++ }
++
++ SequentialAnimation {
++ id: destroyAnimation
++
++ ParallelAnimation {
++ NumberAnimation { target: scaleTransform; property: "yScale"; to: 2/height; duration: 150 }
++ NumberAnimation { target: scaleTransform; property: "xScale"; to: 0.4; duration: 150 }
++ NumberAnimation { target: chrome; property: "opacity"; to: chrome.isChild ? 0 : 1; duration: 150 }
++ }
++ NumberAnimation { target: scaleTransform; property: "xScale"; to: 0; duration: 150 }
++ ScriptAction { script: chrome.destroyAnimationFinished() }
++ }
++
++ SequentialAnimation {
++ id: receivedFocusAnimation
++
++ ParallelAnimation {
++ NumberAnimation { target: scaleTransform; property: "yScale"; to: 1.02; duration: 100; easing.type: Easing.OutQuad }
++ NumberAnimation { target: scaleTransform; property: "xScale"; to: 1.02; duration: 100; easing.type: Easing.OutQuad }
++ }
++ ParallelAnimation {
++ NumberAnimation { target: scaleTransform; property: "yScale"; to: 1; duration: 100; easing.type: Easing.InOutQuad }
++ NumberAnimation { target: scaleTransform; property: "xScale"; to: 1; duration: 100; easing.type: Easing.InOutQuad }
++ }
++ }
++ }
++ }