921 lines
30 KiB
QML
921 lines
30 KiB
QML
import QtQuick
|
||
import QtQuick.Effects
|
||
import QtQuick.Layouts
|
||
import QtQuick.Controls.Basic as Control
|
||
import Linphone
|
||
import UtilsCpp
|
||
import EnumsToStringCpp
|
||
import SettingsCpp
|
||
|
||
AbstractMainPage {
|
||
id: mainItem
|
||
noItemButtonText: qsTr("Ajouter un contact")
|
||
emptyListText: qsTr("Aucun contact pour le moment")
|
||
newItemIconSource: AppIcons.plusCircle
|
||
|
||
// disable left panel contact list interaction while a contact is being edited
|
||
property bool leftPanelEnabled: !rightPanelStackView.currentItem || rightPanelStackView.currentItem.objectName != "contactEdition"
|
||
property FriendGui selectedContact
|
||
property string initialFriendToDisplay
|
||
|
||
onVisibleChanged: if (!visible) {
|
||
rightPanelStackView.clear()
|
||
contactList.currentIndex = -1
|
||
favoriteList.currentIndex = -1
|
||
}
|
||
|
||
onSelectedContactChanged: {
|
||
if (selectedContact) {
|
||
if (!rightPanelStackView.currentItem || rightPanelStackView.currentItem.objectName != "contactDetail") rightPanelStackView.push(contactDetail)
|
||
} else {
|
||
if (rightPanelStackView.currentItem && rightPanelStackView.currentItem.objectName === "contactDetail") rightPanelStackView.clear()
|
||
}
|
||
}
|
||
signal forceListsUpdate()
|
||
|
||
onNoItemButtonPressed: createContact("", "")
|
||
|
||
function createContact(name, address) {
|
||
var friendGui = Qt.createQmlObject('import Linphone
|
||
FriendGui{
|
||
}', mainItem)
|
||
friendGui.core.givenName = UtilsCpp.getGivenNameFromFullName(name)
|
||
friendGui.core.familyName = UtilsCpp.getFamilyNameFromFullName(name)
|
||
friendGui.core.defaultAddress = address
|
||
if (!rightPanelStackView.currentItem || rightPanelStackView.currentItem.objectName != "contactEdition")
|
||
rightPanelStackView.push(contactEdition, {"contact": friendGui, "title": qsTr("Nouveau contact"), "saveButtonText": qsTr("Créer")})
|
||
}
|
||
|
||
function editContact(friendGui) {
|
||
rightPanelStackView.push(contactEdition, {"contact": friendGui, "title": qsTr("Modifier contact"), "saveButtonText": qsTr("Enregistrer")})
|
||
}
|
||
|
||
// rightPanelStackView.initialItem: contactDetail
|
||
|
||
showDefaultItem: rightPanelStackView.depth == 0 && contactList.count === 0 && searchBar.text.length === 0
|
||
|
||
MagicSearchProxy {
|
||
id: allFriends
|
||
showLdapContacts: SettingsCpp.syncLdapContacts
|
||
}
|
||
|
||
function deleteContact(contact) {
|
||
if (!contact) return
|
||
var mainWin = UtilsCpp.getMainWindow()
|
||
mainWin.showConfirmationLambdaPopup("",
|
||
qsTr("%1 sera supprimé des contacts. Voulez-vous continuer ?").arg(contact.core.displayName),
|
||
"",
|
||
function (confirmed) {
|
||
if (confirmed) {
|
||
var name = contact.core.displayName
|
||
contact.core.remove()
|
||
UtilsCpp.showInformationPopup(qsTr("Supprimé"), qsTr("%1 a été supprimé").arg(name)) }
|
||
}
|
||
)
|
||
}
|
||
|
||
Dialog {
|
||
id: verifyDevicePopup
|
||
property string deviceName
|
||
property string deviceAddress
|
||
padding: 30 * DefaultStyle.dp
|
||
width: 637 * DefaultStyle.dp
|
||
anchors.centerIn: parent
|
||
closePolicy: Control.Popup.CloseOnEscape
|
||
modal: true
|
||
onAboutToHide: neverDisplayAgainCheckbox.checked = false
|
||
title: qsTr("Augmenter la confiance")
|
||
text: qsTr("Pour augmenter le niveau de confiance vous devez appeler les différents appareils de votre contact et valider un code.<br><br>Vous êtes sur le point d’appeler “%1” voulez vous continuer ?").arg(verifyDevicePopup.deviceName)
|
||
buttons: RowLayout {
|
||
RowLayout {
|
||
spacing: 7 * DefaultStyle.dp
|
||
CheckBox{
|
||
id: neverDisplayAgainCheckbox
|
||
}
|
||
Text {
|
||
text: qsTr("Ne plus afficher")
|
||
font.pixelSize: 14 * DefaultStyle.dp
|
||
MouseArea {
|
||
anchors.fill: parent
|
||
onClicked: neverDisplayAgainCheckbox.toggle()
|
||
}
|
||
}
|
||
}
|
||
Item{Layout.fillWidth: true}
|
||
RowLayout {
|
||
spacing: 15 * DefaultStyle.dp
|
||
Button {
|
||
inversedColors: true
|
||
text: qsTr("Annuler")
|
||
leftPadding: 20 * DefaultStyle.dp
|
||
rightPadding: 20 * DefaultStyle.dp
|
||
topPadding: 11 * DefaultStyle.dp
|
||
bottomPadding: 11 * DefaultStyle.dp
|
||
onClicked: verifyDevicePopup.close()
|
||
}
|
||
Button {
|
||
text: qsTr("Appeler")
|
||
leftPadding: 20 * DefaultStyle.dp
|
||
rightPadding: 20 * DefaultStyle.dp
|
||
topPadding: 11 * DefaultStyle.dp
|
||
bottomPadding: 11 * DefaultStyle.dp
|
||
onClicked: {
|
||
SettingsCpp.setDisplayDeviceCheckConfirmation(!neverDisplayAgainCheckbox.checked)
|
||
UtilsCpp.createCall(verifyDevicePopup.deviceAddress, {}, LinphoneEnums.MediaEncryption.Zrtp)
|
||
onClicked: verifyDevicePopup.close()
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
Dialog {
|
||
id: trustInfoDialog
|
||
width: 637 * DefaultStyle.dp
|
||
title: qsTr("Niveau de confiance")
|
||
text: qsTr("Vérifiez les appareils de votre contact pour confirmer que vos communications seront sécurisées et sans compromission. <br>Quand tous seront vérifiés, vous atteindrez le niveau de confiance maximal.")
|
||
content: RowLayout {
|
||
spacing: 50 * DefaultStyle.dp
|
||
Avatar {
|
||
_address: "sip:a.c@sip.linphone.org"
|
||
Layout.preferredWidth: 45 * DefaultStyle.dp
|
||
Layout.preferredHeight: 45 * DefaultStyle.dp
|
||
}
|
||
EffectImage {
|
||
imageSource: AppIcons.arrowRight
|
||
Layout.preferredWidth: 45 * DefaultStyle.dp
|
||
Layout.preferredHeight: 45 * DefaultStyle.dp
|
||
}
|
||
Avatar {
|
||
_address: "sip:a.c@sip.linphone.org"
|
||
secured: true
|
||
Layout.preferredWidth: 45 * DefaultStyle.dp
|
||
Layout.preferredHeight: 45 * DefaultStyle.dp
|
||
}
|
||
}
|
||
buttons: Button {
|
||
text: qsTr("Ok")
|
||
leftPadding: 30 * DefaultStyle.dp
|
||
rightPadding: 30 * DefaultStyle.dp
|
||
onClicked: trustInfoDialog.close()
|
||
}
|
||
}
|
||
|
||
leftPanelContent: FocusScope {
|
||
id: leftPanel
|
||
property int leftMargin: 45 * DefaultStyle.dp
|
||
property int rightMargin: 39 * DefaultStyle.dp
|
||
Layout.fillHeight: true
|
||
Layout.fillWidth: true
|
||
|
||
RowLayout {
|
||
id: title
|
||
spacing: 0
|
||
anchors.top: leftPanel.top
|
||
anchors.right: leftPanel.right
|
||
anchors.left: leftPanel.left
|
||
anchors.leftMargin: leftPanel.leftMargin
|
||
anchors.rightMargin: leftPanel.rightMargin
|
||
|
||
Text {
|
||
text: qsTr("Contacts")
|
||
color: DefaultStyle.main2_700
|
||
font.pixelSize: 29 * DefaultStyle.dp
|
||
font.weight: 800 * DefaultStyle.dp
|
||
}
|
||
Item {
|
||
Layout.fillWidth: true
|
||
}
|
||
Button {
|
||
id: createContactButton
|
||
visible: !rightPanelStackView.currentItem || rightPanelStackView.currentItem.objectName !== "contactEdition"
|
||
background: Item {
|
||
}
|
||
icon.source: AppIcons.plusCircle
|
||
Layout.preferredWidth: 30 * DefaultStyle.dp
|
||
Layout.preferredHeight: 30 * DefaultStyle.dp
|
||
icon.width: 30 * DefaultStyle.dp
|
||
icon.height: 30 * DefaultStyle.dp
|
||
onClicked: {
|
||
mainItem.createContact("", "")
|
||
}
|
||
KeyNavigation.down: searchBar
|
||
}
|
||
}
|
||
|
||
ColumnLayout {
|
||
anchors.top: title.bottom
|
||
anchors.right: leftPanel.right
|
||
anchors.left: leftPanel.left
|
||
anchors.bottom: leftPanel.bottom
|
||
enabled: mainItem.leftPanelEnabled
|
||
spacing: 38 * DefaultStyle.dp
|
||
SearchBar {
|
||
id: searchBar
|
||
visible: contactList.count != 0 || text.length !== 0
|
||
Layout.leftMargin: leftPanel.leftMargin
|
||
Layout.rightMargin: leftPanel.rightMargin
|
||
Layout.topMargin: 18 * DefaultStyle.dp
|
||
Layout.fillWidth: true
|
||
placeholderText: qsTr("Rechercher un contact")
|
||
KeyNavigation.up: createContactButton
|
||
KeyNavigation.down: favoriteList.contentHeight > 0 ? favoriteExpandButton : contactExpandButton
|
||
}
|
||
|
||
RowLayout {
|
||
Flickable {
|
||
id: listLayout
|
||
contentWidth: width
|
||
contentHeight: content.height
|
||
clip: true
|
||
Control.ScrollBar.vertical: contactsScrollbar
|
||
Layout.fillWidth: true
|
||
Layout.fillHeight: true
|
||
|
||
ColumnLayout {
|
||
id: content
|
||
width: parent.width
|
||
spacing: 15 * DefaultStyle.dp
|
||
Text {
|
||
visible: contactList.count === 0 || searchBar.text.length != 0
|
||
Layout.alignment: Qt.AlignHCenter
|
||
Layout.topMargin: 137 * DefaultStyle.dp
|
||
text: qsTr("Aucun contact%1").arg(searchBar.text.length !== 0 ? " correspondant" : "")
|
||
font {
|
||
pixelSize: 16 * DefaultStyle.dp
|
||
weight: 800 * DefaultStyle.dp
|
||
}
|
||
}
|
||
ColumnLayout {
|
||
visible: favoriteList.contentHeight > 0
|
||
onVisibleChanged: if (visible && !favoriteList.visible) favoriteList.visible = true
|
||
Layout.leftMargin: leftPanel.leftMargin
|
||
Layout.rightMargin: leftPanel.rightMargin
|
||
spacing: 18 * DefaultStyle.dp
|
||
RowLayout {
|
||
spacing: 0
|
||
Text {
|
||
text: qsTr("Favoris")
|
||
font {
|
||
pixelSize: 16 * DefaultStyle.dp
|
||
weight: 800 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Item {
|
||
Layout.fillWidth: true
|
||
}
|
||
Button {
|
||
id: favoriteExpandButton
|
||
background: Item{}
|
||
icon.source: favoriteList.visible ? AppIcons.upArrow : AppIcons.downArrow
|
||
Layout.preferredWidth: 24 * DefaultStyle.dp
|
||
Layout.preferredHeight: 24 * DefaultStyle.dp
|
||
icon.width: 24 * DefaultStyle.dp
|
||
icon.height: 24 * DefaultStyle.dp
|
||
onClicked: favoriteList.visible = !favoriteList.visible
|
||
KeyNavigation.up: searchBar
|
||
KeyNavigation.down: favoriteList
|
||
}
|
||
}
|
||
ContactListView{
|
||
id: favoriteList
|
||
hoverEnabled: mainItem.leftPanelEnabled
|
||
highlightFollowsCurrentItem: true
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: contentHeight
|
||
Control.ScrollBar.vertical.visible: false
|
||
showFavoritesOnly: true
|
||
searchOnInitialization: true
|
||
contactMenuVisible: true
|
||
searchBarText: searchBar.text
|
||
listProxy: allFriends
|
||
onSelectedContactChanged: {
|
||
if (selectedContact) {
|
||
contactList.currentIndex = -1
|
||
}
|
||
mainItem.selectedContact = selectedContact
|
||
}
|
||
onContactDeletionRequested: (contact) => {
|
||
mainItem.deleteContact(contact)
|
||
}
|
||
}
|
||
}
|
||
ColumnLayout {
|
||
visible: contactList.contentHeight > 0
|
||
onVisibleChanged: if (visible && !contactList.visible) contactList.visible = true
|
||
Layout.leftMargin: leftPanel.leftMargin
|
||
Layout.rightMargin: leftPanel.rightMargin
|
||
spacing: 16 * DefaultStyle.dp
|
||
RowLayout {
|
||
spacing: 0
|
||
Text {
|
||
text: qsTr("Contacts")
|
||
font {
|
||
pixelSize: 16 * DefaultStyle.dp
|
||
weight: 800 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Item {
|
||
Layout.fillWidth: true
|
||
}
|
||
Button {
|
||
id: contactExpandButton
|
||
background: Item{}
|
||
icon.source: contactList.visible ? AppIcons.upArrow : AppIcons.downArrow
|
||
Layout.preferredWidth: 24 * DefaultStyle.dp
|
||
Layout.preferredHeight: 24 * DefaultStyle.dp
|
||
icon.width: 24 * DefaultStyle.dp
|
||
icon.height: 24 * DefaultStyle.dp
|
||
onClicked: contactList.visible = !contactList.visible
|
||
KeyNavigation.up: favoriteList.visible ? favoriteList : searchBar
|
||
KeyNavigation.down: contactList
|
||
}
|
||
}
|
||
ContactListView{
|
||
id: contactList
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: contentHeight
|
||
Control.ScrollBar.vertical.visible: false
|
||
hoverEnabled: mainItem.leftPanelEnabled
|
||
contactMenuVisible: true
|
||
searchOnInitialization: true
|
||
highlightFollowsCurrentItem: true
|
||
searchBarText: searchBar.text
|
||
listProxy: allFriends
|
||
onCountChanged: {
|
||
if (initialFriendToDisplay.length !== 0) {
|
||
if (selectContact(initialFriendToDisplay) != -1) initialFriendToDisplay = ""
|
||
}
|
||
}
|
||
onSelectedContactChanged: {
|
||
if (selectedContact) {
|
||
favoriteList.currentIndex = -1
|
||
}
|
||
mainItem.selectedContact = selectedContact
|
||
}
|
||
onContactDeletionRequested: (contact) => {
|
||
mainItem.deleteContact(contact)
|
||
}
|
||
Connections {
|
||
target: contactList.model
|
||
function onFriendCreated(index) {
|
||
contactList.currentIndex = index
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
ScrollBar {
|
||
id: contactsScrollbar
|
||
Layout.fillHeight: true
|
||
Layout.rightMargin: 8 * DefaultStyle.dp
|
||
height: listLayout.height
|
||
active: true
|
||
interactive: true
|
||
policy: Control.ScrollBar.AsNeeded
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
Component {
|
||
id: contactDetail
|
||
Item {
|
||
width: parent?.width
|
||
height: parent?.height
|
||
property string objectName: "contactDetail"
|
||
component ContactDetailLayout: ColumnLayout {
|
||
id: contactDetailLayout
|
||
spacing: 15 * DefaultStyle.dp
|
||
property string label
|
||
property var icon
|
||
property alias content: contentControl.contentItem
|
||
signal titleIconClicked()
|
||
RowLayout {
|
||
spacing: 10 * DefaultStyle.dp
|
||
Text {
|
||
text: contactDetailLayout.label
|
||
color: DefaultStyle.main1_500_main
|
||
font {
|
||
pixelSize: 16 * DefaultStyle.dp
|
||
weight: 800 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Button {
|
||
visible: contactDetailLayout.icon != undefined
|
||
icon.source: contactDetailLayout.icon
|
||
contentImageColor: DefaultStyle.main1_500_main
|
||
Layout.preferredWidth: 24 * DefaultStyle.dp
|
||
Layout.preferredHeight: 24 * DefaultStyle.dp
|
||
background: Item{}
|
||
onClicked: contactDetailLayout.titleIconClicked()
|
||
}
|
||
Item{Layout.fillWidth: true}
|
||
Button {
|
||
id: expandButton
|
||
background: Item{}
|
||
checkable: true
|
||
checked: true
|
||
icon.source: checked ? AppIcons.upArrow : AppIcons.downArrow
|
||
Layout.preferredWidth: 24 * DefaultStyle.dp
|
||
Layout.preferredHeight: 24 * DefaultStyle.dp
|
||
icon.width: 24 * DefaultStyle.dp
|
||
icon.height: 24 * DefaultStyle.dp
|
||
contentImageColor: DefaultStyle.main2_600
|
||
KeyNavigation.down: contentControl
|
||
}
|
||
}
|
||
RoundedPane {
|
||
id: contentControl
|
||
visible: expandButton.checked
|
||
Layout.fillWidth: true
|
||
leftPadding: 20 * DefaultStyle.dp
|
||
rightPadding: 20 * DefaultStyle.dp
|
||
topPadding: 17 * DefaultStyle.dp
|
||
bottomPadding: 17 * DefaultStyle.dp
|
||
}
|
||
}
|
||
ContactLayout {
|
||
id: contactDetail
|
||
anchors.fill: parent
|
||
contact: mainItem.selectedContact
|
||
button.color: DefaultStyle.main1_100
|
||
button.text: qsTr("Modifier")
|
||
button.icon.source: AppIcons.pencil
|
||
button.textColor: DefaultStyle.main1_500_main
|
||
button.contentImageColor: DefaultStyle.main1_500_main
|
||
button.leftPadding: 16 * DefaultStyle.dp
|
||
button.rightPadding: 16 * DefaultStyle.dp
|
||
button.topPadding: 10 * DefaultStyle.dp
|
||
button.bottomPadding: 10 * DefaultStyle.dp
|
||
button.onClicked: mainItem.editContact(mainItem.selectedContact)
|
||
button.visible: !mainItem.selectedContact?.core.readOnly
|
||
property string contactAddress: contact ? contact.core.defaultAddress : ""
|
||
property var computedContactNameObj: UtilsCpp.getDisplayName(contactAddress)
|
||
property string computedContactName: computedContactNameObj ? computedContactNameObj.value : ""
|
||
property string contactName: contact
|
||
? contact.core.displayName
|
||
: computedContactName
|
||
component LabelButton: ColumnLayout {
|
||
id: labelButton
|
||
// property alias image: buttonImg
|
||
property alias button: button
|
||
property string label
|
||
spacing: 8 * DefaultStyle.dp
|
||
Button {
|
||
id: button
|
||
Layout.alignment: Qt.AlignHCenter
|
||
Layout.preferredWidth: 56 * DefaultStyle.dp
|
||
Layout.preferredHeight: 56 * DefaultStyle.dp
|
||
topPadding: 16 * DefaultStyle.dp
|
||
bottomPadding: 16 * DefaultStyle.dp
|
||
leftPadding: 16 * DefaultStyle.dp
|
||
rightPadding: 16 * DefaultStyle.dp
|
||
contentImageColor: DefaultStyle.main2_600
|
||
background: Rectangle {
|
||
anchors.fill: parent
|
||
radius: 40 * DefaultStyle.dp
|
||
color: DefaultStyle.main2_200
|
||
}
|
||
}
|
||
Text {
|
||
Layout.alignment: Qt.AlignHCenter
|
||
text: labelButton.label
|
||
font {
|
||
pixelSize: 14 * DefaultStyle.dp
|
||
weight: 400 * DefaultStyle.dp
|
||
}
|
||
}
|
||
}
|
||
bannerContent: [
|
||
ColumnLayout {
|
||
spacing: 0
|
||
Text {
|
||
text: contactDetail.contactName
|
||
font {
|
||
pixelSize: 29 * DefaultStyle.dp
|
||
weight: 800 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Text {
|
||
visible: contactDetail.contact
|
||
property var mode : contactDetail.contact ? contactDetail.contact.core.consolidatedPresence : -1
|
||
horizontalAlignment: Text.AlignLeft
|
||
Layout.fillWidth: true
|
||
text: mode === LinphoneEnums.ConsolidatedPresence.Online
|
||
? qsTr("En ligne")
|
||
: mode === LinphoneEnums.ConsolidatedPresence.Busy
|
||
? qsTr("Occupé")
|
||
: mode === LinphoneEnums.ConsolidatedPresence.DoNotDisturb
|
||
? qsTr("Ne pas déranger")
|
||
: qsTr("Hors ligne")
|
||
color: mode === LinphoneEnums.ConsolidatedPresence.Online
|
||
? DefaultStyle.success_500main
|
||
: mode === LinphoneEnums.ConsolidatedPresence.Busy
|
||
? DefaultStyle.warning_600
|
||
: mode === LinphoneEnums.ConsolidatedPresence.DoNotDisturb
|
||
? DefaultStyle.danger_500main
|
||
: DefaultStyle.main2_500main
|
||
font.pixelSize: 14 * DefaultStyle.dp
|
||
}
|
||
},
|
||
Item{Layout.fillWidth: true},
|
||
RowLayout {
|
||
spacing: 58 * DefaultStyle.dp
|
||
LabelButton {
|
||
button.icon.source: AppIcons.phone
|
||
label: qsTr("Appel")
|
||
width: 56 * DefaultStyle.dp
|
||
height: 56 * DefaultStyle.dp
|
||
button.icon.width: 24 * DefaultStyle.dp
|
||
button.icon.height: 24 * DefaultStyle.dp
|
||
button.onClicked: mainWindow.startCallWithContact(contactDetail.contact, false, mainItem)
|
||
}
|
||
LabelButton {
|
||
button.icon.source: AppIcons.chatTeardropText
|
||
visible: !SettingsCpp.disableChatFeature
|
||
label: qsTr("Message")
|
||
width: 56 * DefaultStyle.dp
|
||
height: 56 * DefaultStyle.dp
|
||
button.icon.width: 24 * DefaultStyle.dp
|
||
button.icon.height: 24 * DefaultStyle.dp
|
||
button.onClicked: console.debug("[ContactLayout.qml] TODO : open conversation")
|
||
}
|
||
LabelButton {
|
||
button.icon.source: AppIcons.videoCamera
|
||
label: qsTr("Appel vidéo")
|
||
width: 56 * DefaultStyle.dp
|
||
height: 56 * DefaultStyle.dp
|
||
button.icon.width: 24 * DefaultStyle.dp
|
||
button.icon.height: 24 * DefaultStyle.dp
|
||
button.onClicked: mainWindow.startCallWithContact(contactDetail.contact, true, mainItem)
|
||
}
|
||
}
|
||
]
|
||
content: Flickable {
|
||
contentWidth: parent.width
|
||
ColumnLayout {
|
||
spacing: 32 * DefaultStyle.dp
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
ColumnLayout {
|
||
spacing: 15 * DefaultStyle.dp
|
||
Layout.fillWidth: true
|
||
ContactDetailLayout {
|
||
id: infoLayout
|
||
Layout.fillWidth: true
|
||
label: qsTr("Informations")
|
||
content: ListView {
|
||
id: addrList
|
||
height: contentHeight
|
||
implicitHeight: contentHeight
|
||
width: parent.width
|
||
clip: true
|
||
spacing: 9 * DefaultStyle.dp
|
||
model: VariantList {
|
||
model: mainItem.selectedContact ? mainItem.selectedContact.core.allAddresses : []
|
||
}
|
||
delegate: Item {
|
||
width: addrList.width
|
||
height: 46 * DefaultStyle.dp
|
||
|
||
ColumnLayout {
|
||
anchors.fill: parent
|
||
// anchors.topMargin: 5 * DefaultStyle.dp
|
||
RowLayout {
|
||
Layout.fillWidth: true
|
||
// Layout.fillHeight: true
|
||
// Layout.alignment: Qt.AlignVCenter
|
||
// Layout.topMargin: 10 * DefaultStyle.dp
|
||
// Layout.bottomMargin: 10 * DefaultStyle.dp
|
||
ColumnLayout {
|
||
Layout.fillWidth: true
|
||
Text {
|
||
Layout.fillWidth: true
|
||
text: modelData.label
|
||
font {
|
||
pixelSize: 13 * DefaultStyle.dp
|
||
weight: 700 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Text {
|
||
Layout.fillWidth: true
|
||
property string _text: modelData.address
|
||
text: SettingsCpp.onlyDisplaySipUriUsername ? UtilsCpp.getUsername(_text) : _text
|
||
font {
|
||
pixelSize: 14 * DefaultStyle.dp
|
||
weight: 400 * DefaultStyle.dp
|
||
}
|
||
}
|
||
}
|
||
Item {
|
||
Layout.fillWidth: true
|
||
}
|
||
Button {
|
||
background: Item{}
|
||
Layout.preferredWidth: 24 * DefaultStyle.dp
|
||
Layout.preferredHeight: 24 * DefaultStyle.dp
|
||
icon.source: AppIcons.phone
|
||
width: 24 * DefaultStyle.dp
|
||
height: 24 * DefaultStyle.dp
|
||
icon.width: 24 * DefaultStyle.dp
|
||
icon.height: 24 * DefaultStyle.dp
|
||
onClicked: {
|
||
UtilsCpp.createCall(modelData.address)
|
||
}
|
||
}
|
||
}
|
||
|
||
Rectangle {
|
||
visible: index != addrList.model.count - 1
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 1 * DefaultStyle.dp
|
||
Layout.rightMargin: 3 * DefaultStyle.dp
|
||
Layout.leftMargin: 3 * DefaultStyle.dp
|
||
color: DefaultStyle.main2_200
|
||
clip: true
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
RoundedPane {
|
||
visible: infoLayout.visible && companyText.text.length != 0 || jobText.text.length != 0
|
||
Layout.fillWidth: true
|
||
topPadding: 17 * DefaultStyle.dp
|
||
bottomPadding: 17 * DefaultStyle.dp
|
||
leftPadding: 20 * DefaultStyle.dp
|
||
rightPadding: 20 * DefaultStyle.dp
|
||
|
||
contentItem: ColumnLayout {
|
||
RowLayout {
|
||
height: 50 * DefaultStyle.dp
|
||
visible: companyText.text.length != 0
|
||
Text {
|
||
text: qsTr("Company :")
|
||
font {
|
||
pixelSize: 13 * DefaultStyle.dp
|
||
weight: 700 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Text {
|
||
id: companyText
|
||
text: mainItem.selectedContact && mainItem.selectedContact.core.organization
|
||
font {
|
||
pixelSize: 14 * DefaultStyle.dp
|
||
weight: 400 * DefaultStyle.dp
|
||
}
|
||
}
|
||
}
|
||
RowLayout {
|
||
height: 50 * DefaultStyle.dp
|
||
visible: jobText.text.length != 0
|
||
Text {
|
||
text: qsTr("Job :")
|
||
font {
|
||
pixelSize: 13 * DefaultStyle.dp
|
||
weight: 700 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Text {
|
||
id: jobText
|
||
text: mainItem.selectedContact && mainItem.selectedContact.core.job
|
||
font {
|
||
pixelSize: 14 * DefaultStyle.dp
|
||
weight: 400 * DefaultStyle.dp
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
ContactDetailLayout {
|
||
visible: !SettingsCpp.disableChatFeature
|
||
label: qsTr("Medias")
|
||
Layout.fillWidth: true
|
||
content: Button {
|
||
background: Rectangle {
|
||
anchors.fill: parent
|
||
color: DefaultStyle.grey_0
|
||
radius: 15 * DefaultStyle.dp
|
||
}
|
||
contentItem: RowLayout {
|
||
Image {
|
||
Layout.preferredWidth: 24 * DefaultStyle.dp
|
||
Layout.preferredHeight: 24 * DefaultStyle.dp
|
||
source: AppIcons.shareNetwork
|
||
}
|
||
Text {
|
||
text: qsTr("Show media shared")
|
||
font {
|
||
pixelSize: 14 * DefaultStyle.dp
|
||
weight: 400 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Item{Layout.fillWidth: true}
|
||
EffectImage {
|
||
Layout.preferredWidth: 24 * DefaultStyle.dp
|
||
Layout.preferredHeight: 24 * DefaultStyle.dp
|
||
imageSource: AppIcons.rightArrow
|
||
colorizationColor: DefaultStyle.main2_600
|
||
}
|
||
}
|
||
onClicked: console.debug("TODO : go to shared media")
|
||
}
|
||
}
|
||
ContactDetailLayout {
|
||
Layout.fillWidth: true
|
||
label: qsTr("Confiance")
|
||
icon: AppIcons.question
|
||
onTitleIconClicked: trustInfoDialog.open()
|
||
content: ColumnLayout {
|
||
spacing: 13 * DefaultStyle.dp
|
||
Text {
|
||
text: qsTr("Niveau de confiance - Appareils vérifiés")
|
||
font {
|
||
pixelSize: 13 * DefaultStyle.dp
|
||
weight: 700 * DefaultStyle.dp
|
||
}
|
||
}
|
||
Text {
|
||
visible: deviceList.count === 0
|
||
text: qsTr("Aucun appareil")
|
||
}
|
||
ProgressBar {
|
||
visible: deviceList.count > 0
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 28 * DefaultStyle.dp
|
||
value: mainItem.selectedContact ? mainItem.selectedContact.core.verifiedDeviceCount / deviceList.count : 0
|
||
}
|
||
ListView {
|
||
id: deviceList
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: Math.min(200 * DefaultStyle.dp, contentHeight)
|
||
clip: true
|
||
model: mainItem.selectedContact ? mainItem.selectedContact.core.devices : []
|
||
spacing: 16 * DefaultStyle.dp
|
||
delegate: RowLayout {
|
||
id: deviceDelegate
|
||
width: deviceList.width
|
||
height: 30 * DefaultStyle.dp
|
||
property var callObj
|
||
property CallGui deviceCall: callObj ? callObj.value : null
|
||
property string deviceName: modelData.name.length != 0 ? modelData.name : qsTr("Appareil sans nom")
|
||
Text {
|
||
text: deviceDelegate.deviceName
|
||
font.pixelSize: 14 * DefaultStyle.dp
|
||
}
|
||
Item{Layout.fillWidth: true}
|
||
Image{
|
||
visible: modelData.securityLevel === LinphoneEnums.SecurityLevel.EndToEndEncryptedAndVerified
|
||
source: AppIcons.trusted
|
||
width: 22 * DefaultStyle.dp
|
||
height: 22 * DefaultStyle.dp
|
||
}
|
||
|
||
Button {
|
||
Layout.preferredHeight: 30 * DefaultStyle.dp
|
||
visible: modelData.securityLevel != LinphoneEnums.SecurityLevel.EndToEndEncryptedAndVerified
|
||
color: DefaultStyle.main1_100
|
||
icon.source: AppIcons.warningCircle
|
||
icon.height: 14 * DefaultStyle.dp
|
||
icon.width: 14 * DefaultStyle.dp
|
||
contentImageColor: DefaultStyle.main1_500_main
|
||
textColor: DefaultStyle.main1_500_main
|
||
textSize: 13 * DefaultStyle.dp
|
||
text: qsTr("Vérifier")
|
||
// leftPadding: 12 * DefaultStyle.dp
|
||
// rightPadding: 12 * DefaultStyle.dp
|
||
// topPadding: 6 * DefaultStyle.dp
|
||
// bottomPadding: 6 * DefaultStyle.dp
|
||
onClicked: {
|
||
if (SettingsCpp.getDisplayDeviceCheckConfirmation()) {
|
||
verifyDevicePopup.deviceName = deviceDelegate.deviceName
|
||
verifyDevicePopup.deviceAddress = modelData.address
|
||
verifyDevicePopup.open()
|
||
}
|
||
else {
|
||
UtilsCpp.createCall(modelData.address, {}, LinphoneEnums.MediaEncryption.Zrtp)
|
||
parent.callObj = UtilsCpp.getCallByAddress(modelData.address)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
ContactDetailLayout {
|
||
Layout.fillWidth: true
|
||
label: qsTr("Autres actions")
|
||
content: ColumnLayout {
|
||
width: parent.width
|
||
IconLabelButton {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 50 * DefaultStyle.dp
|
||
iconSize: 24 * DefaultStyle.dp
|
||
iconSource: AppIcons.pencil
|
||
text: qsTr("Éditer")
|
||
onClicked: mainItem.editContact(mainItem.selectedContact)
|
||
visible: !mainItem.selectedContact?.core.readOnly
|
||
}
|
||
Rectangle {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 1 * DefaultStyle.dp
|
||
color: DefaultStyle.main2_200
|
||
}
|
||
IconLabelButton {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 50 * DefaultStyle.dp
|
||
iconSize: 24 * DefaultStyle.dp
|
||
iconSource: mainItem.selectedContact && mainItem.selectedContact.core.starred ? AppIcons.heartFill : AppIcons.heart
|
||
text: mainItem.selectedContact && mainItem.selectedContact.core.starred ? qsTr("Retirer des favoris") : qsTr("Ajouter aux favoris")
|
||
onClicked: if (mainItem.selectedContact) mainItem.selectedContact.core.lSetStarred(!mainItem.selectedContact.core.starred)
|
||
}
|
||
Rectangle {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 1 * DefaultStyle.dp
|
||
color: DefaultStyle.main2_200
|
||
}
|
||
IconLabelButton {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 50 * DefaultStyle.dp
|
||
iconSize: 24 * DefaultStyle.dp
|
||
iconSource: AppIcons.shareNetwork
|
||
text: qsTr("Partager")
|
||
onClicked: {
|
||
if (mainItem.selectedContact) {
|
||
var vcard = mainItem.selectedContact.core.getVCard()
|
||
var username = mainItem.selectedContact.core.givenName + mainItem.selectedContact.core.familyName
|
||
var filepath = UtilsCpp.createVCardFile(username, vcard)
|
||
if (filepath == "") UtilsCpp.showInformationPopup(qsTr("Erreur"), qsTr("La création du fichier vcard a échoué"), false)
|
||
else mainWindow.showInformationPopup(qsTr("VCard créée"), qsTr("VCard du contact enregistrée dans %1").arg(filepath))
|
||
UtilsCpp.shareByEmail(qsTr("Partage de contact"), vcard, filepath)
|
||
}
|
||
}
|
||
}
|
||
Rectangle {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 1 * DefaultStyle.dp
|
||
color: DefaultStyle.main2_200
|
||
}
|
||
IconLabelButton {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 50 * DefaultStyle.dp
|
||
iconSize: 24 * DefaultStyle.dp
|
||
iconSource: AppIcons.bellSlash
|
||
text: qsTr("Mettre en sourdine")
|
||
onClicked: console.log("TODO : mute contact")
|
||
}
|
||
Rectangle {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 1 * DefaultStyle.dp
|
||
color: DefaultStyle.main2_200
|
||
}
|
||
IconLabelButton {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 50 * DefaultStyle.dp
|
||
iconSize: 24 * DefaultStyle.dp
|
||
iconSource: AppIcons.empty
|
||
text: qsTr("Bloquer")
|
||
onClicked: console.log("TODO : block contact")
|
||
}
|
||
Rectangle {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 1 * DefaultStyle.dp
|
||
color: DefaultStyle.main2_200
|
||
}
|
||
IconLabelButton {
|
||
Layout.fillWidth: true
|
||
Layout.preferredHeight: 50 * DefaultStyle.dp
|
||
iconSize: 24 * DefaultStyle.dp
|
||
iconSource: AppIcons.trashCan
|
||
color: DefaultStyle.danger_500main
|
||
text: qsTr("Supprimer ce contact")
|
||
visible: !mainItem.selectedContact?.core.readOnly
|
||
onClicked: {
|
||
mainItem.deleteContact(contact)
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
Item{
|
||
Layout.fillHeight: true
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
Component {
|
||
id: contactEdition
|
||
ContactEdition {
|
||
property string objectName: "contactEdition"
|
||
onCloseEdition: {
|
||
if (rightPanelStackView.depth <= 1) rightPanelStackView.clear()
|
||
else rightPanelStackView.pop(Control.StackView.Immediate)
|
||
}
|
||
}
|
||
}
|
||
}
|