marcoallegretti/shift-shell
1
0
Fork 0
mirror of https://invent.kde.org/marcoa/shift-shell.git synced 2026-06-11 16:57:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
shift-shell/components/mobileshell/qml/actiondrawer/private/QuickSettingsStatusRow.qml

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

244 lines
9.6 KiB
QML
Raw Normal View History

Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
// SPDX-FileCopyrightText: 2026 Marco Allegretti
// SPDX-License-Identifier: EUPL-1.2
import QtQuick 2.15
import QtQuick.Layouts 1.1
import org.kde.kirigami as Kirigami
import org.kde.plasma.private.mobileshell as MobileShell
import org.kde.plasma.private.mobileshell.shellsettingsplugin as ShellSettings
/**
Promote desktop utilities in action drawer Reshape the convergence quick settings into a compact promoted grid and add Clipboard, Disks & Devices, and a drawer-hosted System Tray popup. Retry applet popups when their full representation becomes ready so the desktop utilities open reliably.
2026-05-09 08:00:58 +00:00
* Management/detail row shown in convergence mode. Two interaction zones:
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
* - Left toggle pill: icon + indicator dot, tap toggles the service.
* - Right detail area: name + status + chevron, tap opens detail popup.
*/
Item {
id: root
required property string text
required property string status
required property string icon
required property bool enabled
required property var toggleFunction
Promote desktop utilities in action drawer Reshape the convergence quick settings into a compact promoted grid and add Clipboard, Disks & Devices, and a drawer-hosted System Tray popup. Retry applet popups when their full representation becomes ready so the desktop utilities open reliably.
2026-05-09 08:00:58 +00:00
property bool compact: false
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
signal detailClicked()
Promote desktop utilities in action drawer Reshape the convergence quick settings into a compact promoted grid and add Clipboard, Disks & Devices, and a drawer-hosted System Tray popup. Retry applet popups when their full representation becomes ready so the desktop utilities open reliably.
2026-05-09 08:00:58 +00:00
implicitHeight: Kirigami.Units.gridUnit * (compact ? 3.1 : 3.6)
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
Kirigami.Theme.inherit: false
Kirigami.Theme.colorSet: Kirigami.Theme.Button
Polish quick settings states
2026-04-29 06:39:34 +00:00
readonly property int rowRadius: Kirigami.Units.largeSpacing + Kirigami.Units.smallSpacing
readonly property color enabledBg: mixColor(Kirigami.Theme.backgroundColor, Kirigami.Theme.highlightColor, 0.25)
readonly property color enabledBgHover: mixColor(Kirigami.Theme.backgroundColor, Kirigami.Theme.highlightColor, 0.32)
readonly property color enabledBgPressed: mixColor(Kirigami.Theme.backgroundColor, Kirigami.Theme.highlightColor, 0.12)
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
readonly property color enabledBorder: Qt.darker(Kirigami.Theme.highlightColor, 1.25)
Promote desktop utilities in action drawer Reshape the convergence quick settings into a compact promoted grid and add Clipboard, Disks & Devices, and a drawer-hosted System Tray popup. Retry applet popups when their full representation becomes ready so the desktop utilities open reliably.
2026-05-09 08:00:58 +00:00
readonly property bool hasToggle: toggleFunction !== null && toggleFunction !== undefined
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
Polish quick settings states
2026-04-29 06:39:34 +00:00
readonly property color disabledBg: Kirigami.Theme.alternateBackgroundColor
readonly property color disabledBgHover: mixColor(Kirigami.Theme.alternateBackgroundColor, Kirigami.Theme.textColor, 0.06)
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
readonly property color disabledBgPressed: Qt.darker(disabledBg, 1.1)
readonly property color disabledBorder: {
let bg = Kirigami.Theme.backgroundColor;
let fg = Kirigami.Theme.textColor;
if (Kirigami.ColorUtils.brightnessForColor(bg) === Kirigami.ColorUtils.Light) {
return Kirigami.ColorUtils.linearInterpolation(bg, fg, 0.2);
} else {
return Kirigami.ColorUtils.linearInterpolation(bg, fg, 0.1);
}
}
Polish quick settings states
2026-04-29 06:39:34 +00:00
function mixColor(base, overlay, ratio) {
return Qt.rgba(
base.r + (overlay.r - base.r) * ratio,
base.g + (overlay.g - base.g) * ratio,
base.b + (overlay.b - base.b) * ratio,
base.a + (overlay.a - base.a) * ratio)
}
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
MobileShell.HapticsEffect { id: haptics }
// ── Outer card ──────────────────────────────────────────────────────
// Shadow
Rectangle {
anchors.top: parent.top
anchors.topMargin: 1
anchors.left: parent.left
anchors.right: parent.right
height: parent.height
Polish quick settings states
2026-04-29 06:39:34 +00:00
radius: root.rowRadius
color: Qt.rgba(0, 0, 0, root.enabled ? 0.12 : 0.08)
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
}
// Card background — always neutral base (the toggle pill carries the
// enabled highlight, not the whole row).
Rectangle {
id: cardBg
anchors.fill: parent
Polish quick settings states
2026-04-29 06:39:34 +00:00
radius: root.rowRadius
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
border.pixelAligned: false
border.width: 1
border.color: root.disabledBorder
color: root.disabledBg
}
RowLayout {
anchors.fill: parent
anchors.margins: Kirigami.Units.smallSpacing
spacing: Kirigami.Units.smallSpacing
// ── Toggle pill (left zone) ─────────────────────────────────
Item {
id: togglePill
Layout.alignment: Qt.AlignVCenter
Layout.preferredWidth: root.height - Kirigami.Units.smallSpacing * 2
Layout.fillHeight: true
Rectangle {
id: pillBg
anchors.fill: parent
radius: Kirigami.Units.cornerRadius
border.pixelAligned: false
border.width: 1
border.color: root.enabled ? root.enabledBorder : root.disabledBorder
color: {
if (root.enabled) {
Polish quick settings states
2026-04-29 06:39:34 +00:00
if (toggleMouse.pressed) {
return root.enabledBgPressed;
}
return toggleMouse.containsMouse ? root.enabledBgHover : root.enabledBg;
}
if (toggleMouse.pressed) {
return root.disabledBgPressed;
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
}
Polish quick settings states
2026-04-29 06:39:34 +00:00
return toggleMouse.containsMouse ? root.disabledBgHover : root.disabledBg;
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
}
Behavior on color {
ColorAnimation { duration: Kirigami.Units.shortDuration }
}
}
// Scale on press
property real zoomScale: (ShellSettings.Settings.animationsEnabled && toggleMouse.pressed) ? 0.9 : 1
Behavior on zoomScale {
NumberAnimation { duration: Kirigami.Units.longDuration; easing.type: Easing.OutExpo }
}
transform: Scale {
origin.x: togglePill.width / 2
origin.y: togglePill.height / 2
xScale: togglePill.zoomScale
yScale: togglePill.zoomScale
}
ColumnLayout {
anchors.centerIn: parent
spacing: Kirigami.Units.smallSpacing
Kirigami.Icon {
Layout.alignment: Qt.AlignHCenter
implicitWidth: Kirigami.Units.iconSizes.smallMedium
implicitHeight: implicitWidth
source: root.icon
}
Polish quick settings states
2026-04-29 06:39:34 +00:00
// Indicator bar
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
Rectangle {
Layout.alignment: Qt.AlignHCenter
Promote desktop utilities in action drawer Reshape the convergence quick settings into a compact promoted grid and add Clipboard, Disks & Devices, and a drawer-hosted System Tray popup. Retry applet popups when their full representation becomes ready so the desktop utilities open reliably.
2026-05-09 08:00:58 +00:00
visible: root.hasToggle
Layout.preferredHeight: visible ? Math.max(2, Math.round(Kirigami.Units.devicePixelRatio)) : 0
Polish quick settings states
2026-04-29 06:39:34 +00:00
width: root.enabled ? Kirigami.Units.smallSpacing * 3 : Kirigami.Units.smallSpacing * 1.5
Promote desktop utilities in action drawer Reshape the convergence quick settings into a compact promoted grid and add Clipboard, Disks & Devices, and a drawer-hosted System Tray popup. Retry applet popups when their full representation becomes ready so the desktop utilities open reliably.
2026-05-09 08:00:58 +00:00
height: Layout.preferredHeight
Polish quick settings states
2026-04-29 06:39:34 +00:00
radius: height / 2
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
color: root.enabled ? Kirigami.Theme.highlightColor : Kirigami.Theme.disabledTextColor
opacity: root.enabled ? 1.0 : 0.4
Polish quick settings states
2026-04-29 06:39:34 +00:00
Behavior on width {
NumberAnimation { duration: Kirigami.Units.shortDuration; easing.type: Easing.OutCubic }
}
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
}
}
MouseArea {
id: toggleMouse
anchors.fill: parent
Polish quick settings states
2026-04-29 06:39:34 +00:00
hoverEnabled: true
Promote desktop utilities in action drawer Reshape the convergence quick settings into a compact promoted grid and add Clipboard, Disks & Devices, and a drawer-hosted System Tray popup. Retry applet popups when their full representation becomes ready so the desktop utilities open reliably.
2026-05-09 08:00:58 +00:00
cursorShape: root.hasToggle ? Qt.PointingHandCursor : Qt.ArrowCursor
onPressed: {
if (root.hasToggle) {
haptics.buttonVibrate()
}
}
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
onClicked: {
Promote desktop utilities in action drawer Reshape the convergence quick settings into a compact promoted grid and add Clipboard, Disks & Devices, and a drawer-hosted System Tray popup. Retry applet popups when their full representation becomes ready so the desktop utilities open reliably.
2026-05-09 08:00:58 +00:00
if (root.hasToggle) root.toggleFunction();
Promote management tiles to status rows in convergence Wi-Fi, Bluetooth, Sound and Battery behave differently from toggle tiles: tapping them should open a detail panel, not flip a switch. On a phone the long-press convention handles this, but with a mouse long-press is unnatural. Pull these four tiles out of the grid when convergence mode is active and show them as full-width rows above the remaining tiles. Each row has two click zones — a toggle pill on the left that still switches the service on/off, and a detail area on the right (name, status, chevron) that opens the Plasma applet popup. The grid hides the duplicates so they only appear once.
2026-04-16 11:41:24 +00:00
}
}
}
// ── Detail area (right zone) ────────────────────────────────
Item {
Layout.fillWidth: true
Layout.fillHeight: true
// Hover/press highlight
Rectangle {
anchors.fill: parent
radius: Kirigami.Units.cornerRadius
color: detailMouse.pressed ? Qt.rgba(Kirigami.Theme.textColor.r,
Kirigami.Theme.textColor.g,
Kirigami.Theme.textColor.b, 0.06)
: detailMouse.containsMouse ? Qt.rgba(Kirigami.Theme.textColor.r,
Kirigami.Theme.textColor.g,
Kirigami.Theme.textColor.b, 0.03)
: "transparent"
}
MouseArea {
id: detailMouse
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onPressed: haptics.buttonVibrate()
onClicked: root.detailClicked()
}
RowLayout {
anchors.fill: parent
anchors.leftMargin: Kirigami.Units.smallSpacing * 2
anchors.rightMargin: Kirigami.Units.smallSpacing * 2
spacing: Kirigami.Units.smallSpacing
ColumnLayout {
Layout.fillWidth: true
Layout.alignment: Qt.AlignVCenter
spacing: 2
MobileShell.MarqueeLabel {
Layout.fillWidth: true
inputText: root.text
font.weight: Font.Bold
font.pointSize: Kirigami.Theme.defaultFont.pointSize * 0.9
}
MobileShell.MarqueeLabel {
Layout.fillWidth: true
inputText: root.status ? root.status : (root.enabled ? i18n("On") : i18n("Off"))
opacity: 0.6
font.pointSize: Kirigami.Theme.defaultFont.pointSize * 0.8
}
}
Kirigami.Icon {
Layout.alignment: Qt.AlignVCenter
implicitWidth: Kirigami.Units.iconSizes.small
implicitHeight: implicitWidth
source: "go-next-symbolic"
opacity: 0.5
}
}
}
}
}
Reference in a new issue Copy permalink