145 lines
4.5 KiB
QML
145 lines
4.5 KiB
QML
/*
|
|
Copyright (C) 2011 Jocelyn Turcotte <turcotte.j@gmail.com>
|
|
|
|
This program is free software; you can redistribute it and/or
|
|
modify it under the terms of the GNU Library General Public
|
|
License as published by the Free Software Foundation; either
|
|
version 2 of the License, or (at your option) 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
|
|
Library General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Library General Public License
|
|
along with this program; see the file COPYING.LIB. If not, write to
|
|
the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
|
|
Boston, MA 02110-1301, USA.
|
|
*/
|
|
|
|
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtGraphicalEffects 1.13
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
import "../../../../shared/status"
|
|
|
|
Rectangle {
|
|
id: container
|
|
|
|
property QtObject model: undefined
|
|
property Item delegate
|
|
property alias suggestionsModel: filterItem.model
|
|
property alias filter: filterItem.filter
|
|
property alias property: filterItem.property
|
|
property int cursorPosition
|
|
signal itemSelected(var item, int lastAtPosition, int lastCursorPosition)
|
|
property alias listView: listView
|
|
property bool shouldHide: false
|
|
|
|
onCursorPositionChanged: {
|
|
if (shouldHide) {
|
|
shouldHide = false
|
|
}
|
|
}
|
|
|
|
function hide() {
|
|
shouldHide = true
|
|
}
|
|
|
|
function selectCurrentItem() {
|
|
container.itemSelected(listView.model.get(listView.currentIndex), filterItem.lastAtPosition, filterItem.cursorPosition)
|
|
}
|
|
|
|
z: parent.z + 100
|
|
visible: !shouldHide && filter.length > 0 && suggestionsModel.count > 0
|
|
height: Math.min(400, listView.contentHeight + Style.current.smallPadding)
|
|
|
|
opacity: visible ? 1.0 : 0
|
|
Behavior on opacity {
|
|
NumberAnimation { }
|
|
}
|
|
|
|
color: Style.current.background
|
|
radius: Style.current.radius
|
|
border.width: 0
|
|
layer.enabled: true
|
|
layer.effect: DropShadow{
|
|
width: container.width
|
|
height: container.height
|
|
x: container.x
|
|
y: container.y + 10
|
|
visible: container.visible
|
|
source: container
|
|
horizontalOffset: 0
|
|
verticalOffset: 2
|
|
radius: 10
|
|
samples: 15
|
|
color: "#22000000"
|
|
}
|
|
|
|
SuggestionFilter {
|
|
id: filterItem
|
|
sourceModel: container.model
|
|
cursorPosition: container.cursorPosition
|
|
}
|
|
|
|
|
|
ListView {
|
|
id: listView
|
|
model: container.suggestionsModel
|
|
keyNavigationEnabled: true
|
|
anchors.fill: parent
|
|
anchors.topMargin: Style.current.halfPadding
|
|
anchors.leftMargin: Style.current.halfPadding
|
|
anchors.rightMargin: Style.current.halfPadding
|
|
anchors.bottomMargin: Style.current.halfPadding
|
|
clip: true
|
|
|
|
property int selectedIndex
|
|
property var selectedItem: selectedIndex == -1 ? null : model[selectedIndex]
|
|
signal suggestionClicked(var item)
|
|
|
|
delegate: Rectangle {
|
|
id: rectangle
|
|
color: listView.currentIndex === index ? Style.current.backgroundHover : Style.current.transparent
|
|
border.width: 0
|
|
width: parent.width
|
|
height: 42
|
|
radius: Style.current.radius
|
|
|
|
StatusImageIdenticon {
|
|
id: accountImage
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
source: model.identicon
|
|
}
|
|
|
|
StyledText {
|
|
text: model[container.property.split(",").map(p => p.trim()).find(p => !!model[p])]
|
|
color: Style.current.textColor
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: accountImage.right
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
font.pixelSize: 15
|
|
}
|
|
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onEntered: {
|
|
listView.currentIndex = index
|
|
}
|
|
onClicked: {
|
|
container.itemSelected(model, filterItem.lastAtPosition, filterItem.cursorPosition)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|