mirror of
https://gitlab.linphone.org/BC/public/linphone-desktop.git
synced 2026-04-17 20:08:28 +00:00
458 lines
16 KiB
QML
458 lines
16 KiB
QML
import QtQuick
|
|
import QtQuick.Effects
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls.Basic as Control
|
|
import Linphone
|
|
import UtilsCpp
|
|
import SettingsCpp
|
|
import "qrc:/qt/qml/Linphone/view/Style/buttonStyle.js" as ButtonStyle
|
|
import "qrc:/qt/qml/Linphone/view/Control/Tool/Helper/utils.js" as Utils
|
|
|
|
ListView {
|
|
id: mainItem
|
|
clip: true
|
|
|
|
property SearchBar searchBar
|
|
property bool loading: false
|
|
property string searchText: searchBar?.text
|
|
property alias chatProxy: chatProxy
|
|
property real busyIndicatorSize: Utils.getSizeWithScreenRatio(60)
|
|
|
|
property ChatGui currentChatGui: model.getAt(currentIndex) || null
|
|
onCurrentChatGuiChanged: positionViewAtIndex(currentIndex, ListView.Center)
|
|
property ChatGui chatToSelect: null
|
|
property ChatGui chatToSelectLater: null
|
|
onChatToSelectChanged: {
|
|
if (chatToSelect) {
|
|
// first clear the chatToSelect property in case we need to
|
|
// force adding the chat to the list and the layout changes
|
|
var toselect = chatToSelect;
|
|
chatToSelect = null;
|
|
selectChat(toselect, true);
|
|
}
|
|
}
|
|
|
|
onChatClicked: chat => {
|
|
selectChat(chat);
|
|
}
|
|
|
|
signal markAllAsRead
|
|
signal chatClicked(ChatGui chat)
|
|
|
|
model: ChatProxy {
|
|
id: chatProxy
|
|
filterText: mainItem.searchText
|
|
onFilterTextChanged: {
|
|
chatToSelectLater = currentChatGui;
|
|
}
|
|
onModelAboutToBeReset: {
|
|
loading = true;
|
|
}
|
|
onModelReset: {
|
|
loading = false;
|
|
if (mainItem.chatToSelectLater) {
|
|
selectChat(mainItem.chatToSelectLater);
|
|
mainItem.chatToSelectLater = null;
|
|
} else if (mainItem.chatToSelect) {
|
|
selectChat(mainItem.chatToSelect);
|
|
mainItem.chatToSelect = null;
|
|
} else {
|
|
selectChat(mainItem.currentChatGui);
|
|
}
|
|
}
|
|
onChatAdded: chat => {
|
|
mainItem.chatToSelect = chat;
|
|
}
|
|
onRowsRemoved: {
|
|
var index = mainItem.currentIndex;
|
|
mainItem.currentIndex = -1;
|
|
mainItem.currentIndex = index;
|
|
}
|
|
onLayoutChanged: {
|
|
loading = false;
|
|
if (mainItem.chatToSelectLater) {
|
|
selectChat(mainItem.chatToSelectLater);
|
|
mainItem.chatToSelectLater = null;
|
|
} else if (mainItem.chatToSelect) {
|
|
selectChat(mainItem.chatToSelect);
|
|
mainItem.chatToSelect = null;
|
|
} else {
|
|
selectChat(mainItem.currentChatGui);
|
|
}
|
|
}
|
|
}
|
|
// flickDeceleration: 10000
|
|
spacing: Utils.getSizeWithScreenRatio(10)
|
|
|
|
function selectChat(chatGui, force) {
|
|
var index = chatProxy.findChatIndex(chatGui);
|
|
// force adding chat to list if it already exists
|
|
// but has not been added to the list yet because
|
|
// it is empty and hide_empty_chatrooms is set
|
|
if (index === -1 && force === true && chatGui) {
|
|
if (chatProxy.addChatInList(chatGui)) {
|
|
var index = chatProxy.findChatIndex(chatGui);
|
|
}
|
|
}
|
|
mainItem.currentIndex = index;
|
|
}
|
|
|
|
// remove binding loop
|
|
onContentHeightChanged: Qt.callLater(function () {
|
|
if (mainItem)
|
|
mainItem.cacheBuffer = Math?.max(contentHeight, 0) || 0;
|
|
})
|
|
|
|
onActiveFocusChanged: if (activeFocus && currentIndex < 0 && count > 0)
|
|
currentIndex = 0
|
|
|
|
//----------------------------------------------------------------
|
|
function moveToCurrentItem() {
|
|
if (mainItem.currentIndex >= 0)
|
|
Utils.updatePosition(mainItem, mainItem);
|
|
}
|
|
onCurrentItemChanged: {
|
|
moveToCurrentItem();
|
|
}
|
|
// Update position only if we are moving to current item and its position is changing.
|
|
property var _currentItemY: currentItem?.y
|
|
on_CurrentItemYChanged: if (_currentItemY && moveAnimation.running) {
|
|
moveToCurrentItem();
|
|
}
|
|
Behavior on contentY {
|
|
NumberAnimation {
|
|
id: moveAnimation
|
|
duration: 500
|
|
easing.type: Easing.OutExpo
|
|
alwaysRunToEnd: true
|
|
}
|
|
}
|
|
|
|
// //----------------------------------------------------------------
|
|
|
|
BusyIndicator {
|
|
anchors.horizontalCenter: mainItem.horizontalCenter
|
|
visible: mainItem.loading
|
|
height: visible ? mainItem.busyIndicatorSize : 0
|
|
width: mainItem.busyIndicatorSize
|
|
indicatorHeight: mainItem.busyIndicatorSize
|
|
indicatorWidth: mainItem.busyIndicatorSize
|
|
indicatorColor: DefaultStyle.main1_500_main
|
|
}
|
|
|
|
// Qt bug: sometimes, containsMouse may not be send and update on each MouseArea.
|
|
// So we need to use this variable to switch off all hovered items.
|
|
property int lastMouseContainsIndex: -1
|
|
|
|
delegate: FocusScope {
|
|
visible: !mainItem.loading
|
|
width: mainItem.width
|
|
height: Utils.getSizeWithScreenRatio(63)
|
|
Connections {
|
|
target: mainItem
|
|
function onMarkAllAsRead() {
|
|
modelData.core.lMarkAsRead();
|
|
}
|
|
}
|
|
RowLayout {
|
|
z: 1
|
|
anchors.fill: parent
|
|
anchors.leftMargin: Utils.getSizeWithScreenRatio(11)
|
|
anchors.rightMargin: Utils.getSizeWithScreenRatio(11)
|
|
anchors.topMargin: Utils.getSizeWithScreenRatio(9)
|
|
anchors.bottomMargin: Utils.getSizeWithScreenRatio(9)
|
|
spacing: Utils.getSizeWithScreenRatio(10)
|
|
Avatar {
|
|
property var contactObj: modelData ? UtilsCpp.findFriendByAddress(modelData.core.peerAddress) : null
|
|
contact: contactObj?.value || null
|
|
displayNameVal: modelData && modelData.core.avatarUri || ""
|
|
secured: modelData?.core.isSecured || false
|
|
Layout.preferredWidth: Utils.getSizeWithScreenRatio(45)
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(45)
|
|
// isConference: modelData.core.isConference
|
|
shadowEnabled: false
|
|
asynchronous: false
|
|
}
|
|
ColumnLayout {
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
spacing: Utils.getSizeWithScreenRatio(5)
|
|
Text {
|
|
id: friendAddress
|
|
Layout.fillWidth: true
|
|
maximumLineCount: 1
|
|
text: modelData ? modelData.core.title : ""
|
|
textFormat: Text.PlainText
|
|
color: DefaultStyle.main2_800
|
|
font {
|
|
pixelSize: Typography.p1.pixelSize
|
|
weight: unreadCount.unread > 0 ? Typography.p2.weight : Typography.p1.weight
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
spacing: Utils.getSizeWithScreenRatio(5)
|
|
Layout.fillWidth: true
|
|
|
|
EffectImage {
|
|
visible: modelData != undefined && modelData.core.lastMessage && modelData.core.lastMessage.core.isReply &&
|
|
!remoteComposingInfo.visible
|
|
fillMode: Image.PreserveAspectFit
|
|
imageSource: AppIcons.reply
|
|
colorizationColor: DefaultStyle.main2_500
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
Layout.preferredWidth: Utils.getSizeWithScreenRatio(14)
|
|
}
|
|
|
|
EffectImage {
|
|
visible: modelData != undefined && modelData.core.lastMessage && modelData.core.lastMessage.core.isForward &&
|
|
!remoteComposingInfo.visible
|
|
fillMode: Image.PreserveAspectFit
|
|
imageSource: AppIcons.forward
|
|
colorizationColor: DefaultStyle.main2_500
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
Layout.preferredWidth: Utils.getSizeWithScreenRatio(14)
|
|
}
|
|
|
|
EffectImage {
|
|
visible: modelData != undefined && modelData.core.lastMessage && modelData.core.lastMessage.core.hasFileContent
|
|
&& !remoteComposingInfo.visible
|
|
fillMode: Image.PreserveAspectFit
|
|
imageSource: AppIcons.paperclip
|
|
colorizationColor: DefaultStyle.main2_500
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
Layout.preferredWidth: Utils.getSizeWithScreenRatio(14)
|
|
}
|
|
|
|
EffectImage {
|
|
visible: modelData != undefined && modelData.core.lastMessage && modelData.core.lastMessage.core.isVoiceRecording
|
|
&& !remoteComposingInfo.visible
|
|
fillMode: Image.PreserveAspectFit
|
|
imageSource: AppIcons.waveform
|
|
colorizationColor: DefaultStyle.main2_500
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
Layout.preferredWidth: Utils.getSizeWithScreenRatio(14)
|
|
}
|
|
|
|
EffectImage {
|
|
visible: modelData != undefined && modelData.core.lastMessage && modelData.core.lastMessage.core.isCalendarInvite
|
|
&& !remoteComposingInfo.visible
|
|
fillMode: Image.PreserveAspectFit
|
|
imageSource: AppIcons.calendarBlank
|
|
colorizationColor: DefaultStyle.main2_500
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
Layout.preferredWidth: Utils.getSizeWithScreenRatio(14)
|
|
}
|
|
|
|
Text {
|
|
id: lastMessageText
|
|
Layout.fillWidth: true
|
|
maximumLineCount: 1
|
|
visible: !remoteComposingInfo.visible
|
|
text: modelData ? modelData.core.lastMessageText : ""
|
|
color: DefaultStyle.main2_400
|
|
font {
|
|
pixelSize: Typography.p1.pixelSize
|
|
weight: unreadCount.unread > 0 ? Typography.p2.weight : Typography.p1.weight
|
|
}
|
|
}
|
|
Text {
|
|
id: remoteComposingInfo
|
|
visible: modelData ? (modelData.core.composingName !== "" || modelData.core.sendingText !== "") : false
|
|
Layout.fillWidth: true
|
|
maximumLineCount: 1
|
|
font {
|
|
pixelSize: Typography.p3.pixelSize
|
|
weight: Typography.p3.weight
|
|
italic: modelData?.core.sendingText !== ""
|
|
}
|
|
//: %1 is writing…
|
|
text: modelData ? modelData.core.composingName !== "" ? qsTr("chat_message_is_writing_info").arg(
|
|
modelData.core.composingName) : modelData.core.sendingText !== "" ? qsTr(
|
|
"chat_message_draft_sending_text").arg(modelData.core.sendingText) : "" : ""
|
|
}
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
Layout.alignment: Qt.AlignRight
|
|
RowLayout {
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
Text {
|
|
color: DefaultStyle.main2_500_main
|
|
property string format: modelData && UtilsCpp.isCurrentYear(modelData.core.lastUpdatedTime) ? "dd/MM" : "dd/MM/yy"
|
|
text: modelData ? UtilsCpp.formatDate(modelData.core.lastUpdatedTime, true, false, format) : ""
|
|
font {
|
|
pixelSize: Typography.p3.pixelSize
|
|
weight: Typography.p3.weight
|
|
capitalization: Font.Capitalize
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
spacing: Utils.getSizeWithScreenRatio(10)
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
EffectImage {
|
|
visible: modelData?.core.ephemeralEnabled || false
|
|
Layout.preferredWidth: visible ? Utils.getSizeWithScreenRatio(14) : 0
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
colorizationColor: DefaultStyle.main2_400
|
|
imageSource: AppIcons.clockCountDown
|
|
}
|
|
EffectImage {
|
|
visible: modelData != undefined && !modelData.core.isEncrypted && AppCpp.currentAccount
|
|
&& AppCpp.currentAccount.core.limeServerUrl !== "" && AppCpp.currentAccount.core.conferenceFactoryAddress
|
|
!== ""
|
|
Layout.preferredWidth: visible ? Utils.getSizeWithScreenRatio(14) : 0
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
colorizationColor: DefaultStyle.warning_700
|
|
imageSource: AppIcons.lockSimpleOpen
|
|
}
|
|
EffectImage {
|
|
visible: modelData != undefined && modelData?.core.muted
|
|
Layout.preferredWidth: visible ? Utils.getSizeWithScreenRatio(14) : 0
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
colorizationColor: DefaultStyle.main2_400
|
|
imageSource: AppIcons.bellSlash
|
|
}
|
|
UnreadNotification {
|
|
id: unreadCount
|
|
Layout.preferredWidth: Utils.getSizeWithScreenRatio(14)
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
unread: modelData?.core.unreadMessagesCount || false
|
|
}
|
|
EffectImage {
|
|
visible: modelData?.core.lastMessage && modelData?.core.lastMessageState
|
|
!== LinphoneEnums.ChatMessageState.StateIdle && !modelData.core.lastMessage.core.isRemoteMessage || false
|
|
Layout.preferredWidth: visible ? Utils.getSizeWithScreenRatio(14) : 0
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(14)
|
|
colorizationColor: DefaultStyle.main1_500_main
|
|
imageSource: modelData ? modelData.core.lastMessageState === LinphoneEnums.ChatMessageState.StateDelivered
|
|
? AppIcons.envelope : modelData.core.lastMessageState
|
|
=== LinphoneEnums.ChatMessageState.StateDeliveredToUser ? AppIcons.check :
|
|
modelData.core.lastMessageState === LinphoneEnums.ChatMessageState.StateNotDelivered
|
|
? AppIcons.warningCircle : modelData.core.lastMessageState
|
|
=== LinphoneEnums.ChatMessageState.StateDisplayed ? AppIcons.checks : "" : ""
|
|
}
|
|
}
|
|
}
|
|
PopupButton {
|
|
id: chatroomPopup
|
|
// z: 1
|
|
popup.x: 0
|
|
popup.padding: Utils.getSizeWithScreenRatio(10)
|
|
visible: mouseArea.containsMouse || hovered || popup.opened
|
|
enabled: visible
|
|
popup.contentItem: ColumnLayout {
|
|
IconLabelButton {
|
|
//: "Mute"
|
|
text: modelData ? modelData.core.muted ? qsTr("chat_room_unmute") : qsTr("chat_room_mute") : ""
|
|
icon.source: modelData ? modelData.core.muted ? AppIcons.bell : AppIcons.bellSlash : ""
|
|
spacing: Utils.getSizeWithScreenRatio(10)
|
|
Layout.fillWidth: true
|
|
onClicked: {
|
|
modelData.core.muted = !modelData.core.muted;
|
|
chatroomPopup.close();
|
|
}
|
|
}
|
|
IconLabelButton {
|
|
visible: modelData && modelData.core.unreadMessagesCount !== 0 || false
|
|
//: "Mark as read"
|
|
text: qsTr("chat_room_mark_as_read")
|
|
icon.source: AppIcons.checks
|
|
spacing: Utils.getSizeWithScreenRatio(10)
|
|
Layout.fillWidth: true
|
|
onClicked: {
|
|
modelData.core.lMarkAsRead();
|
|
chatroomPopup.close();
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
spacing: parent.spacing
|
|
visible: modelData && !modelData.core.isReadOnly && modelData.core.isGroupChat || false
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(1)
|
|
color: DefaultStyle.main2_400
|
|
}
|
|
IconLabelButton {
|
|
//: "leave"
|
|
text: qsTr("chat_room_leave")
|
|
icon.source: AppIcons.trashCan
|
|
spacing: Utils.getSizeWithScreenRatio(10)
|
|
Layout.fillWidth: true
|
|
onClicked: {
|
|
//: leave the conversation ?
|
|
mainWindow.showConfirmationLambdaPopup(qsTr("chat_list_leave_chat_popup_title"),
|
|
//: You will not be able to send or receive messages in this conversation anymore. Do You want to continue ?
|
|
qsTr("chat_list_leave_chat_popup_message"), "", function (confirmed) {
|
|
if (confirmed) {
|
|
modelData.core.lLeave();
|
|
chatroomPopup.close();
|
|
}
|
|
});
|
|
}
|
|
style: ButtonStyle.hoveredBackground
|
|
}
|
|
}
|
|
Rectangle {
|
|
visible: deleteButton.visible
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: Utils.getSizeWithScreenRatio(1)
|
|
color: DefaultStyle.main2_400
|
|
}
|
|
IconLabelButton {
|
|
id: deleteButton
|
|
//: "Delete"
|
|
text: qsTr("chat_room_delete")
|
|
icon.source: AppIcons.trashCan
|
|
spacing: Utils.getSizeWithScreenRatio(10)
|
|
Layout.fillWidth: true
|
|
onClicked: {
|
|
//: Delete the conversation ?
|
|
mainWindow.showConfirmationLambdaPopup(qsTr("chat_list_delete_chat_popup_title"),
|
|
//: This conversation and all its messages will be deleted. Do You want to continue ?
|
|
qsTr("chat_list_delete_chat_popup_message"), "", function (confirmed) {
|
|
if (confirmed) {
|
|
modelData.core.lDelete();
|
|
chatroomPopup.close();
|
|
}
|
|
});
|
|
}
|
|
style: ButtonStyle.hoveredBackgroundRed
|
|
}
|
|
}
|
|
}
|
|
}
|
|
MouseArea {
|
|
id: mouseArea
|
|
hoverEnabled: true
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.RightButton | Qt.LeftButton
|
|
onContainsMouseChanged: {
|
|
if (containsMouse)
|
|
mainItem.lastMouseContainsIndex = index;
|
|
else if (mainItem.lastMouseContainsIndex == index)
|
|
mainItem.lastMouseContainsIndex = -1;
|
|
}
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
opacity: 0.7
|
|
radius: Utils.getSizeWithScreenRatio(8)
|
|
color: mainItem.currentIndex === index ? DefaultStyle.main2_200 : DefaultStyle.main2_100
|
|
visible: mainItem.lastMouseContainsIndex === index || mainItem.currentIndex === index
|
|
}
|
|
onPressed: {
|
|
if (pressedButtons & Qt.RightButton) {
|
|
chatroomPopup.open();
|
|
} else {
|
|
mainItem.chatClicked(modelData);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|