lilith/jami-client-qt
1
0
Fork 0
mirror of https://git.jami.net/savoirfairelinux/jami-client-qt.git synced 2025-04-21 21:52:03 +02:00
Code Activity

issue: Maximize and then Restore Select a screen to share window

Browse source 
Change-Id: I6ef8069de9012e235fe6f8907b9d2bb94a44cd40
GitLab: #634
This commit is contained in:
Nicolas Vengeon 2023-01-17 17:43:11 -05:00 • committed by Sébastien Blin
parent b34f031251
commit feb53e6183
4 changed files with 252 additions and 369 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/app/mainview/components/CallOverlay.qml
View file

@ -44,7 +44,6 @@ Item {
function closeContextMenuAndRelatedWindows() {
ContactPickerCreation.closeContactPicker()
sipInputPanel.close()
SelectScreenWindowCreation.destroySelectScreenWindow()
ScreenRubberBandCreation.destroyScreenRubberBandWindow()
PluginHandlerPickerCreation.closePluginHandlerPicker()
root.closeClicked()
@ -125,16 +124,16 @@ Item {
if (Qt.application.screens.length === 1) {
AvAdapter.shareEntireScreen(0)
} else {
SelectScreenWindowCreation.createSelectScreenWindowObject(appWindow)
SelectScreenWindowCreation.showSelectScreenWindow(callPreviewId, false)
SelectScreenWindowCreation.presentSelectScreenWindow(
appWindow, false)
}
}
function openShareWindow() {
AvAdapter.getListWindows()
if (AvAdapter.windowsNames.length >= 1) {
SelectScreenWindowCreation.createSelectScreenWindowObject(appWindow)
SelectScreenWindowCreation.showSelectScreenWindow(callPreviewId, true)
SelectScreenWindowCreation.presentSelectScreenWindow(
appWindow, true)
}
}
@ -185,8 +184,8 @@ Item {
}
onRecordCallClicked: CallAdapter.recordThisCallToggle()
onOpenSelectionWindow: {
SelectScreenWindowCreation.createSelectScreenWindowObject(appWindow)
SelectScreenWindowCreation.showSelectScreenWindow(callPreviewId, windowSelection)
SelectScreenWindowCreation.presentSelectScreenWindow(
appWindow, windowSelection)
}
onScreenshotButtonHoveredChanged: {
participantsLayer.screenshotButtonHovered = screenshotButtonHovered

86
src/app/mainview/components/ScreenSharePreview.qml Normal file
View file

@ -0,0 +1,86 @@
/*
* Copyright (C) 2023 Savoir-faire Linux Inc.
* Author: Nicolas Vengeon <Nicolas.vengeon@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.Controls
import QtQuick.Layouts
import net.jami.Adapters 1.1
import net.jami.Models 1.1
import net.jami.Constants 1.1
import "../../commoncomponents"
Rectangle {
id: root
color: JamiTheme.secondaryBackgroundColor
border.color: selectedScreenNumber === elementIndex
? JamiTheme.screenSelectionBorderColor
: JamiTheme.tabbarBorderColor
width: elementWidth
height: 3 * width / 4
property var elementIndex
property string rectTitle
property var rId
Text {
id: textTitle
anchors.top: parent.top
anchors.topMargin: marginSize
anchors.horizontalCenter: parent.horizontalCenter
width: parent.width - 2 * marginSize
font.pointSize: JamiTheme.textFontSize
text: rectTitle
elide: Text.ElideRight
horizontalAlignment: Text.AlignHCenter
color: JamiTheme.textColor
}
VideoView {
anchors.top: textTitle.bottom
anchors.topMargin: 10
anchors.horizontalCenter: parent.horizontalCenter
height: parent.height - 50
width: parent.width - 50
Component.onDestruction: {
VideoDevices.stopDevice(rendererId)
}
Component.onCompleted: {
if (root.rId !== "") {
rendererId = VideoDevices.startDevice(root.rId)
}
}
}
MouseArea {
anchors.fill: parent
acceptedButtons: Qt.LeftButton
onClicked: {
if (selectedScreenNumber !== root.elementIndex) {
selectedScreenNumber = root.elementIndex
}
}
}
}

457
src/app/mainview/components/SelectScreen.qml
View file

@ -1,8 +1,9 @@
/*
* Copyright (C) 2020-2022 Savoir-faire Linux Inc.
* Copyright (C) 2020-2023 Savoir-faire Linux Inc.
* Author: Mingrui Zhang <mingrui.zhang@savoirfairelinux.com>
* Author: Aline Gondim Santos <aline.gondimsantos@savoirfairelinux.com>
*
* Author: Nicolas Vengeon <Nicolas.vengeon@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
@ -35,372 +36,198 @@ import "../../commoncomponents"
Window {
id: root
property bool window: false
property int selectedScreenNumber: -1
property bool selectAllScreens: false
property string currentPreview: ""
property var screens: []
property real componentMinWidth: 200
property real componentWidthDoubleColumn: screenSelectionScrollView.width / 2 -
screenSelectionScrollViewFlow.spacing / 2 - JamiTheme.preferredMarginSize
property real componentWidthSingleColumn: screenSelectionScrollView.width -
2 * JamiTheme.preferredMarginSize
minimumHeight: minimumWidth * 3 / 4
minimumWidth: componentMinWidth + 2 * marginSize
modality: Qt.ApplicationModal
title: window ? JamiStrings.selectWindow : JamiStrings.selectScreen
title: showWindows ? JamiStrings.selectWindow : JamiStrings.selectScreen
onClosing: this.destroy()
required property bool showWindows
property var selectedScreenNumber: undefined
property bool selectAllScreens: selectedScreenNumber === -1
property var listModel: []
property real componentMinWidth: 350
property real marginSize: JamiTheme.preferredMarginSize
property real elementWidth: {
var layoutWidth = selectScreenWindowLayout.width
var minSize = componentMinWidth + 2 * marginSize
var numberElementPerRow = Math.floor(layoutWidth / minSize)
if (numberElementPerRow == 1 && layoutWidth > componentMinWidth * 1.5) {
numberElementPerRow = 2
}
if (showWindows)
numberElementPerRow = Math.min(listModel.length, numberElementPerRow)
else
numberElementPerRow = Math.min(listModel.length + 1, numberElementPerRow)
var spacingLength = marginSize * (numberElementPerRow + 2)
return (layoutWidth - spacingLength) / numberElementPerRow
}
// How many rows the ScrollView should have.
function calculateRepeaterModel() {
screens = []
listModel = []
var idx
for (idx in Qt.application.screens) {
screens.push(JamiStrings.screen.arg(idx))
if (!showWindows) {
for (idx in Qt.application.screens) {
listModel.push(JamiStrings.screen.arg(idx))
}
} else {
AvAdapter.getListWindows()
for (idx in AvAdapter.windowsNames) {
listModel.push(AvAdapter.windowsNames[idx])
}
}
AvAdapter.getListWindows()
for (idx in AvAdapter.windowsNames) {
screens.push(AvAdapter.windowsNames[idx])
}
return screens.length
}
onVisibleChanged: {
if (!visible)
return
if (!active) {
selectedScreenNumber = -1
selectAllScreens = false
selectedScreenNumber = undefined
}
screenInfo.model = {}
screenInfo2.model = {}
screenSharePreviewRepeater.model = {}
calculateRepeaterModel()
screenInfo.model = screens.length
screenInfo2.model = screens.length
windowsText.visible = root.window
screenSharePreviewRepeater.model = root.listModel
}
Rectangle {
id: selectScreenWindowRect
anchors.fill: parent
color: JamiTheme.backgroundColor
ScrollView {
id: screenSelectionScrollView
ColumnLayout {
id: selectScreenWindowLayout
anchors.topMargin: JamiTheme.preferredMarginSize
anchors.horizontalCenter: selectScreenWindowRect.horizontalCenter
anchors.fill: parent
width: selectScreenWindowRect.width
height: selectScreenWindowRect.height -
(selectButton.height + JamiTheme.preferredMarginSize * 4)
Text {
font.pointSize: JamiTheme.menuFontSize
font.bold: true
text: showWindows ? JamiStrings.windows : JamiStrings.screens
verticalAlignment: Text.AlignBottom
color: JamiTheme.textColor
Layout.margins: marginSize
}
clip: true
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
ScrollBar.vertical.policy: ScrollBar.AlwaysOn
ScrollView {
id: screenSelectionScrollView
Flow {
id: screenSelectionScrollViewFlow
Layout.alignment: Qt.AlignCenter
Layout.preferredWidth: selectScreenWindowLayout.width
Layout.fillHeight: true
anchors.fill: parent
topPadding: JamiTheme.preferredMarginSize
rightPadding: JamiTheme.preferredMarginSize
leftPadding: JamiTheme.preferredMarginSize
clip: true
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
ScrollBar.vertical.policy: ScrollBar.AsNeeded
spacing: JamiTheme.preferredMarginSize
Flow {
id: screenSelectionScrollViewFlow
Text {
// https://bugreports.qt.io/browse/QTBUG-110323
width: screenSelectionScrollView.width
height: JamiTheme.preferredFieldHeight
height: screenSelectionScrollView.height
font.pointSize: JamiTheme.menuFontSize
font.bold: true
text: JamiStrings.screens
verticalAlignment: Text.AlignBottom
color: JamiTheme.textColor
visible: !root.window
}
topPadding: marginSize
rightPadding: marginSize
leftPadding: marginSize
spacing: marginSize
Repeater {
id: screenInfo
Loader {
// Show all screens
active: !showWindows &&
Qt.application.screens.length > 1 &&
Qt.platform.os.toString() !== "windows"
sourceComponent: ScreenSharePreview {
id: screenSelectionRectAll
model: screens ? screens.length : 0
delegate: Rectangle {
id: screenItem
color: JamiTheme.secondaryBackgroundColor
width: componentWidthDoubleColumn > componentMinWidth ? componentWidthDoubleColumn : componentWidthSingleColumn
height: 3 * width / 4
border.color: selectedScreenNumber === index ? JamiTheme.screenSelectionBorderColor : JamiTheme.tabbarBorderColor
visible: !root.window && JamiStrings.selectScreen !== screens[index] && index < Qt.application.screens.length
Text {
id: screenName
anchors.top: screenItem.top
anchors.topMargin: 10
anchors.horizontalCenter: screenItem.horizontalCenter
width: parent.width
font.pointSize: JamiTheme.textFontSize
text: screens[index] ? screens[index] : ""
elide: Text.ElideMiddle
horizontalAlignment: Text.AlignHCenter
color: JamiTheme.textColor
}
VideoView {
id: screenPreview
anchors.top: screenName.bottom
anchors.topMargin: 10
anchors.horizontalCenter: screenItem.horizontalCenter
height: screenItem.height - 50
width: screenItem.width - 50
Component.onDestruction: {
VideoDevices.stopDevice(rendererId)
}
Component.onCompleted: {
if (visible) {
const rId = AvAdapter.getSharingResource(index)
if (rId !== "") {
rendererId = VideoDevices.startDevice(rId)
}
}
}
}
MouseArea {
anchors.fill: screenItem
acceptedButtons: Qt.LeftButton
onClicked: {
selectAllScreens = false
if (selectedScreenNumber == -1
|| selectedScreenNumber !== index) {
selectedScreenNumber = index
}
}
}
Connections {
target: AvAdapter
function onScreenCaptured(screenNumber, source) {
if (screenNumber === -1)
screenShotAll.source = JamiQmlUtils.base64StringTitle + source
}
}
}
}
Rectangle {
id: screenSelectionRectAll
color: JamiTheme.secondaryBackgroundColor
width: componentWidthDoubleColumn > componentMinWidth ? componentWidthDoubleColumn : componentWidthSingleColumn
height: 3 * width / 4
border.color: selectAllScreens ? JamiTheme.screenSelectionBorderColor : JamiTheme.tabbarBorderColor
visible: !root.window && Qt.application.screens.length > 1 && Qt.platform.os.toString() !== "windows"
Text {
id: screenNameAll
anchors.top: screenSelectionRectAll.top
anchors.topMargin: 10
anchors.horizontalCenter: screenSelectionRectAll.horizontalCenter
font.pointSize: JamiTheme.textFontSize
text: JamiStrings.allScreens
color: JamiTheme.textColor
}
VideoView {
id: screenShotAll
anchors.top: screenNameAll.bottom
anchors.topMargin: 10
anchors.horizontalCenter: screenSelectionRectAll.horizontalCenter
height: screenSelectionRectAll.height - 50
width: screenSelectionRectAll.width - 50
Component.onDestruction: {
VideoDevices.stopDevice(rendererId)
}
Component.onCompleted: {
if (visible) {
const rId = AvAdapter.getSharingResource(-1)
if (rId !== "") {
rendererId = VideoDevices.startDevice(rId)
}
}
elementIndex: -1
rectTitle: JamiStrings.allScreens
rId: AvAdapter.getSharingResource(-1)
}
}
MouseArea {
anchors.fill: parent
acceptedButtons: Qt.LeftButton
Repeater {
id: screenSharePreviewRepeater
onClicked: {
selectedScreenNumber = -1
selectAllScreens = true
}
}
}
model: listModel.length
Text {
id: windowsText
width: screenSelectionScrollView.width
height: JamiTheme.preferredFieldHeight
delegate: ScreenSharePreview {
id: screenItem
font.pointSize: JamiTheme.menuFontSize
font.bold: true
text: JamiStrings.windows
verticalAlignment: Text.AlignBottom
color: JamiTheme.textColor
visible: root.window
}
Repeater {
id: screenInfo2
model: screens ? screens.length : 0
delegate: Rectangle {
id: screenItem2
color: JamiTheme.secondaryBackgroundColor
width: componentWidthDoubleColumn > componentMinWidth ? componentWidthDoubleColumn : componentWidthSingleColumn
height: 3 * width / 4
border.color: selectedScreenNumber === index ? JamiTheme.screenSelectionBorderColor : JamiTheme.tabbarBorderColor
visible: root.window && JamiStrings.selectScreen !== screens[index] && index >= Qt.application.screens.length
&& screenName2.text != JamiStrings.selectWindow
Text {
id: screenName2
anchors.top: screenItem2.top
anchors.topMargin: 10
anchors.horizontalCenter: screenItem2.horizontalCenter
width: parent.width
font.pointSize: JamiTheme.textFontSize
text: screens[index] ? screens[index] : ""
elide: Text.ElideMiddle
horizontalAlignment: Text.AlignHCenter
color: JamiTheme.textColor
}
VideoView {
id: screenPreview2
anchors.top: screenName2.bottom
anchors.topMargin: 10
anchors.horizontalCenter: screenItem2.horizontalCenter
anchors.leftMargin: 25
anchors.rightMargin: 25
height: screenItem2.height - 60
width: screenItem2.width - 50
Component.onDestruction: {
VideoDevices.stopDevice(rendererId)
}
Component.onCompleted: {
if (visible) {
const rId = AvAdapter.getSharingResource(-2, AvAdapter.windowsIds[index - Qt.application.screens.length], AvAdapter.windowsNames[index - Qt.application.screens.length])
if (rId !== "") {
rendererId = VideoDevices.startDevice(rId)
}
}
}
}
MouseArea {
anchors.fill: screenItem2
acceptedButtons: Qt.LeftButton
onClicked: {
selectAllScreens = false
if (selectedScreenNumber == -1
|| selectedScreenNumber !== index) {
selectedScreenNumber = index
}
visible: JamiStrings.selectScreen !== listModel[index] && JamiStrings.selectWindow !== listModel[index]
elementIndex: index
rectTitle: listModel[index] ? listModel[index] : ""
rId: {
if (showWindows)
return rId = AvAdapter.getSharingResource(-2, AvAdapter.windowsIds[index], AvAdapter.windowsNames[index])
return rId = AvAdapter.getSharingResource(index)
}
}
}
}
}
}
}
RowLayout {
anchors.bottom: selectScreenWindowRect.bottom
anchors.bottomMargin: JamiTheme.preferredMarginSize
anchors.horizontalCenter: selectScreenWindowRect.horizontalCenter
RowLayout {
Layout.margins: marginSize
Layout.preferredWidth: selectScreenWindowLayout.width
Layout.preferredHeight: childrenRect.height
spacing: marginSize
width: parent.width
height: childrenRect.height
spacing: JamiTheme.preferredMarginSize
MaterialButton {
id: selectButton
MaterialButton {
id: selectButton
Layout.maximumWidth: 200
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
Layout.leftMargin: marginSize
Layout.maximumWidth: 200
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
Layout.leftMargin: JamiTheme.preferredMarginSize
enabled: selectedScreenNumber != undefined
opacity: enabled ? 1.0 : 0.5
enabled: selectedScreenNumber != -1 || selectAllScreens
opacity: enabled ? 1.0 : 0.5
color: JamiTheme.buttonTintedBlack
hoveredColor: JamiTheme.buttonTintedBlackHovered
pressedColor: JamiTheme.buttonTintedBlackPressed
secondary: true
autoAccelerator: true
color: JamiTheme.buttonTintedBlack
hoveredColor: JamiTheme.buttonTintedBlackHovered
pressedColor: JamiTheme.buttonTintedBlackPressed
secondary: true
autoAccelerator: true
text: showWindows ? JamiStrings.shareWindow : JamiStrings.shareScreen
text: window ? JamiStrings.shareWindow : JamiStrings.shareScreen
onClicked: {
if (selectAllScreens)
AvAdapter.shareAllScreens()
else {
if (selectedScreenNumber < Qt.application.screens.length)
AvAdapter.shareEntireScreen(selectedScreenNumber)
else {
AvAdapter.shareWindow(AvAdapter.windowsIds[selectedScreenNumber - Qt.application.screens.length], AvAdapter.windowsNames[selectedScreenNumber - Qt.application.screens.length])
onClicked: {
if (selectAllScreens)
AvAdapter.shareAllScreens()
else {
if (!showWindows)
AvAdapter.shareEntireScreen(selectedScreenNumber)
else {
AvAdapter.shareWindow(AvAdapter.windowsIds[selectedScreenNumber], AvAdapter.windowsNames[selectedScreenNumber - Qt.application.screens.length])
}
}
root.close()
}
}
root.close()
MaterialButton {
id: cancelButton
Layout.maximumWidth: 200
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
Layout.rightMargin: marginSize
color: JamiTheme.buttonTintedBlack
hoveredColor: JamiTheme.buttonTintedBlackHovered
pressedColor: JamiTheme.buttonTintedBlackPressed
secondary: true
autoAccelerator: true
text: JamiStrings.optionCancel
onClicked: root.close()
}
}
}
MaterialButton {
id: cancelButton
Layout.maximumWidth: 200
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
Layout.rightMargin: JamiTheme.preferredMarginSize
color: JamiTheme.buttonTintedBlack
hoveredColor: JamiTheme.buttonTintedBlackHovered
pressedColor: JamiTheme.buttonTintedBlackPressed
secondary: true
autoAccelerator: true
text: JamiStrings.optionCancel
onClicked: root.close()
}
}
}

65
src/app/mainview/js/selectscreenwindowcreation.js
View file

@ -16,53 +16,24 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
// Global select screen window component, object variable for creation.
var selectScreenWindowComponent
var selectScreenWindowObject
var mainWindow
function createSelectScreenWindowObject(appWindow) {
if (selectScreenWindowObject)
return
selectScreenWindowComponent = Qt.createComponent(
function presentSelectScreenWindow(parent, selectWindows) {
var comp = Qt.createComponent(
"../components/SelectScreen.qml")
mainWindow = appWindow
if (selectScreenWindowComponent.status === Component.Ready)
finishCreation()
else if (selectScreenWindowComponent.status === Component.Error)
console.log("Error loading component:",
selectScreenWindowComponent.errorString())
}
function finishCreation() {
selectScreenWindowObject = selectScreenWindowComponent.createObject()
if (selectScreenWindowObject === null) {
// Error Handling.
console.log("Error creating select screen object")
if (comp.status === Component.Ready) {
var obj = comp.createObject(parent, {showWindows: selectWindows})
if (obj === null) {
// Error Handling.
console.log("Error creating select screen object")
} else {
var centerX = appWindow.x + appWindow.width / 2
var centerY = appWindow.y + appWindow.height / 2
obj.width = 0.75 * appWindow.width
obj.height = 0.75 * appWindow.height
obj.x = centerX - obj.width / 2
obj.y = centerY - obj.height / 2
obj.show()
}
} else if (comp.status === Component.Error) {
console.log("Error loading component:", comp.errorString())
}
// Signal connection.
selectScreenWindowObject.onClosing.connect(destroySelectScreenWindow)
}
function showSelectScreenWindow(previewId, window) {
selectScreenWindowObject.currentPreview = previewId
selectScreenWindowObject.window = window
selectScreenWindowObject.show()
var centerX = mainWindow.x + mainWindow.width / 2
var centerY = mainWindow.y + mainWindow.height / 2
selectScreenWindowObject.width = 0.75 * appWindow.width
selectScreenWindowObject.height = 0.75 * appWindow.height
selectScreenWindowObject.x = centerX - selectScreenWindowObject.width / 2
selectScreenWindowObject.y = centerY - selectScreenWindowObject.height / 2
}
// Destroy and reset selectScreenWindowObject when window is closed.
function destroySelectScreenWindow() {
if(!selectScreenWindowObject)
return
selectScreenWindowObject.destroy()
selectScreenWindowObject = false
}