lilith/jami-client-qt
1
0
Fork 0
mirror of https://git.jami.net/savoirfairelinux/jami-client-qt.git synced 2025-09-10 12:03:18 +02:00
Code Activity

recordBox: change popup placement and buttons for audio and video recording

Browse source 
GitLab: #1477

Change-Id: Idf18c0c4668d4e1154fc5a9d4ef674433578dded
This commit is contained in:
cberthet 2023-12-22 15:31:31 -05:00 • committed by capucine.berthet
parent 43fecd1d4a
commit 127b39bec2
4 changed files with 69 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/app/constant/JamiStrings.qml
View file

@ -742,6 +742,7 @@ Item {
property string sendFile: qsTr("Send file")
property string leaveAudioMessage: qsTr("Audio message")
property string leaveVideoMessage: qsTr("Video message")
property string discardRestart: qsTr("Discard and restart")
property string showMore: qsTr("Show more")
property string showLess: qsTr("Show less")

9
src/app/mainview/components/ChatViewFooter.qml
View file

@ -94,6 +94,9 @@ Rectangle {
id: recordBox
visible: false
parent: root
x: messageBar.x + 140
y: isVideo ? -165 : -65
}
ColumnLayout {
@ -171,7 +174,7 @@ Rectangle {
sendButtonVisibility: text || messageBar.fileContainer.filesToSendCount
onEmojiButtonClicked: {
if (emojiPicker != null && emojiPicker.opened) {
if (emojiPicker !== null && emojiPicker.opened) {
emojiPicker.closeEmojiPicker();
} else {
openEmojiPicker();
@ -193,14 +196,10 @@ Rectangle {
}
onVideoRecordMessageButtonClicked: {
recordBox.y = -recordBox.height - 200;
recordBox.x = recordBox.width + 200
recordBox.openRecorder(true);
}
onAudioRecordMessageButtonClicked: {
recordBox.y = -recordBox.height - 150;
recordBox.x = recordBox.width + 200;
recordBox.openRecorder(false);
}

1
src/app/mainview/components/MessageBar.qml
View file

@ -57,7 +57,6 @@ RowLayout {
height: rectHeight + (dataTransferSendContainer.visible ? dataTransferSendContainer.height + (!showTypo ? 40 : - marginSize) : 0 )
Rectangle {
Layout.preferredHeight: parent.height
Layout.preferredWidth: childrenRect.width
visible: !CurrentConversation.isSip

107
src/app/mainview/components/RecordBox.qml
View file

@ -53,7 +53,7 @@ Popup {
signal validatePhoto(string photo)
modal: true
closePolicy: Popup.CloseOnPressOutsideParent
closePolicy: Popup.NoAutoClose
function openRecorder(vid) {
isVideo = vid;
@ -233,7 +233,7 @@ Popup {
hoveredColor: JamiTheme.recordBoxHoverColor
source: JamiResources.round_close_24dp_svg
toolTipText: JamiStrings.back
toolTipText: JamiStrings.close
focusPolicy: Qt.TabFocus
onClicked: {
@ -259,16 +259,19 @@ Popup {
Layout.alignment: Qt.AlignCenter
preferredSize: btnSize
source: JamiResources.record_black_24dp_svg
imageColor: JamiTheme.whiteColor
imageContainerHeight: 20
imageContainerWidth: 20
source: JamiResources.record_round_black_24dp_svg
imageContainerHeight: 25
imageContainerWidth: 25
focusPolicy: Qt.TabFocus
background: RoundedBorderRectangle {
opacity: recordButton.hovered ? 1 : 0.7
fillColor: recordButton.hovered ? JamiTheme.recordBoxHoverColor : JamiTheme.recordBoxButtonColor
opacity: recordButton.hovered ? 1 : 0.5
fillColor: JamiTheme.screenshotButtonColor //recordButton.hovered ? JamiTheme.recordBoxHoverColor : JamiTheme.recordBoxButtonColor
radius: {
"tl": 5,
"tr": root.isAudio ? 0 : 5,
@ -277,6 +280,8 @@ Popup {
}
}
toolTipText: JamiStrings.startRec
onClicked: {
updateState(RecordBox.States.RECORDING);
if (!root.isPhoto)
@ -289,18 +294,25 @@ Popup {
Layout.alignment: Qt.AlignCenter
preferredSize: btnSize
source: JamiResources.record_black_24dp_svg
normalColor: JamiTheme.screenshotButtonColor
hoveredColor: JamiTheme.screenshotButtonColor
background.opacity: hovered ? 1 : 0.5
source: JamiResources.record_round_black_24dp_svg
imageContainerHeight: 20
imageContainerWidth: 20
imageColor: JamiTheme.whiteColor
imageContainerHeight: 25
imageContainerWidth: 25
focusPolicy: Qt.TabFocus
background: RoundedBorderRectangle {
opacity: screenshotBtn.hovered ? 1 : 0.7
fillColor: screenshotBtn.hovered ? JamiTheme.recordBoxHoverColor : JamiTheme.recordBoxButtonColor
radius: {
"tl": 5,
"tr": root.isAudio ? 0 : 5,
"br": root.isAudio ? 0 : 5,
"bl": 5
}
}
onClicked: {
root.photo = videoProvider.captureVideoFrame(VideoDevices.getDefaultDevice());
updateState(RecordBox.States.REC_SUCCESS);
@ -322,6 +334,8 @@ Popup {
focusPolicy: Qt.TabFocus
toolTipText: JamiStrings.stopRec
background: RoundedBorderRectangle {
opacity: btnStop.hovered ? 1 : 0.7
fillColor: btnStop.hovered ? JamiTheme.recordBoxHoverColor : JamiTheme.recordBoxButtonColor
@ -355,6 +369,8 @@ Popup {
focusPolicy: Qt.TabFocus
toolTipText: JamiStrings.discardRestart
background: RoundedBorderRectangle {
opacity: btnRestart.hovered ? 1 : 0.7
fillColor: btnRestart.hovered ? JamiTheme.recordBoxHoverColor : JamiTheme.recordBoxButtonColor
@ -374,6 +390,33 @@ Popup {
}
}
RoundedBorderRectangle {
opacity: 0.7
fillColor: JamiTheme.recordBoxButtonColor
visible: (!recordButton.visible && !root.isPhoto) || root.isAudio
Layout.preferredHeight: btnSend.height
Layout.preferredWidth: time.width + 20
radius: {
"tl": 0,
"tr": timer.running ? 5 : 0,
"br": timer.running ? 5 : 0,
"bl": 0
}
Text {
id: time
anchors.centerIn: parent
opacity: 1
text: "00:00"
color: JamiTheme.whiteColor
font.pointSize: (isVideo ? 12 : 20)
}
}
JamiPushButton {
id: btnSend
@ -385,17 +428,19 @@ Popup {
imageContainerHeight: 25
imageContainerWidth: 25
source: JamiResources.check_circle_24dp_svg
source: root.isPhoto ? JamiResources.check_circle_24dp_svg : JamiResources.send_black_24dp_svg
focusPolicy: Qt.TabFocus
toolTipText: JamiStrings.send
background: RoundedBorderRectangle {
opacity: btnSend.hovered ? 1 : 0.7
fillColor: btnSend.hovered ? JamiTheme.recordBoxHoverColor : JamiTheme.recordBoxButtonColor
fillColor: JamiTheme.chatViewFooterSendButtonColor //btnSend.hovered ? JamiTheme.recordBoxHoverColor : JamiTheme.recordBoxButtonColor
radius: {
"tl": 0,
"tr": root.isPhoto ? 5 : 0,
"br": root.isPhoto ? 5 : 0,
"tr": 5,
"br": 5,
"bl": 0
}
}
@ -411,6 +456,7 @@ Popup {
updateState(RecordBox.States.INIT);
}
}
Timer {
id: timer
@ -420,32 +466,7 @@ Popup {
onTriggered: updateTimer()
}
RoundedBorderRectangle {
opacity: 0.7
fillColor: JamiTheme.recordBoxButtonColor
visible: (!recordButton.visible && !root.isPhoto) || root.isAudio
Layout.preferredHeight: btnSend.height
Layout.preferredWidth: time.width + 20
radius: {
"tl": 0,
"tr": 5,
"br": 5,
"bl": 0
}
Text {
id: time
anchors.centerIn: parent
opacity: 1
text: "00:00"
color: JamiTheme.whiteColor
font.pointSize: (isVideo ? 12 : 20)
}
}
}
}
}
}