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 real busyIndicatorSize: Math.round(60 * DefaultStyle.dp) property ChatGui currentChatGui: model.getAt(currentIndex) || null onChatClicked: (chat) => {selectChat(chat)} signal resultsReceived() signal markAllAsRead() signal chatClicked(ChatGui chat) onResultsReceived: { loading = false // contentY = 0 } model: ChatProxy { id: chatProxy Component.onCompleted: { loading = true } filterText: mainItem.searchText onFilterTextChanged: maxDisplayItems = initialDisplayItems initialDisplayItems: Math.max( 20, 2 * mainItem.height / (Math.round(56 * DefaultStyle.dp))) displayItemsStep: 3 * initialDisplayItems / 2 onModelReset: { mainItem.resultsReceived() } onModelAboutToBeReset: { loading = true } onChatRemoved: { var currentChat = model.getAt(currentIndex) mainItem.currentIndex = -1 selectChat(currentChat) } onLayoutChanged: { selectChat(mainItem.currentChatGui) } } // flickDeceleration: 10000 spacing: Math.round(10 * DefaultStyle.dp) function selectChat(chatGui) { var index = chatProxy.findChatIndex(chatGui) mainItem.currentIndex = index // if the chat exists, it may not be displayed // in list if hide_empty_chatrooms is set. Thus, we need // to force adding it in the list so it is displayed if (index === -1 && chatGui) { chatProxy.addChatInList(chatGui) var index = chatProxy.findChatIndex(chatGui) mainItem.currentIndex = index } } Component.onCompleted: cacheBuffer = Math.max(contentHeight, 0) //contentHeight>0 ? contentHeight : 0// cache all items // 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 onAtYEndChanged: { if (atYEnd && count > 0) { chatProxy.displayMore() } } //---------------------------------------------------------------- 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 component UnreadNotification: Item { id: unreadNotif property int unread: 0 width: Math.round(14 * DefaultStyle.dp) height: Math.round(14 * DefaultStyle.dp) visible: unread > 0 Rectangle { id: background anchors.fill: parent radius: width/2 color: DefaultStyle.danger_500main Text{ anchors.fill: parent verticalAlignment: Text.AlignVCenter horizontalAlignment: Text.AlignHCenter color: DefaultStyle.grey_0 fontSizeMode: Text.Fit font.pixelSize: Math.round(10 * DefaultStyle.dp) text: parent.unreadNotif > 100 ? '99+' : unreadNotif.unread } } MultiEffect { id: shadow anchors.fill: background source: background // Crash : https://bugreports.qt.io/browse/QTBUG-124730? shadowEnabled: true shadowColor: DefaultStyle.grey_1000 shadowBlur: 1 shadowOpacity: 0.15 z: unreadNotif.z - 1 } } delegate: FocusScope { width: mainItem.width height: Math.round(63 * DefaultStyle.dp) Connections { target: mainItem function onMarkAllAsRead() {modelData.core.lMarkAsRead()} } RowLayout { z: 1 anchors.fill: parent anchors.leftMargin: Math.round(11 * DefaultStyle.dp) anchors.rightMargin: Math.round(11 * DefaultStyle.dp) anchors.topMargin: Math.round(9 * DefaultStyle.dp) anchors.bottomMargin: Math.round(9 * DefaultStyle.dp) spacing: Math.round(10 * DefaultStyle.dp) Avatar { property var contactObj: modelData ? UtilsCpp.findFriendByAddress(modelData.core.peerAddress) : null contact: contactObj?.value || null displayNameVal: modelData.core.avatarUri secured: modelData?.core.isSecured || false Layout.preferredWidth: Math.round(45 * DefaultStyle.dp) Layout.preferredHeight: Math.round(45 * DefaultStyle.dp) // isConference: modelData.core.isConference shadowEnabled: false asynchronous: false } ColumnLayout { Layout.fillHeight: true Layout.fillWidth: true spacing: Math.round(5 * DefaultStyle.dp) Text { id: friendAddress Layout.fillWidth: true maximumLineCount: 1 text: modelData? modelData.core.title : "" color: DefaultStyle.main2_800 font { pixelSize: Typography.p1.pixelSize weight: unreadCount.unread > 0 ? Typography.p2.weight : Typography.p1.weight capitalization: Font.Capitalize } } RowLayout { spacing: Math.round(5 * DefaultStyle.dp) 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: Math.round(14 * DefaultStyle.dp) Layout.preferredWidth: Math.round(14 * DefaultStyle.dp) } 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: Math.round(14 * DefaultStyle.dp) Layout.preferredWidth: Math.round(14 * DefaultStyle.dp) } 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: Math.round(14 * DefaultStyle.dp) Layout.preferredWidth: Math.round(14 * DefaultStyle.dp) } 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: Math.round(14 * DefaultStyle.dp) Layout.preferredWidth: Math.round(14 * DefaultStyle.dp) } 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: Math.round(14 * DefaultStyle.dp) Layout.preferredWidth: Math.round(14 * DefaultStyle.dp) } 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_500main text: modelData ? UtilsCpp.formatDate(modelData.core.lastUpdatedTime, true, false) : "" font { pixelSize: Typography.p3.pixelSize weight: Typography.p3.weight capitalization: Font.Capitalize } } } RowLayout { spacing: Math.round(10 * DefaultStyle.dp) Item {Layout.fillWidth: true} EffectImage { visible: modelData?.core.ephemeralEnabled || false Layout.preferredWidth: visible ? 14 * DefaultStyle.dp : 0 Layout.preferredHeight: 14 * DefaultStyle.dp colorizationColor: DefaultStyle.main2_400 imageSource: AppIcons.clockCountDown } EffectImage { visible: modelData != undefined && modelData?.core.isBasic Layout.preferredWidth: visible ? 14 * DefaultStyle.dp : 0 Layout.preferredHeight: 14 * DefaultStyle.dp colorizationColor: DefaultStyle.warning_500_main imageSource: AppIcons.lockSimpleOpen } EffectImage { visible: modelData != undefined && modelData?.core.muted Layout.preferredWidth: visible ? 14 * DefaultStyle.dp : 0 Layout.preferredHeight: 14 * DefaultStyle.dp colorizationColor: DefaultStyle.main2_400 imageSource: AppIcons.bellSlash } UnreadNotification { id: unreadCount 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 ? 14 * DefaultStyle.dp : 0 Layout.preferredHeight: 14 * DefaultStyle.dp 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: Math.round(10 * DefaultStyle.dp) 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: Math.round(10 * DefaultStyle.dp) Layout.fillWidth: true onClicked: { modelData.core.muted = !modelData.core.muted chatroomPopup.close() } } IconLabelButton { //: "Mark as read" text: qsTr("chat_room_mark_as_read") icon.source: AppIcons.checks spacing: Math.round(10 * DefaultStyle.dp) Layout.fillWidth: true onClicked: { modelData.core.lMarkAsRead() chatroomPopup.close() } } ColumnLayout { spacing: parent.spacing visible: modelData && !modelData.core.isReadOnly && modelData.core.isGroupChat Rectangle { Layout.fillWidth: true Layout.preferredHeight: Math.min(1, Math.round(1 * DefaultStyle.dp)) color: DefaultStyle.main2_400 } IconLabelButton { //: "leave" text: qsTr("chat_room_leave") icon.source: AppIcons.trashCan spacing: Math.round(10 * DefaultStyle.dp) 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: Math.min(1, Math.round(1 * DefaultStyle.dp)) color: DefaultStyle.main2_400 } IconLabelButton { id: deleteButton //: "Delete" text: qsTr("chat_room_delete") icon.source: AppIcons.trashCan spacing: Math.round(10 * DefaultStyle.dp) 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 focus: true 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: Math.round(8 * DefaultStyle.dp) 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) } } } } }