mirror of
https://git.jami.net/savoirfairelinux/jami-client-qt.git
synced 2025-07-20 15:35:25 +02:00
06ddff4584
https://git.jami.net/savoirfairelinux/jami-project/-/issues/1538 Change-Id: I50593347fe2c1adbeecdd371400f639234dad74c
244 lines
8 KiB
QML
244 lines
8 KiB
QML
/*
|
|
* Copyright (C) 2020-2023 Savoir-faire Linux Inc.
|
|
* Author: Mingrui Zhang <mingrui.zhang@savoirfairelinux.com>
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation; either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
import net.jami.Adapters 1.1
|
|
import net.jami.Models 1.1
|
|
import net.jami.Constants 1.1
|
|
|
|
import "../../commoncomponents"
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
|
|
property alias text: textArea.text
|
|
property var textAreaObj: textArea
|
|
property real marginSize: JamiTheme.messageBarMarginSize
|
|
property bool sendButtonVisibility: false
|
|
property bool animate: false
|
|
|
|
signal sendMessageButtonClicked
|
|
signal sendFileButtonClicked
|
|
signal audioRecordMessageButtonClicked
|
|
signal videoRecordMessageButtonClicked
|
|
signal showMapClicked
|
|
signal emojiButtonClicked
|
|
|
|
implicitHeight: messageBarRowLayout.height
|
|
|
|
spacing: 0
|
|
|
|
Rectangle {
|
|
id: messageBarHairLine
|
|
|
|
Layout.alignment: Qt.AlignTop | Qt.AlignHCenter
|
|
Layout.preferredHeight: JamiTheme.chatViewHairLineSize
|
|
Layout.fillWidth: true
|
|
|
|
color: JamiTheme.tabbarBorderColor
|
|
}
|
|
|
|
RowLayout {
|
|
id: messageBarRowLayout
|
|
|
|
Layout.alignment: Qt.AlignCenter
|
|
Layout.fillWidth: true
|
|
Layout.maximumWidth: JamiTheme.chatViewMaximumWidth
|
|
|
|
spacing: JamiTheme.chatViewFooterRowSpacing
|
|
|
|
PushButton {
|
|
id: showMapButton
|
|
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.leftMargin: marginSize
|
|
Layout.preferredWidth: JamiTheme.chatViewFooterButtonSize
|
|
Layout.preferredHeight: JamiTheme.chatViewFooterButtonSize
|
|
visible: WITH_WEBENGINE && !CurrentConversation.isSip
|
|
|
|
radius: JamiTheme.chatViewFooterButtonRadius
|
|
preferredSize: JamiTheme.chatViewFooterButtonIconSize
|
|
|
|
toolTipText: JamiStrings.shareLocation
|
|
|
|
source: JamiResources.share_location_svg
|
|
|
|
normalColor: JamiTheme.primaryBackgroundColor
|
|
imageColor: JamiTheme.messageWebViewFooterButtonImageColor
|
|
|
|
onClicked: root.showMapClicked()
|
|
}
|
|
|
|
PushButton {
|
|
id: sendFileButton
|
|
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.preferredWidth: JamiTheme.chatViewFooterButtonSize
|
|
Layout.preferredHeight: JamiTheme.chatViewFooterButtonSize
|
|
|
|
radius: JamiTheme.chatViewFooterButtonRadius
|
|
preferredSize: JamiTheme.chatViewFooterButtonIconSize - 6
|
|
|
|
toolTipText: JamiStrings.sendFile
|
|
visible: !CurrentConversation.isSip
|
|
|
|
source: JamiResources.link_black_24dp_svg
|
|
|
|
normalColor: JamiTheme.primaryBackgroundColor
|
|
imageColor: JamiTheme.messageWebViewFooterButtonImageColor
|
|
|
|
onClicked: root.sendFileButtonClicked()
|
|
}
|
|
|
|
PushButton {
|
|
id: audioRecordMessageButton
|
|
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.preferredWidth: JamiTheme.chatViewFooterButtonSize
|
|
Layout.preferredHeight: JamiTheme.chatViewFooterButtonSize
|
|
|
|
radius: JamiTheme.chatViewFooterButtonRadius
|
|
preferredSize: JamiTheme.chatViewFooterButtonIconSize
|
|
|
|
toolTipText: JamiStrings.leaveAudioMessage
|
|
visible: !CurrentConversation.isSip
|
|
|
|
source: JamiResources.message_audio_black_24dp_svg
|
|
|
|
normalColor: JamiTheme.primaryBackgroundColor
|
|
imageColor: JamiTheme.messageWebViewFooterButtonImageColor
|
|
|
|
onClicked: root.audioRecordMessageButtonClicked()
|
|
|
|
Component.onCompleted: JamiQmlUtils.audioRecordMessageButtonObj = audioRecordMessageButton
|
|
}
|
|
|
|
PushButton {
|
|
id: videoRecordMessageButton
|
|
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.preferredWidth: JamiTheme.chatViewFooterButtonSize
|
|
Layout.preferredHeight: JamiTheme.chatViewFooterButtonSize
|
|
visible: VideoDevices.listSize !== 0 && !CurrentConversation.isSip
|
|
|
|
radius: JamiTheme.chatViewFooterButtonRadius
|
|
preferredSize: JamiTheme.chatViewFooterButtonIconSize
|
|
|
|
toolTipText: JamiStrings.leaveVideoMessage
|
|
|
|
source: JamiResources.message_video_black_24dp_svg
|
|
|
|
normalColor: JamiTheme.primaryBackgroundColor
|
|
imageColor: JamiTheme.messageWebViewFooterButtonImageColor
|
|
|
|
onClicked: root.videoRecordMessageButtonClicked()
|
|
|
|
Component.onCompleted: JamiQmlUtils.videoRecordMessageButtonObj = videoRecordMessageButton
|
|
}
|
|
|
|
MessageBarTextArea {
|
|
id: textArea
|
|
|
|
objectName: "messageBarTextArea"
|
|
|
|
// forward activeFocus to the actual text area object
|
|
onActiveFocusChanged: {
|
|
if (activeFocus)
|
|
textAreaObj.forceActiveFocus()
|
|
}
|
|
|
|
placeholderText: JamiStrings.writeTo.arg(CurrentConversation.title)
|
|
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.fillWidth: true
|
|
Layout.margins: marginSize / 2
|
|
Layout.preferredHeight: {
|
|
return JamiTheme.chatViewFooterPreferredHeight
|
|
> contentHeight ? JamiTheme.chatViewFooterPreferredHeight : contentHeight
|
|
}
|
|
Layout.maximumHeight: JamiTheme.chatViewFooterTextAreaMaximumHeight
|
|
- marginSize / 2
|
|
|
|
onSendMessagesRequired: root.sendMessageButtonClicked()
|
|
onTextChanged: MessagesAdapter.userIsComposing(text ? true : false)
|
|
}
|
|
|
|
PushButton {
|
|
id: emojiButton
|
|
visible: WITH_WEBENGINE
|
|
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.rightMargin: sendMessageButton.visible ? 0 : marginSize
|
|
Layout.preferredWidth: JamiTheme.chatViewFooterButtonSize
|
|
Layout.preferredHeight: JamiTheme.chatViewFooterButtonSize
|
|
|
|
radius: JamiTheme.chatViewFooterButtonRadius
|
|
preferredSize: JamiTheme.chatViewFooterButtonIconSize
|
|
|
|
toolTipText: JamiStrings.addEmoji
|
|
|
|
source: JamiResources.emoji_black_24dp_svg
|
|
|
|
normalColor: JamiTheme.primaryBackgroundColor
|
|
imageColor: JamiTheme.messageWebViewFooterButtonImageColor
|
|
|
|
onClicked: root.emojiButtonClicked()
|
|
|
|
Component.onCompleted: JamiQmlUtils.emojiPickerButtonObj = emojiButton
|
|
}
|
|
|
|
PushButton {
|
|
id: sendMessageButton
|
|
|
|
objectName: "sendMessageButton"
|
|
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.rightMargin: visible ? marginSize : 0
|
|
Layout.preferredWidth: scale * JamiTheme.chatViewFooterButtonSize
|
|
Layout.preferredHeight: JamiTheme.chatViewFooterButtonSize
|
|
|
|
radius: JamiTheme.chatViewFooterButtonRadius
|
|
preferredSize: JamiTheme.chatViewFooterButtonIconSize - 6
|
|
|
|
toolTipText: JamiStrings.send
|
|
|
|
source: JamiResources.send_black_24dp_svg
|
|
|
|
normalColor: JamiTheme.primaryBackgroundColor
|
|
imageColor: JamiTheme.messageWebViewFooterButtonImageColor
|
|
|
|
opacity: sendButtonVisibility ? 1 : 0
|
|
visible: opacity
|
|
scale: opacity
|
|
|
|
Behavior on opacity {
|
|
enabled: animate
|
|
NumberAnimation {
|
|
duration: JamiTheme.shortFadeDuration
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
|
|
onClicked: root.sendMessageButtonClicked()
|
|
}
|
|
|
|
Component.onCompleted: JamiQmlUtils.messageBarButtonsRowObj = messageBarRowLayout
|
|
}
|
|
}
|