mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-26 14:23:09 +00:00
285 lines
11 KiB
QML
285 lines
11 KiB
QML
/*
|
|
* SPDX-FileCopyrightText: 2014 Aaron Seigo <aseigo@kde.org>
|
|
* SPDX-FileCopyrightText: 2015 Marco Martin <notmart@gmail.com>
|
|
* SPDX-FileCopyrightText: 2021 Devin Lin <devin@kde.org>
|
|
*
|
|
* SPDX-License-Identifier: LGPL-2.0-or-later
|
|
*/
|
|
|
|
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15 as Controls
|
|
import QtQuick.Layouts 1.15
|
|
import QtGraphicalEffects 1.15
|
|
|
|
import org.kde.plasma.plasmoid 2.0
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.plasma.components 3.0 as PlasmaComponents
|
|
import org.kde.plasma.extras 2.0 as PlasmaExtras
|
|
import org.kde.plasma.private.mobileshell 1.0 as MobileShell
|
|
|
|
import org.kde.milou 0.1 as Milou
|
|
import org.kde.kirigami 2.19 as Kirigami
|
|
|
|
import "../../components" as Components
|
|
|
|
/**
|
|
* Search widget that is embedded into the homescreen. The dimensions of
|
|
* the root item is assumed to be the available screen area for applications.
|
|
*/
|
|
Item {
|
|
id: root
|
|
|
|
function startGesture() {
|
|
queryField.text = "";
|
|
flickable.contentY = closedContentY;
|
|
}
|
|
|
|
function updateGestureOffset(yOffset) {
|
|
flickable.contentY = Math.max(0, Math.min(closedContentY, flickable.contentY + yOffset));
|
|
}
|
|
|
|
// call when the touch gesture has let go
|
|
function endGesture() {
|
|
flickable.opening ? open() : close();
|
|
}
|
|
|
|
// open the search widget (animated)
|
|
function open() {
|
|
anim.to = openedContentY;
|
|
anim.restart();
|
|
}
|
|
|
|
// close the search widget (animated)
|
|
function close() {
|
|
anim.to = closedContentY;
|
|
anim.restart();
|
|
}
|
|
|
|
readonly property real closedContentY: PlasmaCore.Units.gridUnit * 5
|
|
readonly property real openedContentY: 0
|
|
readonly property real openFactor: Math.max(0, Math.min(1, 1 - flickable.contentY / closedContentY))
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: Qt.rgba(0, 0, 0, 0.3)
|
|
opacity: root.openFactor
|
|
}
|
|
|
|
onOpacityChanged: {
|
|
if (opacity === 0) {
|
|
close();
|
|
}
|
|
}
|
|
|
|
Flickable {
|
|
id: flickable
|
|
|
|
anchors.fill: parent
|
|
anchors.topMargin: MobileShell.TopPanelControls.panelHeight
|
|
anchors.bottomMargin: MobileShell.TaskPanelControls.isPortrait ? MobileShell.TaskPanelControls.panelHeight : 0
|
|
anchors.rightMargin: MobileShell.TaskPanelControls.isPortrait ? 0 : MobileShell.TaskPanelControls.panelWidth
|
|
|
|
contentHeight: flickable.height + root.closedContentY + 999999
|
|
contentY: root.closedContentY
|
|
property real oldContentY: contentY
|
|
property bool opening: false
|
|
|
|
onContentYChanged: {
|
|
opening = contentY < oldContentY;
|
|
oldContentY = contentY;
|
|
|
|
if (contentY !== root.openedContentY) {
|
|
queryField.focus = false;
|
|
}
|
|
}
|
|
|
|
onMovementEnded: root.endGesture()
|
|
|
|
onDraggingChanged: {
|
|
if (!dragging) {
|
|
root.endGesture();
|
|
}
|
|
}
|
|
|
|
NumberAnimation on contentY {
|
|
id: anim
|
|
duration: PlasmaCore.Units.longDuration * 2
|
|
easing.type: Easing.OutQuad
|
|
onFinished: {
|
|
if (anim.to === root.openedContentY) {
|
|
queryField.forceActiveFocus();
|
|
}
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: column
|
|
height: flickable.height
|
|
width: flickable.width
|
|
|
|
Controls.Control {
|
|
opacity: root.openFactor
|
|
Layout.fillWidth: true
|
|
Layout.maximumWidth: PlasmaCore.Units.gridUnit * 30
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.topMargin: PlasmaCore.Units.gridUnit
|
|
Layout.leftMargin: PlasmaCore.Units.gridUnit
|
|
Layout.rightMargin: PlasmaCore.Units.gridUnit
|
|
|
|
leftPadding: PlasmaCore.Units.smallSpacing / 2
|
|
rightPadding: PlasmaCore.Units.smallSpacing / 2
|
|
topPadding: PlasmaCore.Units.smallSpacing / 2
|
|
bottomPadding: PlasmaCore.Units.smallSpacing / 2
|
|
|
|
background: Item {
|
|
|
|
// shadow for search window
|
|
RectangularGlow {
|
|
anchors.topMargin: 1
|
|
anchors.fill: parent
|
|
cached: true
|
|
glowRadius: 4
|
|
spread: 0.2
|
|
color: Qt.rgba(0, 0, 0, 0.15)
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: PlasmaCore.Theme.backgroundColor
|
|
radius: PlasmaCore.Units.smallSpacing
|
|
}
|
|
}
|
|
|
|
contentItem: RowLayout {
|
|
Item {
|
|
implicitHeight: queryField.height
|
|
implicitWidth: height
|
|
Kirigami.Icon {
|
|
anchors.fill: parent
|
|
anchors.margins: Math.round(Kirigami.Units.smallSpacing * 1.5)
|
|
source: "start-here-symbolic"
|
|
}
|
|
}
|
|
Kirigami.SearchField {
|
|
id: queryField
|
|
focus: true
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
}
|
|
|
|
Controls.ScrollView {
|
|
opacity: root.openFactor === 1 ? 1 : 0
|
|
Behavior on opacity {
|
|
NumberAnimation { duration: PlasmaCore.Units.shortDuration }
|
|
}
|
|
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
|
|
Milou.ResultsListView {
|
|
id: listView
|
|
queryString: queryField.text
|
|
highlight: null
|
|
clip: true
|
|
PlasmaCore.ColorScope.colorGroup: PlasmaCore.Theme.NormalColorGroup
|
|
|
|
onActivated: queryField.text = "";
|
|
onUpdateQueryString: {
|
|
queryField.text = text
|
|
queryField.cursorPosition = cursorPosition
|
|
}
|
|
|
|
delegate: MouseArea {
|
|
id: delegate
|
|
height: rowLayout.height
|
|
width: listView.width
|
|
|
|
onClicked: {
|
|
listView.currentIndex = model.index;
|
|
listView.runCurrentIndex();
|
|
}
|
|
hoverEnabled: true
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: delegate.pressed ? Qt.rgba(255, 255, 255, 0.2) : (delegate.containsMouse ? Qt.rgba(255, 255, 255, 0.05) : "transparent")
|
|
Behavior on color {
|
|
ColorAnimation { duration: PlasmaCore.Units.shortDuration }
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
id: rowLayout
|
|
height: PlasmaCore.Units.gridUnit * 3
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.leftMargin: PlasmaCore.Units.largeSpacing
|
|
anchors.rightMargin: PlasmaCore.Units.largeSpacing
|
|
|
|
Kirigami.Icon {
|
|
Layout.alignment: Qt.AlignVCenter
|
|
source: model.decoration
|
|
implicitWidth: PlasmaCore.Units.iconSizes.medium
|
|
implicitHeight: PlasmaCore.Units.iconSizes.medium
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignVCenter
|
|
spacing: PlasmaCore.Units.smallSpacing
|
|
|
|
PlasmaComponents.Label {
|
|
id: title
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: PlasmaCore.Units.smallSpacing * 2
|
|
Layout.rightMargin: PlasmaCore.Units.largeSpacing
|
|
|
|
maximumLineCount: 1
|
|
elide: Text.ElideRight
|
|
text: typeof modelData !== "undefined" ? modelData : model.display
|
|
color: "white"
|
|
|
|
font.pointSize: PlasmaCore.Theme.defaultFont.pointSize
|
|
}
|
|
PlasmaComponents.Label {
|
|
id: subtitle
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: PlasmaCore.Units.smallSpacing * 2
|
|
Layout.rightMargin: PlasmaCore.Units.largeSpacing
|
|
|
|
maximumLineCount: 1
|
|
elide: Text.ElideRight
|
|
text: model.subtext || ""
|
|
color: "white"
|
|
opacity: 0.8
|
|
|
|
font.pointSize: Math.round(PlasmaCore.Theme.defaultFont.pointSize * 0.8)
|
|
}
|
|
}
|
|
|
|
Repeater {
|
|
id: actionsRepeater
|
|
model: typeof actions !== "undefined" ? actions : []
|
|
|
|
Controls.ToolButton {
|
|
icon: modelData.icon || ""
|
|
visible: modelData.visible || true
|
|
enabled: modelData.enabled || true
|
|
|
|
Accessible.role: Accessible.Button
|
|
Accessible.name: modelData.text
|
|
checkable: checked
|
|
checked: delegate.activeAction === index
|
|
focus: delegate.activeAction === index
|
|
onClicked: delegate.ListView.view.runAction(index)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|