fix #LINQT-1250 call group form ui

Linphone/view/Control/Display/Contact/ContactListView.qml

@@ -58,7 +58,8 @@ ListView {
 
 	signal contactStarredChanged()
 	signal contactDeletionRequested(FriendGui contact)
-	signal contactAddedToSelection()
+	signal contactAddedToSelection(string address)
+	signal contactRemovedFromSelection(string address)
 	signal clicked()
 
 	function selectContact(address) {
@@ -73,15 +74,25 @@ ListView {
 			var indexInSelection = selectedContacts.indexOf(address)
 			if (indexInSelection == -1) {
 				selectedContacts.push(address)
-				contactAddedToSelection()
+				contactAddedToSelection(address)
 			}
 		}
 	}
 	function removeContactFromSelection(indexInSelection) {
+		var addressToRemove = selectedContacts[indexInSelection]
 		if (indexInSelection != -1) {
 			selectedContacts.splice(indexInSelection, 1)
+			contactRemovedFromSelection(addressToRemove)
 		}
 	}
+	function removeSelectedContactByAddress(address) {
+		var index = selectedContacts.indexOf(address)
+		if (index != -1) {
+			selectedContacts.splice(index, 1)
+			contactRemovedFromSelection(address)
+		}
+	}
+
 	onActiveFocusChanged: if(activeFocus && (!footerItem || !footerItem.activeFocus)) {
 		currentIndex = 0
 	}
@@ -159,6 +170,7 @@ ListView {
 			id: contactDelegate
 			anchors.left: initial.visible ? initial.right : parent.left
 			anchors.right: parent.right
+			anchors.rightMargin: 5 * DefaultStyle.dp
 			anchors.verticalCenter: parent.verticalCenter
 			spacing: 16 * DefaultStyle.dp
 			z: 1
@@ -189,6 +201,12 @@ ListView {
 					}
 				}
 			}
