mirror of https://github.com/cutefishos/statusbar
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
227 lines
7.4 KiB
QML
227 lines
7.4 KiB
QML
/*
|
|
* Copyright (C) 2021 - 2022 CutefishOS Team.
|
|
*
|
|
* Author: Kate Leet <kate@cutefishos.com>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import QtQuick.Window 2.12
|
|
import QtQuick.Layouts 1.12
|
|
import QtGraphicalEffects 1.0
|
|
|
|
import Cutefish.Accounts 1.0 as Accounts
|
|
import Cutefish.Bluez 1.0 as Bluez
|
|
import Cutefish.StatusBar 1.0
|
|
import Cutefish.Audio 1.0
|
|
import FishUI 1.0 as FishUI
|
|
|
|
ControlCenterDialog {
|
|
id: control
|
|
|
|
width: _mainLayout.implicitWidth + FishUI.Units.largeSpacing * 3
|
|
height: _mainLayout.implicitHeight + FishUI.Units.largeSpacing * 3
|
|
|
|
onWidthChanged: adjustCorrectLocation()
|
|
onHeightChanged: adjustCorrectLocation()
|
|
onPositionChanged: adjustCorrectLocation()
|
|
|
|
property point position: Qt.point(0, 0)
|
|
property var margin: 4 * Screen.devicePixelRatio
|
|
property var borderColor: windowHelper.compositing ? FishUI.Theme.darkMode ? Qt.rgba(255, 255, 255, 0.3)
|
|
: Qt.rgba(0, 0, 0, 0.2) : FishUI.Theme.darkMode ? Qt.rgba(255, 255, 255, 0.15)
|
|
: Qt.rgba(0, 0, 0, 0.15)
|
|
|
|
Accounts.UserAccount {
|
|
id: currentUser
|
|
}
|
|
|
|
FishUI.WindowBlur {
|
|
view: control
|
|
geometry: Qt.rect(control.x, control.y, control.width, control.height)
|
|
windowRadius: _background.radius
|
|
enabled: true
|
|
}
|
|
|
|
FishUI.WindowShadow {
|
|
view: control
|
|
geometry: Qt.rect(control.x, control.y, control.width, control.height)
|
|
radius: _background.radius
|
|
}
|
|
|
|
Rectangle {
|
|
id: _background
|
|
anchors.fill: parent
|
|
radius: windowHelper.compositing ? FishUI.Theme.bigRadius * 1.5 : 0
|
|
color: FishUI.Theme.darkMode ? "#4D4D4D" : "#FFFFFF"
|
|
opacity: windowHelper.compositing ? FishUI.Theme.darkMode ? 0.5 : 0.7 : 1.0
|
|
antialiasing: true
|
|
border.width: 1 / Screen.devicePixelRatio
|
|
border.pixelAligned: Screen.devicePixelRatio > 1 ? false : true
|
|
border.color: control.borderColor
|
|
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: 200
|
|
easing.type: Easing.Linear
|
|
}
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: _mainLayout
|
|
anchors.fill: parent
|
|
anchors.margins: FishUI.Units.largeSpacing * 1.5
|
|
spacing: FishUI.Units.largeSpacing
|
|
|
|
RowLayout {
|
|
spacing: FishUI.Units.smallSpacing * 1.5
|
|
|
|
Image {
|
|
id: userIcon
|
|
|
|
property int iconSize: 33
|
|
|
|
Layout.preferredHeight: iconSize
|
|
Layout.preferredWidth: iconSize
|
|
sourceSize: String(source) === "image://icontheme/default-user" ? Qt.size(iconSize, iconSize) : undefined
|
|
source: currentUser.iconFileName ? "file:///" + currentUser.iconFileName : "image://icontheme/default-user"
|
|
antialiasing: true
|
|
smooth: false
|
|
|
|
layer.enabled: true
|
|
layer.effect: OpacityMask {
|
|
maskSource: Item {
|
|
width: userIcon.width
|
|
height: userIcon.height
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
radius: parent.height / 2
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Label {
|
|
id: userLabel
|
|
text: currentUser.userName
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
elide: Label.ElideRight
|
|
}
|
|
}
|
|
|
|
GridLayout {
|
|
rowSpacing: FishUI.Units.largeSpacing
|
|
columnSpacing: FishUI.Units.largeSpacing
|
|
columns: 3
|
|
|
|
StandardCard {
|
|
Layout.preferredWidth: 96
|
|
Layout.preferredHeight: 96
|
|
icon: FishUI.Theme.darkMode ? "qrc:/images/dark/system-shutdown.svg"
|
|
: "qrc:/images/light/system-shutdown.svg"
|
|
visible: true
|
|
checked: false
|
|
text: qsTr("Shutdown")
|
|
|
|
onClicked: {
|
|
control.visible = false
|
|
actions.shutdown()
|
|
}
|
|
}
|
|
|
|
StandardCard {
|
|
Layout.preferredWidth: 96
|
|
Layout.preferredHeight: 96
|
|
icon: FishUI.Theme.darkMode ? "qrc:/images/dark/system-reboot.svg"
|
|
: "qrc:/images/light/system-reboot.svg"
|
|
visible: true
|
|
checked: false
|
|
text: qsTr("Reboot")
|
|
|
|
onClicked: {
|
|
control.visible = false
|
|
actions.reboot()
|
|
}
|
|
}
|
|
|
|
StandardCard {
|
|
Layout.preferredWidth: 96
|
|
Layout.preferredHeight: 96
|
|
icon: FishUI.Theme.darkMode ? "qrc:/images/dark/system-log-out.svg"
|
|
: "qrc:/images/light/system-log-out.svg"
|
|
visible: true
|
|
checked: false
|
|
text: qsTr("Log out")
|
|
|
|
onClicked: {
|
|
control.visible = false
|
|
actions.logout()
|
|
}
|
|
}
|
|
|
|
StandardCard {
|
|
Layout.preferredWidth: 96
|
|
Layout.preferredHeight: 96
|
|
icon: FishUI.Theme.darkMode ? "qrc:/images/dark/system-lock-screen.svg"
|
|
: "qrc:/images/light/system-lock-screen.svg"
|
|
visible: true
|
|
checked: false
|
|
text: qsTr("Lock Screen")
|
|
|
|
onClicked: {
|
|
control.visible = false
|
|
actions.lockScreen()
|
|
}
|
|
}
|
|
|
|
StandardCard {
|
|
Layout.preferredWidth: 96
|
|
Layout.preferredHeight: 96
|
|
icon: FishUI.Theme.darkMode ? "qrc:/images/dark/system-suspend.svg"
|
|
: "qrc:/images/light/system-suspend.svg"
|
|
visible: true
|
|
checked: false
|
|
text: qsTr("Suspend")
|
|
|
|
onClicked: {
|
|
control.visible = false
|
|
actions.suspend()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
PowerActions {
|
|
id: actions
|
|
}
|
|
|
|
function adjustCorrectLocation() {
|
|
var posX = control.position.x
|
|
var posY = control.position.y
|
|
|
|
if (posX + control.width >= StatusBar.screenRect.x + StatusBar.screenRect.width)
|
|
posX = StatusBar.screenRect.x + StatusBar.screenRect.width - control.width - control.margin
|
|
|
|
posY = rootItem.y + rootItem.height + control.margin
|
|
|
|
control.x = posX
|
|
control.y = posY
|
|
}
|
|
}
|