mirror of
https://gitlab.linphone.org/BC/public/linphone-desktop.git
synced 2026-02-07 15:08:24 +00:00
ed99447e05
- avoid sending reply after removing preview - keep reply preview for the current chat room only
142 lines
No EOL
4.1 KiB
QML
142 lines
No EOL
4.1 KiB
QML
import QtQuick 2.7
|
|
import QtQuick.Controls 2.2
|
|
import QtQuick.Layouts 1.3
|
|
|
|
import Common 1.0
|
|
import Linphone 1.0
|
|
import Linphone.Styles 1.0
|
|
import Utils 1.0
|
|
import UtilsCpp 1.0
|
|
|
|
import Units 1.0
|
|
|
|
import 'Chat.js' as Logic
|
|
|
|
// =============================================================================
|
|
|
|
Rectangle{
|
|
id: replyPreviewBlock
|
|
property ChatRoomModel chatRoomModel
|
|
|
|
Layout.preferredHeight: Math.min(replyPreviewText.implicitHeight + replyPreviewHeaderArea.implicitHeight + 10, parent.maxHeight)
|
|
|
|
property int leftMargin: textArea.textLeftMargin
|
|
property int rightMargin: textArea.textRightMargin
|
|
|
|
color: ChatStyle.replyPreview.backgroundColor
|
|
radius: 10
|
|
state: chatRoomModel && chatRoomModel.reply ? 'showed' : 'hidden'
|
|
// Remove bottom corners
|
|
clip: false
|
|
function hide(){
|
|
state = 'hidden'
|
|
}
|
|
Rectangle{
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
height: parent.radius
|
|
color: parent.color
|
|
}
|
|
//-------------------------
|
|
ColumnLayout{
|
|
anchors.fill: parent
|
|
anchors.leftMargin: replyPreviewBlock.leftMargin
|
|
anchors.rightMargin: replyPreviewBlock.rightMargin
|
|
spacing: 0
|
|
RowLayout{
|
|
id: replyPreviewHeaderArea
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: replyPreviewTitleText.implicitHeight
|
|
Layout.topMargin: 10
|
|
spacing: 5
|
|
Icon{
|
|
icon: ChatStyle.replyPreview.icon
|
|
overwriteColor: ChatStyle.replyPreview.iconColor
|
|
iconSize: 20
|
|
}
|
|
Text{
|
|
id: replyPreviewTitleText
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: implicitHeight
|
|
//: 'Reply to %1' : Title for a reply preview to know who said what.
|
|
text: replyPreviewBlock.chatRoomModel && replyPreviewBlock.chatRoomModel.reply ? qsTr('titleReply').arg(replyPreviewBlock.chatRoomModel.reply.fromDisplayName) : ''
|
|
font.pointSize: ChatStyle.replyPreview.headerPointSize
|
|
font.weight: Font.Bold
|
|
color: ChatStyle.replyPreview.headerTextColor
|
|
}
|
|
}
|
|
Flickable {
|
|
id: replyPreviewTextArea
|
|
ScrollBar.vertical: ForceScrollBar {visible: replyPreviewTextArea.height < replyPreviewText.implicitHeight}
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
clip: true
|
|
contentHeight: replyPreviewText.implicitHeight
|
|
contentWidth: width - ScrollBar.vertical.width
|
|
flickableDirection: Flickable.VerticalFlick
|
|
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
|
|
TextEdit {
|
|
id: replyPreviewText
|
|
property font customFont : SettingsModel.textMessageFont
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
clip: true
|
|
padding: ChatStyle.entry.message.padding
|
|
readOnly: true
|
|
selectByMouse: true
|
|
font.family: customFont.family
|
|
font.pointSize: Units.dp * (customFont.pointSize - 2)
|
|
text: chatRoomModel && chatRoomModel.reply ? Utils.encodeTextToQmlRichFormat(chatRoomModel.reply.content, {
|
|
imagesHeight: ChatStyle.entry.message.images.height,
|
|
imagesWidth: ChatStyle.entry.message.images.width
|
|
})
|
|
: ''
|
|
textFormat: Text.RichText // To supports links and imgs.
|
|
wrapMode: TextEdit.Wrap
|
|
|
|
onLinkActivated: Qt.openUrlExternally(link)
|
|
}
|
|
}
|
|
}
|
|
ActionButton{
|
|
anchors.right:parent.right
|
|
anchors.rightMargin: 14
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
height: ChatStyle.replyPreview.closeButton.iconSize
|
|
isCustom: true
|
|
backgroundRadius: 90
|
|
colorSet: ChatStyle.replyPreview.closeButton
|
|
|
|
onClicked: chatRoomModel.reply = null
|
|
}
|
|
states: [
|
|
State {
|
|
name: "hidden"
|
|
PropertyChanges { target: replyPreviewBlock; opacity: 0 ; visible: false }
|
|
},
|
|
State {
|
|
name: "showed"
|
|
PropertyChanges { target: replyPreviewBlock; opacity: 1 ; visible: true}
|
|
}
|
|
]
|
|
transitions: [
|
|
Transition {
|
|
from: "*"; to: "showed"
|
|
SequentialAnimation{
|
|
ScriptAction{ script: replyPreviewBlock.visible = true }
|
|
NumberAnimation{ properties: "opacity"; easing.type: Easing.OutBounce; duration: 500 }
|
|
}
|
|
},
|
|
Transition {
|
|
from: "*"; to: "hidden"
|
|
SequentialAnimation{
|
|
NumberAnimation{ properties: "opacity"; duration: 250 }
|
|
ScriptAction{ script: replyPreviewBlock.visible = false }
|
|
}
|
|
}
|
|
]
|
|
} |