148 lines
4.4 KiB
QML
148 lines
4.4 KiB
QML
// SPDX-License-Identifier: LGPL-3.0-or-later
|
|
|
|
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import ".."
|
|
import "../Base"
|
|
import "../Base/HTile"
|
|
|
|
|
|
Rectangle {
|
|
implicitHeight: accountList.count >= 2 ? accountList.contentHeight : 0
|
|
color: theme.mainPane.accountBar.background
|
|
|
|
|
|
property RoomList roomList
|
|
readonly property alias accountList: accountList
|
|
|
|
|
|
Behavior on implicitHeight { HNumberAnimation {} }
|
|
|
|
HGridView {
|
|
id: accountList
|
|
anchors.centerIn: parent
|
|
width: Math.min(cellWidth * count, parent.width)
|
|
height: parent.height
|
|
|
|
clip: true
|
|
cellWidth: theme.controls.avatar.size + theme.spacing
|
|
cellHeight: cellWidth
|
|
currentIndex:
|
|
roomList.count === 0 || roomList.currentIndex === -1 ?
|
|
-1 :
|
|
model.findIndex(
|
|
roomList.model.get(roomList.currentIndex).for_account ||
|
|
roomList.model.get(roomList.currentIndex).id,
|
|
-1,
|
|
)
|
|
|
|
model: ModelStore.get("matching_accounts")
|
|
|
|
delegate: HTileDelegate {
|
|
id: tile
|
|
width: accountList.cellWidth
|
|
height: accountList.cellHeight
|
|
padded: false
|
|
backgroundColor: theme.mainPane.accountBar.account.background
|
|
|
|
contentItem: Item {
|
|
id: tileContent
|
|
|
|
HUserAvatar {
|
|
id: avatar
|
|
anchors.centerIn: parent
|
|
userId: model.id
|
|
displayName: model.display_name
|
|
mxc: model.avatar_url
|
|
// compact: tile.compact
|
|
|
|
radius: theme.mainPane.accountBar.account.avatarRadius
|
|
|
|
opacity:
|
|
tile.collapsed ?
|
|
theme.mainPane.accountBar.account.collapsedOpacity :
|
|
1
|
|
|
|
Behavior on opacity { HNumberAnimation {} }
|
|
}
|
|
|
|
MessageIndicator {
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
|
|
indicatorTheme:
|
|
theme.mainPane.accountBar.account.unreadIndicator
|
|
unreads: model.total_unread
|
|
mentions: model.total_mentions
|
|
}
|
|
|
|
HLoader {
|
|
anchors.centerIn: parent
|
|
width: avatar.width
|
|
height: avatar.height
|
|
opacity: model.first_sync_done ? 0 : 1
|
|
|
|
active: opacity > 0
|
|
sourceComponent: Rectangle {
|
|
radius: avatar.radius
|
|
color: utils.hsluv(0, 0, 0, 0.5)
|
|
|
|
HBusyIndicator {
|
|
anchors.centerIn: parent
|
|
width: tileContent.width / 2
|
|
height: width
|
|
}
|
|
}
|
|
|
|
Behavior on opacity { HNumberAnimation {} }
|
|
}
|
|
}
|
|
|
|
contextMenu: AccountContextMenu { userId: model.id }
|
|
|
|
onLeftClicked: roomList.goToAccount(model.id)
|
|
|
|
readonly property bool collapsed:
|
|
(window.uiState.collapseAccounts[model.id] || false) &&
|
|
! roomList.filter
|
|
}
|
|
|
|
highlight: Item {
|
|
readonly property alias border: border
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: theme.mainPane.accountBar.account.selectedBackground
|
|
opacity: theme.mainPane.accountBar.account
|
|
.selectedBackgroundOpacity
|
|
}
|
|
|
|
Rectangle {
|
|
id: border
|
|
anchors.bottom: parent.bottom
|
|
width: parent.width
|
|
height:
|
|
theme.mainPane.accountBar.account.selectedBorderSize
|
|
color: theme.mainPane.accountBar.account.selectedBorder
|
|
}
|
|
}
|
|
|
|
|
|
HShortcut {
|
|
sequences: window.settings.keys.goToPreviousAccount
|
|
onActivated: {
|
|
accountList.decrementCurrentIndex()
|
|
accountList.currentItem.leftClicked()
|
|
}
|
|
}
|
|
|
|
HShortcut {
|
|
sequences: window.settings.keys.goToNextAccount
|
|
onActivated: {
|
|
accountList.incrementCurrentIndex()
|
|
accountList.currentItem.leftClicked()
|
|
}
|
|
}
|
|
}
|
|
}
|