mirror of
https://gitlab.linphone.org/BC/public/linphone-desktop.git
synced 2026-04-29 22:56:22 +00:00
9b2867ad41
Display waiting room on ending call only if there is an ending message(hang up or error). Hide preview in 1-1 when no video. Fix : Hide duration in ending call. Fix missing translations.
155 lines
5 KiB
QML
155 lines
5 KiB
QML
import QtQuick 2.7
|
|
import QtQuick.Layouts 1.3
|
|
import QtQml.Models 2.12
|
|
import QtGraphicalEffects 1.12
|
|
|
|
import Common 1.0
|
|
import Common.Styles 1.0
|
|
import Linphone 1.0
|
|
import LinphoneEnums 1.0
|
|
|
|
import UtilsCpp 1.0
|
|
|
|
import App.Styles 1.0
|
|
|
|
|
|
// Temp
|
|
import 'Incall.js' as Logic
|
|
import 'qrc:/ui/scripts/Utils/utils.js' as Utils
|
|
|
|
// =============================================================================
|
|
|
|
Item {
|
|
id: mainItem
|
|
property CallModel callModel
|
|
property bool isRightReducedLayout: false
|
|
property bool isLeftReducedLayout: false
|
|
property bool cameraEnabled: true
|
|
property bool showMe : !(callModel && callModel.pausedByUser) && (callModel.isConference || callModel.localVideoEnabled)
|
|
property int participantCount: callModel.isConference ? allDevices.count : 2
|
|
|
|
onParticipantCountChanged: {console.log("Conf count: " +participantCount);allDevices.updateCurrentDevice()}
|
|
|
|
property ParticipantDeviceProxyModel participantDevices : ParticipantDeviceProxyModel {
|
|
id: allDevices
|
|
callModel: mainItem.callModel
|
|
showMe: false
|
|
|
|
onParticipantSpeaking: updateCurrentDevice()
|
|
|
|
|
|
onConferenceCreated: cameraView.resetCamera()
|
|
function updateCurrentDevice(){
|
|
var device = getLastActiveSpeaking()
|
|
if(device) // Get
|
|
cameraView.currentDevice = device
|
|
}
|
|
}
|
|
|
|
function clearAll(layoutMode){
|
|
if( layoutMode != LinphoneEnums.ConferenceLayoutActiveSpeaker){
|
|
mainItem.cameraEnabled = false
|
|
miniViews.model = []
|
|
}
|
|
}
|
|
|
|
Sticker{
|
|
id: cameraView
|
|
callModel: mainItem.callModel
|
|
deactivateCamera: (callModel && callModel.pausedByUser) || !mainItem.cameraEnabled || (currentDevice && !currentDevice.videoEnabled)
|
|
isCameraFromDevice: false
|
|
isPreview: false
|
|
anchors.fill: parent
|
|
anchors.leftMargin: isRightReducedLayout || isLeftReducedLayout? 30 : 140
|
|
anchors.rightMargin: isRightReducedLayout ? 10 : 140
|
|
isPaused: (callModel && callModel.pausedByUser) || (currentDevice && currentDevice.isPaused) //callModel.pausedByUser
|
|
quickTransition: true
|
|
showCloseButton: false
|
|
showActiveSpeakerOverlay: false // This is an active speaker. We don't need to show the indicator.
|
|
showCustomButton: false
|
|
avatarStickerBackgroundColor: IncallStyle.container.avatar.stickerBackgroundColor
|
|
avatarBackgroundColor: IncallStyle.container.avatar.backgroundColor
|
|
}
|
|
Item{// Need an item to not override Sticker internal states. States are needed for changing anchors.
|
|
id: preview
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 30
|
|
anchors.bottomMargin: 15
|
|
|
|
height: miniViews.cellHeight
|
|
width: 16 * height / 9
|
|
|
|
visible: mainItem.showMe && (!callModel.isConference || allDevices.count >= 1)
|
|
Sticker{
|
|
anchors.fill: parent
|
|
|
|
anchors.margins: 3
|
|
deactivateCamera: !mainItem.callModel || !mainItem.showMe || !mainItem.callModel.localVideoEnabled
|
|
currentDevice: allDevices.me
|
|
isPreview: true
|
|
callModel: mainItem.callModel
|
|
isCameraFromDevice: true
|
|
showCloseButton: false
|
|
showCustomButton: false
|
|
showAvatarBorder: true
|
|
avatarStickerBackgroundColor: IncallStyle.container.avatar.stickerBackgroundColor
|
|
avatarBackgroundColor: IncallStyle.container.avatar.backgroundColor
|
|
}
|
|
state: 'bottom'
|
|
states: [State {
|
|
name: "bottom"
|
|
|
|
AnchorChanges {
|
|
target: preview
|
|
anchors.top: undefined
|
|
anchors.bottom: mainItem.bottom
|
|
}
|
|
},
|
|
State {
|
|
name: "top"
|
|
|
|
AnchorChanges {
|
|
target: preview
|
|
anchors.top: mainItem.top
|
|
anchors.bottom: undefined
|
|
}
|
|
}]
|
|
}
|
|
ScrollableListView{
|
|
id: miniViews
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.bottom: preview.top
|
|
anchors.rightMargin: 30
|
|
anchors.topMargin: 15
|
|
anchors.bottomMargin: 15
|
|
property int cellHeight: 150
|
|
|
|
width: 16 * cellHeight / 9
|
|
model: mainItem.callModel.isConference && mainItem.participantDevices.count > 1 ? mainItem.participantDevices : []
|
|
onModelChanged: console.log( mainItem.callModel.isConference+"/"+mainItem.callModel.localVideoEnabled + "/" +mainItem.callModel.cameraEnabled + " / " +count)
|
|
spacing: 15
|
|
verticalLayoutDirection: ListView.BottomToTop
|
|
delegate:Item{
|
|
height: miniViews.cellHeight
|
|
width: miniViews.width
|
|
clip:false
|
|
Sticker{
|
|
id: miniView
|
|
anchors.fill: parent
|
|
anchors.margins: 3
|
|
deactivateCamera: index <0 || !mainItem.cameraEnabled || (!modelData.videoEnabled) || (callModel && callModel.pausedByUser)
|
|
currentDevice: modelData.isPreview ? null : modelData
|
|
callModel: modelData.isPreview ? null : mainItem.callModel
|
|
isCameraFromDevice: mainItem.callModel.isConference
|
|
isPaused: currentDevice && currentDevice.isPaused
|
|
showCloseButton: false
|
|
showCustomButton: false
|
|
showAvatarBorder: true
|
|
avatarStickerBackgroundColor: IncallStyle.container.avatar.stickerBackgroundColor
|
|
avatarBackgroundColor: IncallStyle.container.avatar.backgroundColor
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|