+			Item{Layout.fillWidth: true}
+			RowLayout {
+				id: actionsRow
+				z: 1
+				visible: actionButtons || friendPopup.visible || mainItem.multiSelectionEnabled
+				spacing: visible ? 16 * DefaultStyle.dp : 0
 				EffectImage {
 					id: isSelectedCheck
 					// visible: mainItem.multiSelectionEnabled && (mainItem.confInfoGui.core.getParticipantIndex(modelData.core.defaultAddress) != -1)
@@ -203,18 +221,10 @@ ListView {
 						function onSelectedContactCountChanged(){ isSelectedCheck.visible = (mainItem.selectedContacts.indexOf(modelData.core.defaultAddress) != -1)}
 					}
 				}
-			Item{Layout.fillWidth: true}
-			RowLayout {
-				id: actionsRow
-				z: 1
-				// anchors.right: parent.right
-				Layout.rightMargin: 5 * DefaultStyle.dp
-				// anchors.verticalCenter: parent.verticalCenter
-				spacing: 16 * DefaultStyle.dp
 				RowLayout{
 					id: actionButtons
 					visible: mainItem.actionLayoutVisible
-					spacing: 10 * DefaultStyle.dp
+					spacing: visible ? 10 * DefaultStyle.dp : 0
 					Button {
 						id: callButton
 						Layout.preferredWidth: 45 * DefaultStyle.dp

Linphone/view/Page/Form/Meeting/AddParticipantsForm.qml

@@ -10,11 +10,9 @@ FocusScope{
 	id: mainItem
 	
 	property string placeHolderText: qsTr("Rechercher des contacts")
-	property list<string> selectedParticipants: contactList.selectedContacts
+	property list<string> selectedParticipants: suggestionList.selectedContacts
 	property int selectedParticipantsCount: selectedParticipants.length
 	property ConferenceInfoGui conferenceInfoGui
-	property bool nameGroupCall: false
-	readonly property string groupName: groupCallName.text
 	property color searchBarColor: DefaultStyle.grey_100
 	property color searchBarBorderColor: "transparent"
 
@@ -26,46 +24,15 @@ FocusScope{
 	ColumnLayout {
 		anchors.fill: parent
 		spacing: 15 * DefaultStyle.dp
-		ColumnLayout {
-			visible: mainItem.nameGroupCall
-			spacing: 5 * DefaultStyle.dp
-			Layout.rightMargin: 38 * DefaultStyle.dp
-			RowLayout {
-				spacing: 0
-				Text {
-					font.pixelSize: 13 * DefaultStyle.dp
-					font.weight: 700 * DefaultStyle.dp
-					text: qsTr("Nom du groupe")
-				}
-				Item{Layout.fillWidth: true}
-				Text {
-					font.pixelSize: 12 * DefaultStyle.dp
-					font.weight: 300 * DefaultStyle.dp
-					text: qsTr("Requis")
-				}
-			}
-			TextField {
-				id: groupCallName
-				Layout.fillWidth: true
-				Layout.preferredHeight: 49 * DefaultStyle.dp
-				focus: mainItem.nameGroupCall
-				KeyNavigation.down: participantList.count > 0 ? participantList : searchbar
-				Keys.onPressed: (event) => {
-					if(currentIndex <=0 && event.key == Qt.Key_Up){
-						nextItemInFocusChain(false).forceActiveFocus()
-					}
-				}
-			}
-		}
 		ListView {
 			id: participantList
 			Layout.fillWidth: true
 			Layout.preferredHeight: contentHeight
 			Layout.maximumHeight: mainItem.height / 3
 			width: mainItem.width
-			model: contactList.selectedContacts
+			model: suggestionList.selectedContacts
 			clip: true
-			focus: !groupCallName.visible && participantList.count > 0
+			focus: participantList.count > 0
 			Keys.onPressed: (event) => {
 				if(currentIndex <=0 && event.key == Qt.Key_Up){
 					nextItemInFocusChain(false).forceActiveFocus()
@@ -100,7 +67,7 @@ FocusScope{
 						icon.height: 24 * DefaultStyle.dp
 						focus: true
 						contentImageColor: DefaultStyle.main1_500_main
-						onClicked: contactList.selectedContacts.splice(index, 1)
+						onClicked: suggestionList.removeSelectedContactByAddress(modelData)
 					}
 				}
 			}
@@ -120,17 +87,37 @@ FocusScope{
 			Layout.fillWidth: true
 			Layout.topMargin: 6 * DefaultStyle.dp
 			Layout.rightMargin: 28 * DefaultStyle.dp
+			Layout.preferredHeight: 45 * DefaultStyle.dp
 			placeholderText: mainItem.placeHolderText
-			focus: !groupCallName.visible && participantList.count == 0
+			focus: participantList.count == 0
 			color: mainItem.searchBarColor
 			borderColor: mainItem.searchBarColor
 			KeyNavigation.up: participantList.count > 0
 								? participantList
-								: groupCallName.visible
-									? groupCallName
 								: nextItemInFocusChain(false)
 			KeyNavigation.down: contactList
 		}
+		Flickable {
+			Layout.fillWidth: true
+			Layout.fillHeight: true
+			contentWidth: width
+			contentHeight: content.height
+			clip: true
+			Control.ScrollBar.vertical: ScrollBar {
+				id: contactsScrollBar
+				active: true
+				interactive: true
+				policy: Control.ScrollBar.AsNeeded
+				anchors.top: parent.top
+				anchors.bottom: parent.bottom
+				anchors.right: parent.right
+				anchors.rightMargin: 8 * DefaultStyle.dp
+			}
+			ColumnLayout {
+				id: content
+				anchors.left: parent.left
+				anchors.right: parent.right
+				anchors.rightMargin: contactsScrollBar.implicitWidth + 12 * DefaultStyle.dp
 				Text {
 					Layout.topMargin: 6 * DefaultStyle.dp
 					text: qsTr("Contacts")
@@ -143,47 +130,48 @@ FocusScope{
 					id: contactList
 					visible: contentHeight > 0 || searchbar.text.length > 0
 					Layout.fillWidth: true
-			Layout.fillHeight: true
+					// Layout.fillHeight: true
 					Layout.topMargin: 8 * DefaultStyle.dp
-			Layout.rightMargin: 8 * DefaultStyle.dp
 					Layout.preferredHeight: contentHeight
 					multiSelectionEnabled: true
 					contactMenuVisible: false
 					confInfoGui: mainItem.conferenceInfoGui
 					searchBarText: searchbar.text
-			onContactAddedToSelection: participantList.positionViewAtEnd()
+					onContactAddedToSelection: (address) => {
-			headerPositioning: ListView.InlineHeader
+						suggestionList.addContactToSelection(address)
-			header: MouseArea {
+					}
-				onClicked: contactList.addContactToSelection(sipAddr.text)
+					onContactRemovedFromSelection: (address) => suggestionList.removeSelectedContactByAddress(address)
-				visible: searchbar.text.length > 0
+					Control.ScrollBar.vertical.visible: false
-				height: searchbar.text.length > 0 ? 56 * DefaultStyle.dp : 0
-				width: contactList.width
-				RowLayout {
-					Layout.fillWidth: true
-					spacing: 10 * DefaultStyle.dp
-					anchors.verticalCenter: parent.verticalCenter
-					anchors.leftMargin: 30 * DefaultStyle.dp
-					anchors.left: parent.left
-					Avatar {
-						Layout.preferredWidth: 45 * DefaultStyle.dp
-						Layout.preferredHeight: 45 * DefaultStyle.dp
-						_address: sipAddr.text
 				}
-					ColumnLayout {
-						spacing: 0
 				Text {
-							id: sipAddr
+					Layout.topMargin: 6 * DefaultStyle.dp
-							property string _text: UtilsCpp.interpretUrl(searchbar.text)
+					text: qsTr("Suggestions")
-							text: SettingsCpp.onlyDisplaySipUriUsername ? UtilsCpp.getUsername(_text) : _text
+					font {
-							font.pixelSize: 14 * DefaultStyle.dp
+						pixelSize: 16 * DefaultStyle.dp
+						weight: 800 * DefaultStyle.dp
 					}
 				}
+				ContactListView {
+					id: suggestionList
+					Layout.fillWidth: true
+					Layout.fillHeight: true
+					Layout.preferredHeight: contentHeight
+					contactMenuVisible: false
+					searchBarText: searchbar.text
+					sourceFlags: LinphoneEnums.MagicSearchSource.All
+					multiSelectionEnabled: true
+					onContactAddedToSelection: (address) => {
+						contactList.addContactToSelection(address)
+						participantList.positionViewAtEnd()
+					}
+					onContactRemovedFromSelection: (address) => contactList.removeSelectedContactByAddress(address)
+					Control.ScrollBar.vertical.visible: false
+				}
 			}
 		}
 
-		}
+		// Item {
-		Item {
+		// 	Layout.fillHeight: true
-			Layout.fillHeight: true
+		// }
-		}
 	}
 }

Linphone/view/Page/Main/Call/CallPage.qml

@@ -602,22 +602,46 @@ AbstractMainPage {
 	Component {
 		id: groupCallItem
 		FocusScope{
-			width: parent?.width
-			height: parent?.height
 			Control.StackView.onActivated: {
 				titleLoader.sourceComponent = groupCallTitle
 				addParticipantsLayout.forceActiveFocus()
 			}
+			ColumnLayout {
+				spacing: 5 * DefaultStyle.dp
+				anchors.fill: parent
+				RowLayout {
+					spacing: 0
+					Layout.rightMargin: 38 * DefaultStyle.dp
+					Text {
+						font.pixelSize: 13 * DefaultStyle.dp
+						font.weight: 700 * DefaultStyle.dp
+						text: qsTr("Nom du groupe")
+					}
+					Item{Layout.fillWidth: true}
+					Text {
+						font.pixelSize: 12 * DefaultStyle.dp
+						font.weight: 300 * DefaultStyle.dp
+						text: qsTr("Requis")
+					}
+				}
+				TextField {
+					id: groupCallName
+					Layout.fillWidth: true
+					Layout.rightMargin: 38 * DefaultStyle.dp
+					Layout.preferredHeight: 49 * DefaultStyle.dp
+					focus: true
+					KeyNavigation.down: addParticipantsLayout//participantList.count > 0 ? participantList : searchbar
+				}
 				AddParticipantsForm {
 					id: addParticipantsLayout
-				anchors.fill: parent
+					Layout.fillWidth: true
+					Layout.fillHeight: true
 					onSelectedParticipantsCountChanged: mainItem.selectedParticipantsCount = selectedParticipantsCount
-				nameGroupCall: true
 					focus: true
 					Connections {
 						target: mainItem
 						function onStartGroupCallRequested() {
-						if (groupName.length === 0) {
+							if (groupCallName.text.length === 0) {
 								UtilsCpp.showInformationPopup(qsTr("Erreur"), qsTr("Un nom doit être donné à l'appel de groupe"), false)
 							} else if(!mainItem.isRegistered) {
 								UtilsCpp.showInformationPopup(qsTr("Erreur"), qsTr("Vous n'etes pas connecté"), false)
@@ -625,7 +649,7 @@ AbstractMainPage {
 								mainItem.confInfoGui = Qt.createQmlObject('import Linphone
 																			ConferenceInfoGui{
 																			}', mainItem)
-							mainItem.confInfoGui.core.subject = addParticipantsLayout.groupName
+								mainItem.confInfoGui.core.subject = groupCallName.text
 								mainItem.confInfoGui.core.isScheduled = false
 								mainItem.confInfoGui.core.addParticipants(addParticipantsLayout.selectedParticipants)
 								mainItem.confInfoGui.core.save()
@@ -635,6 +659,7 @@ AbstractMainPage {
 				}
 			}
 		}
+	}
 
 	Component{
 		id: emptySelection