lilith/jami-client-qt
1
0
Fork 0
mirror of https://git.jami.net/savoirfairelinux/jami-client-qt.git synced 2025-08-04 06:45:45 +02:00
Code Activity

message_search: remake component

Browse source 
GitLab: #1827
Change-Id: I877d8a6d15e56c6a8a40ffaa5768ba2812c86d39
This commit is contained in:
Andreas Hatziiliou 2024-11-11 15:43:19 -05:00
parent 83765dcebf
commit 82c876c0fa
1 changed files with 41 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
src/app/mainview/components/MessagesResearchView.qml
View file

@ -49,6 +49,12 @@ ListView {
MessagesAdapter.startSearch(prompt, false);
}
onVisibleChanged: {
if (visible) {
MessagesAdapter.startSearch(prompt, true);
}
}
Connections {
target: researchTabBar
function onFilterTabChange() {
@ -56,6 +62,27 @@ ListView {
}
}
// This function will take a filtered message and further format it to fit
// into the research panel in a coherent way. Find the first occurence of the search term in the message
// highlight it and wrap it with numChars characters on either side.
function formatMessage(searchTerm, message, numChars) {
var index = message.toLowerCase().indexOf(searchTerm.toLowerCase());
if (index === -1)
return message;
var prefix = message.substring(Math.max(0, index - numChars), index);
var suffix = message.substring(index + searchTerm.length, Math.min(index + searchTerm.length + numChars, message.length));
var before = (Math.max(0, index - numChars) === 0);
var after = (Math.min(index + searchTerm.length + numChars, message.length) === message.length);
var highlightedTerm = '<span style="background-color: #48ffff00">' + message.substring(index, index + searchTerm.length) + "</span>";
var result = "";
if (!before)
result += "... ";
result += prefix + highlightedTerm + suffix;
if (!after)
result += " ...";
return result;
}
delegate: Item {
width: root.width
height: msgLayout.height
@ -75,7 +102,6 @@ ListView {
id: timestampItem
showDay: true
showTime: true
formattedTime: MessagesAdapter.getFormattedTime(Timestamp)
formattedDay: MessagesAdapter.getFormattedDay(Timestamp)
}
@ -94,55 +120,56 @@ ListView {
showPresenceIndicator: false
mode: contentRow.isMe ? Avatar.Mode.Account : Avatar.Mode.Contact
Layout.leftMargin: 10
Layout.alignment: Qt.AlignTop
}
ColumnLayout {
Text {
text: contentRow.isMe ? CurrentAccount.bestName : UtilsAdapter.getBestNameForUri(CurrentAccount.id, Author) + " :"
Layout.preferredWidth: myText.width
Layout.rightMargin: 10
Layout.leftMargin: 10
font.pixelSize: 0
color: JamiTheme.chatviewSecondaryInformationColor
font.bold: true
}
Text {
TextArea {
id: myText
text: Body
text: formatMessage(prompt, Body, 100)
readOnly: true
background: Rectangle {
radius: 5
color: JamiTheme.messageInBgColor
}
color: JamiTheme.textColor
Layout.preferredWidth: msgLayout.width - avatar.width - 30 - 10
elide: Text.ElideRight
Layout.fillWidth: true
wrapMode: Text.Wrap
Layout.rightMargin: 10
Layout.leftMargin: 10
textFormat: TextEdit.MarkdownText
font.pixelSize: IsEmojiOnly ? JamiTheme.chatviewEmojiSize : JamiTheme.chatviewFontSize
Layout.alignment: Qt.AlignHCenter
Layout.alignment: Qt.AlignLeft
}
}
}
}
Button {
id: buttonJumpTo
visible: msgHover.hovered || hovered
anchors.top: msgLayout.top
anchors.right: msgLayout.right
anchors.rightMargin: 20
anchors.topMargin: timestampItem.height - 20
anchors.topMargin: timestampItem.height - 21
width: buttonJumpText.width + 10
height: buttonJumpText.height + 10
background.visible: false
onClicked: {
CurrentConversation.scrollToMsg(Id);
}
Text {
id: buttonJumpText
text: JamiStrings.jumpTo
color: buttonJumpTo.hovered ? JamiTheme.blueLinkColor : JamiTheme.chatviewSecondaryInformationColor
font.underline: buttonJumpTo.hovered