mirror of
https://git.jami.net/savoirfairelinux/jami-client-qt.git
synced 2025-08-21 23:33:58 +02:00
312 lines
8.9 KiB
QML
312 lines
8.9 KiB
QML
|
|
||
|
|
/*
|
||
|
|
* Copyright (C) 2020 by Savoir-faire Linux
|
||
|
|
* 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 2.14
|
||
|
|
import QtQuick.Controls 2.14
|
||
|
|
import QtQuick.Layouts 1.14
|
||
|
|
import QtQuick.Controls.Universal 2.12
|
||
|
|
import QtQml 2.14
|
||
|
|
import net.jami.Models 1.0
|
||
|
|
|
||
|
|
import "../../commoncomponents"
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
id: callOverlayButtonGroupRect
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* ButtonCounts here is to make sure that flow layout margin is calculated correctly,
|
||
|
|
* since no other methods can make buttons at the layout center.
|
||
|
|
*/
|
||
|
|
property int buttonCounts: 9
|
||
|
|
property int buttonPreferredSize: 30
|
||
|
|
|
||
|
|
signal buttonEntered
|
||
|
|
signal chatButtonClicked
|
||
|
|
signal addToConferenceButtonClicked
|
||
|
|
signal transferCallButtonClicked
|
||
|
|
|
||
|
|
function setButtonStatus(isPaused, isAudioOnly, isAudioMuted, isVideoMuted, isRecording, isSIP, isConferenceCall) {
|
||
|
|
noVideoButton.visible = !isAudioOnly
|
||
|
|
addToConferenceButton.visible = !isSIP
|
||
|
|
transferCallButton.visible = isSIP
|
||
|
|
sipInputPanelButton.visible = isSIP
|
||
|
|
|
||
|
|
noMicButton.setChecked(isAudioMuted)
|
||
|
|
noVideoButton.setChecked(isVideoMuted)
|
||
|
|
recButton.setChecked(isRecording)
|
||
|
|
holdButton.setChecked(isPaused)
|
||
|
|
|
||
|
|
holdButton.visible = !isConferenceCall
|
||
|
|
}
|
||
|
|
|
||
|
|
function calculateFlowMargin() {
|
||
|
|
return (callOverlayButtonGroupRect.width - buttonCounts * buttonPreferredSize
|
||
|
|
- callOverlayButtonGroupRectFlow.spacing * (buttonCounts - 1)) / 2
|
||
|
|
}
|
||
|
|
|
||
|
|
Flow {
|
||
|
|
id: callOverlayButtonGroupRectFlow
|
||
|
|
|
||
|
|
anchors.fill: parent
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Minus 1 is to make sure that button will not flick when doing flow layout.
|
||
|
|
*/
|
||
|
|
anchors.leftMargin: calculateFlowMargin(
|
||
|
|
) < 0 ? 0 : calculateFlowMargin() - 1
|
||
|
|
anchors.rightMargin: calculateFlowMargin(
|
||
|
|
) < 0 ? 0 : calculateFlowMargin() - 1
|
||
|
|
|
||
|
|
spacing: 10
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: hangUpButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.hangUpButtonTintedRed
|
||
|
|
normalPixmapSource: "qrc:/images/icons/ic_close_white_24dp.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/ic_close_white_24dp.png"
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
CallAdapter.hangUpThisCall()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: holdButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.buttonTintedBlue
|
||
|
|
normalPixmapSource: "qrc:/images/icons/ic_pause_white_24dp.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/ic_play_white_24dp.png"
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
CallAdapter.holdThisCallToggle()
|
||
|
|
}
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: addToConferenceButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.buttonTintedBlue
|
||
|
|
normalPixmapSource: "qrc:/images/icons/ic_group_add_white_24dp.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/ic_group_add_white_24dp.png"
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
callOverlayButtonGroupRect.addToConferenceButtonClicked()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: transferCallButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.buttonTintedBlue
|
||
|
|
normalPixmapSource: "qrc:/images/icons/ic_call_transfer_white_24px.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/ic_call_transfer_white_24px.png"
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
callOverlayButtonGroupRect.transferCallButtonClicked()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: chatButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.buttonTintedBlue
|
||
|
|
normalPixmapSource: "qrc:/images/icons/ic_chat_white_24dp.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/ic_chat_white_24dp.png"
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
callOverlayButtonGroupRect.chatButtonClicked()
|
||
|
|
}
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: noMicButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.buttonTintedBlue
|
||
|
|
normalPixmapSource: "qrc:/images/icons/ic_mic_white_24dp.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/ic_mic_off_white_24dp.png"
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
CallAdapter.muteThisCallToggle()
|
||
|
|
}
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: noVideoButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.buttonTintedBlue
|
||
|
|
normalPixmapSource: "qrc:/images/icons/ic_videocam_white.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/ic_videocam_off_white_24dp.png"
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
CallAdapter.videoPauseThisCallToggle()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: recButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.buttonTintedBlue
|
||
|
|
normalPixmapSource: "qrc:/images/icons/ic_voicemail_white_24dp_2x.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/ic_voicemail_white_24dp_2x.png"
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
CallAdapter.recordThisCallToggle()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TintedButton {
|
||
|
|
id: sipInputPanelButton
|
||
|
|
|
||
|
|
width: buttonPreferredSize
|
||
|
|
height: buttonPreferredSize
|
||
|
|
|
||
|
|
tintColor: JamiTheme.buttonTintedBlue
|
||
|
|
normalPixmapSource: "qrc:/images/icons/icon-keypad-24-2x.png"
|
||
|
|
selectedPixmapSource: "qrc:/images/icons/icon-keypad-24-2x.png"
|
||
|
|
|
||
|
|
onButtonEntered: {
|
||
|
|
callOverlayButtonGroupRect.buttonEntered()
|
||
|
|
}
|
||
|
|
|
||
|
|
onVisibleChanged: {
|
||
|
|
if (this.visible)
|
||
|
|
buttonCounts++
|
||
|
|
else
|
||
|
|
buttonCounts--
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
color: "transparent"
|
||
|
|
}
|