mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-11 14:54:48 +00:00
8977ba4931
This commit introduces the new design and behaviour of the modal that opens up when starting a new 1-on-1 chat. Main changes include: - New search UI/UX functionality of users and ENS resolutions - Composed view of existing contacts and contacts to be searched - Ability to add contacts from within the modal Closes: #1747
57 lines
1.8 KiB
QML
57 lines
1.8 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
import "../../../../shared/status"
|
|
import "./"
|
|
|
|
Item {
|
|
id: root
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
property string filterText: ""
|
|
property bool expanded: true
|
|
signal contactClicked(var contact)
|
|
|
|
function matchesAlias(name, filter) {
|
|
let parts = name.split(" ")
|
|
return parts.some(p => p.startsWith(filter))
|
|
}
|
|
|
|
height: Math.min(contactListView.contentHeight, (expanded ? 320 : 192))
|
|
ScrollView {
|
|
anchors.fill: parent
|
|
|
|
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
|
ScrollBar.vertical.policy: contactListView.contentHeight > contactListView.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff
|
|
|
|
ListView {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
clip: true
|
|
id: contactListView
|
|
model: profileModel.contacts.list
|
|
delegate: Contact {
|
|
showCheckbox: false
|
|
pubKey: model.pubKey
|
|
isContact: model.isContact
|
|
isUser: false
|
|
name: model.name
|
|
address: model.address
|
|
identicon: model.thumbnailImage || model.identicon
|
|
visible: model.isContact && (root.filterText === "" ||
|
|
root.matchesAlias(model.name.toLowerCase(), root.filterText.toLowerCase()) ||
|
|
model.name.toLowerCase().includes(root.filterText.toLowerCase()) ||
|
|
model.address.toLowerCase().includes(root.filterText.toLowerCase()))
|
|
onContactClicked: function () {
|
|
root.contactClicked(model)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|