Spectral/qml/form/RoomListForm.qml

231 lines
8.2 KiB
QML
Raw Normal View History

2018-07-12 01:44:41 +00:00
import QtQuick 2.9
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3
2018-02-23 14:39:14 +00:00
import QtGraphicalEffects 1.0
2018-07-12 01:44:41 +00:00
import QtQuick.Controls.Material 2.2
import QtQml.Models 2.3
import Matrique 0.1
import SortFilterProxyModel 0.2
2018-02-23 14:39:14 +00:00
import "qrc:/qml/component"
Item {
property alias listModel: roomListProxyModel.sourceModel
readonly property int currentIndex: roomListProxyModel.mapToSource(listView.currentIndex)
readonly property var currentRoom: currentIndex != -1 ? listModel.roomAt(currentIndex) : null
readonly property bool mini: setting.miniMode // Used as an indicator of whether the listform should be displayed as "Mini mode".
signal enterRoom()
2018-02-23 14:39:14 +00:00
ColumnLayout {
anchors.fill: parent
spacing: 0
Rectangle {
2018-02-23 14:39:14 +00:00
z: 10
Layout.fillWidth: true
Layout.preferredHeight: 80
color: Qt.tint(Material.accent, "#20FFFFFF")
2018-02-23 14:39:14 +00:00
TextField {
id: searchField
width: parent.width - 18
2018-02-23 14:39:14 +00:00
height: 36
color: "black"
leftPadding: mini ? 4 : 16
2018-02-23 14:39:14 +00:00
topPadding: 0
bottomPadding: 0
anchors.centerIn: parent
2018-02-23 14:39:14 +00:00
background: Row {
MaterialIcon {
icon: "\ue8b6"
color: "white"
2018-02-23 14:39:14 +00:00
width: mini ? parent.width : parent.height
height: parent.height
2018-02-23 14:39:14 +00:00
}
Label {
2018-02-23 14:39:14 +00:00
height: parent.height
visible: !mini
text: "Search"
2018-02-23 14:39:14 +00:00
color: "white"
font.pointSize: 12
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
}
2018-02-23 14:39:14 +00:00
Rectangle {
2018-08-09 12:08:05 +00:00
z: -2
width: searchField.activeFocus || searchField.text ? parent.width : 0
height: parent.height
color: "white"
Behavior on width {
PropertyAnimation { easing.type: Easing.InOutCubic; duration: 200 }
2018-02-23 14:39:14 +00:00
}
}
}
}
Rectangle {
2018-02-23 14:39:14 +00:00
Layout.fillWidth: true
Layout.fillHeight: true
color: Material.theme == Material.Light ? "#eaeaea" : "#242424"
2018-03-01 11:56:02 +00:00
Label {
z: 10
text: mini ? "Empty" : "Here? No, not here."
anchors.centerIn: parent
visible: listView.count === 0
2018-02-23 14:39:14 +00:00
}
SortFilterProxyModel {
id: roomListProxyModel
filters: RegExpFilter {
roleName: "name"
pattern: searchField.text
caseSensitivity: Qt.CaseInsensitive
}
proxyRoles: [
ExpressionRole { name: "isFavorite"; expression: category === "Favorites" },
ExpressionRole { name: "isDirectChat"; expression: category === "People" },
ExpressionRole { name: "isLowPriority"; expression: category === "Low Priorities" }
]
sorters: [
RoleSorter { roleName: "isFavorite"; sortOrder: Qt.DescendingOrder },
RoleSorter { roleName: "isLowPriority" },
RoleSorter { roleName: "isDirectChat" },
StringSorter { roleName: "name" }
]
}
2018-02-23 14:39:14 +00:00
ListView {
id: listView
anchors.fill: parent
2018-02-23 14:39:14 +00:00
model: roomListProxyModel
2018-02-23 14:39:14 +00:00
highlight: Rectangle {
color: Material.accent
opacity: 0.2
}
highlightMoveDuration: 250
highlightResizeDuration: 0
2018-02-23 14:39:14 +00:00
2018-07-08 12:54:06 +00:00
currentIndex: -1
boundsBehavior: Flickable.DragOverBounds
2018-02-23 14:39:14 +00:00
ScrollBar.vertical: ScrollBar { id: scrollBar }
delegate: ItemDelegate {
width: parent.width
height: 80
onPressed: listView.currentIndex = index
2018-08-07 15:41:18 +00:00
onPressAndHold: roomListMenu.popup()
onClicked: enterRoom()
ToolTip.visible: mini && hovered
ToolTip.text: name
Rectangle {
width: 4
height: parent.height
color: Qt.tint(Material.accent, "#20FFFFFF")
visible: unreadCount > 0
}
contentItem: RowLayout {
anchors.fill: parent
anchors.margins: 16
spacing: 16
ImageStatus {
Layout.preferredWidth: height
Layout.fillHeight: true
source: avatar ? "image://mxc/" + avatar : ""
displayText: name
}
ColumnLayout {
Layout.fillWidth: true
Layout.fillHeight: true
Layout.alignment: Qt.AlignHCenter
visible: parent.width > 80
Label {
Layout.fillWidth: true
Layout.fillHeight: true
2018-07-20 04:14:02 +00:00
text: name ? name : ""
font.pointSize: 16
elide: Text.ElideRight
wrapMode: Text.NoWrap
}
Label {
Layout.fillWidth: true
Layout.fillHeight: true
text: topic ? topic : "No topic yet."
elide: Text.ElideRight
wrapMode: Text.NoWrap
}
}
}
}
section.property: "category"
section.criteria: ViewSection.FullString
section.delegate: Label {
width: parent.width
height: 24
text: section
color: "grey"
2018-07-20 04:14:02 +00:00
leftPadding: mini ? undefined : 16
2018-07-14 11:24:20 +00:00
elide: Text.ElideRight
verticalAlignment: Text.AlignVCenter
2018-07-20 04:14:02 +00:00
horizontalAlignment: mini ? Text.AlignHCenter : undefined
background: Rectangle {
anchors.fill:parent
color: Material.theme == Material.Light ? "#dbdbdb" : "#363636"
}
}
2018-08-07 15:41:18 +00:00
Menu {
id: roomListMenu
MenuItem {
text: "Favourite"
checkable: true
checked: currentRoom && currentRoom.isFavourite
onTriggered: currentRoom.isFavourite ? currentRoom.removeTag("m.favourite") : currentRoom.addTag("m.favourite", "1")
}
MenuItem {
text: "Deprioritize"
checkable: true
checked: currentRoom && currentRoom.isLowPriority
onTriggered: currentRoom.isLowPriority ? currentRoom.removeTag("m.lowpriority") : currentRoom.addTag("m.lowpriority", "1")
}
MenuSeparator {}
MenuItem {
text: "Mark as Read"
onTriggered: currentRoom.markAllMessagesAsRead()
}
MenuItem {
text: "Leave Room"
onTriggered: matriqueController.forgetRoom(currentRoom.id)
}
}
2018-02-23 14:39:14 +00:00
}
}
}
2018-08-07 15:41:18 +00:00
onCurrentRoomChanged: setting.lazyLoad && currentRoom && !currentRoom.timelineSize ? currentRoom.getPreviousContent(20) : {}
2018-02-23 14:39:14 +00:00
}