import "../" import QtQuick 2.9 import QtQuick.Controls 2.3 import QtQuick.Layouts 1.2 import im.nheko 1.0 Popup { closePolicy: Popup.NoAutoClose width: parent.width height: parent.height palette: colors Component { id: deviceError DeviceError { } } Connections { target: CallManager onNewInviteState: { if (!CallManager.haveCallInvite) close(); } } ColumnLayout { anchors.top: parent.top anchors.bottom: parent.bottom anchors.horizontalCenter: parent.horizontalCenter Label { Layout.alignment: Qt.AlignCenter Layout.topMargin: msgView.height / 25 text: CallManager.callParty font.pointSize: fontMetrics.font.pointSize * 2 color: colors.windowText } Avatar { Layout.alignment: Qt.AlignCenter width: msgView.height / 5 height: msgView.height / 5 url: CallManager.callPartyAvatarUrl.replace("mxc://", "image://MxcImage/") displayName: CallManager.callParty } ColumnLayout { Layout.alignment: Qt.AlignCenter Layout.bottomMargin: msgView.height / 25 Image { property string image: CallManager.callType == CallType.VIDEO ? ":/icons/icons/ui/video-call.png" : ":/icons/icons/ui/place-call.png" Layout.alignment: Qt.AlignCenter Layout.preferredWidth: msgView.height / 10 Layout.preferredHeight: msgView.height / 10 source: "image://colorimage/" + image + "?" + colors.windowText } Label { Layout.alignment: Qt.AlignCenter text: CallManager.callType == CallType.VIDEO ? qsTr("Video Call") : qsTr("Voice Call") font.pointSize: fontMetrics.font.pointSize * 2 color: colors.windowText } } ColumnLayout { id: deviceCombos property int imageSize: msgView.height / 20 Layout.alignment: Qt.AlignCenter Layout.bottomMargin: msgView.height / 25 RowLayout { Layout.alignment: Qt.AlignCenter Image { Layout.preferredWidth: deviceCombos.imageSize Layout.preferredHeight: deviceCombos.imageSize source: "image://colorimage/:/icons/icons/ui/microphone-unmute.png?" + colors.windowText } ComboBox { id: micCombo Layout.fillWidth: true model: CallManager.mics } } RowLayout { visible: CallManager.callType == CallType.VIDEO && CallManager.cameras.length > 0 Layout.alignment: Qt.AlignCenter Image { Layout.preferredWidth: deviceCombos.imageSize Layout.preferredHeight: deviceCombos.imageSize source: "image://colorimage/:/icons/icons/ui/video-call.png?" + colors.windowText } ComboBox { id: cameraCombo Layout.fillWidth: true model: CallManager.cameras } } } RowLayout { id: buttonLayout property int buttonSize: msgView.height / 8 function validateMic() { if (CallManager.mics.length == 0) { var dialog = deviceError.createObject(timelineRoot, { "errorString": qsTr("No microphone found."), "image": ":/icons/icons/ui/place-call.png" }); dialog.open(); return false; } return true; } Layout.alignment: Qt.AlignCenter spacing: msgView.height / 6 RoundButton { implicitWidth: buttonLayout.buttonSize implicitHeight: buttonLayout.buttonSize onClicked: { CallManager.hangUp(); close(); } background: Rectangle { radius: buttonLayout.buttonSize / 2 color: "#ff0000" } contentItem: Image { source: "image://colorimage/:/icons/icons/ui/end-call.png?#ffffff" } } RoundButton { id: acceptButton property string image: CallManager.callType == CallType.VIDEO ? ":/icons/icons/ui/video-call.png" : ":/icons/icons/ui/place-call.png" implicitWidth: buttonLayout.buttonSize implicitHeight: buttonLayout.buttonSize onClicked: { if (buttonLayout.validateMic()) { Settings.microphone = micCombo.currentText; if (cameraCombo.visible) Settings.camera = cameraCombo.currentText; CallManager.acceptInvite(); close(); } } background: Rectangle { radius: buttonLayout.buttonSize / 2 color: "#00ff00" } contentItem: Image { source: "image://colorimage/" + acceptButton.image + "?#ffffff" } } } } background: Rectangle { color: colors.window border.color: colors.windowText } }