a2154a6c7b
contact list generic VariantList FriendModel resetAddresses check null default account address list update on save generic item for white background lists ui fix set photo friend protect friendmodel setters remove main splitview to stick to the mock-up (keeping it commented cause it may be useful to be able to resize the panels) default image avatar fix crash when address not set fix ui in call Really fix call variantobject destroying himself before call started fix: display suggestions fix list view current item always reset cause updated every time contact history list changed fix blinking call log list view on content changed fix popup button popup y when exceed window delete contact confirmation popup fix popup call contact list don't show popup if only one address possible set/remove default address if append/remove from address list
594 lines
17 KiB
QML
594 lines
17 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Effects
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls as Control
|
|
import Linphone
|
|
import UtilsCpp 1.0
|
|
|
|
AbstractMainPage {
|
|
id: mainItem
|
|
noItemButtonText: qsTr("Ajouter un contact")
|
|
emptyListText: qsTr("Aucun contact pour le moment")
|
|
newItemIconSource: AppIcons.newCall
|
|
|
|
// disable left panel contact list interaction while a contact is being edited
|
|
property bool leftPanelEnabled: true
|
|
property FriendGui selectedContact
|
|
signal forceListsUpdate()
|
|
|
|
onNoItemButtonPressed: createNewContact()
|
|
|
|
function createNewContact() {
|
|
console.debug("[ContactPage]User: create new contact")
|
|
var friendGui = Qt.createQmlObject('import Linphone
|
|
FriendGui{
|
|
}', contactDetail)
|
|
rightPanelStackView.replace(editContact, {"contact": friendGui, "title": qsTr("Nouveau contact"), "saveButtonText": qsTr("Créer")})
|
|
}
|
|
|
|
showDefaultItem: contactList.model.sourceModel.count === 0
|
|
|
|
function goToNewCall() {
|
|
listStackView.replace(newCallItem)
|
|
}
|
|
|
|
Dialog {
|
|
id: dialog
|
|
property var contact
|
|
text: (contact ? contact.core.displayName : "Contact") + " is about to be deleted. Do you want to continue ?"
|
|
onAccepted: contact.core.remove()
|
|
}
|
|
|
|
leftPanelContent: ColumnLayout {
|
|
id: leftPanel
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
property int sideMargin: 25 * DefaultStyle.dp
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: leftPanel.sideMargin
|
|
Layout.rightMargin: leftPanel.sideMargin
|
|
|
|
Text {
|
|
text: qsTr("Contacts")
|
|
color: DefaultStyle.main2_700
|
|
font.pixelSize: 29 * DefaultStyle.dp
|
|
font.weight: 800 * DefaultStyle.dp
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
Control.Button {
|
|
|
|
background: Item {
|
|
visible: false
|
|
}
|
|
contentItem: Image {
|
|
source: AppIcons.plusCircle
|
|
width: 30 * DefaultStyle.dp
|
|
sourceSize.width: 30 * DefaultStyle.dp
|
|
fillMode: Image.PreserveAspectFit
|
|
}
|
|
onClicked: {
|
|
mainItem.createNewContact()
|
|
}
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.topMargin: 30 * DefaultStyle.dp
|
|
Layout.leftMargin: leftPanel.sideMargin
|
|
enabled: mainItem.leftPanelEnabled
|
|
SearchBar {
|
|
id: searchBar
|
|
Layout.rightMargin: leftPanel.sideMargin
|
|
Layout.fillWidth: true
|
|
placeholderText: qsTr("Rechercher un contact")
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Control.ScrollBar {
|
|
id: contactsScrollbar
|
|
active: true
|
|
interactive: true
|
|
policy: Control.ScrollBar.AsNeeded
|
|
// Layout.fillWidth: true
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
// Layout.alignment: Qt.AlignRight
|
|
// x: mainItem.x + mainItem.width - width
|
|
// anchors.left: control.right
|
|
}
|
|
Control.ScrollView {
|
|
id: listLayout
|
|
anchors.fill: parent
|
|
Layout.leftMargin: leftPanel.sideMargin
|
|
Layout.rightMargin: leftPanel.sideMargin
|
|
Layout.topMargin: 25 * DefaultStyle.dp
|
|
rightPadding: leftPanel.sideMargin
|
|
contentWidth: width - leftPanel.sideMargin
|
|
contentHeight: content.height
|
|
clip: true
|
|
Control.ScrollBar.vertical: contactsScrollbar
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
width: parent.width
|
|
// anchors.fill: parent
|
|
spacing: 15 * DefaultStyle.dp
|
|
Text {
|
|
text: qsTr("Aucun contact")
|
|
font {
|
|
pixelSize: 16 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
visible: contactList.count === 0 && favoriteList.count === 0
|
|
Layout.alignment: Qt.AlignHCenter
|
|
}
|
|
ColumnLayout {
|
|
visible: favoriteList.count > 0
|
|
RowLayout {
|
|
Text {
|
|
text: qsTr("Favoris")
|
|
font {
|
|
pixelSize: 16 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
Button {
|
|
background: Item{}
|
|
contentItem: Image {
|
|
source: favoriteList.visible ? AppIcons.upArrow : AppIcons.downArrow
|
|
}
|
|
onClicked: favoriteList.visible = !favoriteList.visible
|
|
}
|
|
}
|
|
ContactsList{
|
|
id: favoriteList
|
|
hoverEnabled: mainItem.leftPanelEnabled
|
|
Layout.fillWidth: true
|
|
onContactStarredChanged: contactList.model.forceUpdate()
|
|
Connections {
|
|
target: mainItem
|
|
onForceListsUpdate: {
|
|
contactList.model.forceUpdate()
|
|
}
|
|
}
|
|
model: MagicSearchProxy {
|
|
searchText: searchBar.text.length === 0 ? "*" : searchBar.text
|
|
sourceFlags: LinphoneEnums.MagicSearchSource.FavoriteFriends
|
|
aggregationFlag: LinphoneEnums.MagicSearchAggregation.Friend
|
|
}
|
|
onSelectedContactChanged: {
|
|
if (selectedContact) {
|
|
contactList.currentIndex = -1
|
|
}
|
|
mainItem.selectedContact = selectedContact
|
|
}
|
|
onContactDeletionRequested: (contact) => {
|
|
dialog.contact = contact
|
|
dialog.open()
|
|
}
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
visible: contactList.count > 0
|
|
RowLayout {
|
|
Text {
|
|
text: qsTr("All contacts")
|
|
font {
|
|
pixelSize: 16 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
Button {
|
|
background: Item{}
|
|
contentItem: Image {
|
|
source: contactList.visible ? AppIcons.upArrow : AppIcons.downArrow
|
|
}
|
|
onClicked: contactList.visible = !contactList.visible
|
|
}
|
|
}
|
|
ContactsList{
|
|
id: contactList
|
|
hoverEnabled: mainItem.leftPanelEnabled
|
|
Layout.fillWidth: true
|
|
searchBarText: searchBar.text
|
|
onContactStarredChanged: favoriteList.model.forceUpdate()
|
|
Connections {
|
|
target: mainItem
|
|
onForceListsUpdate: {
|
|
contactList.model.forceUpdate()
|
|
}
|
|
}
|
|
onSelectedContactChanged: {
|
|
if (selectedContact) {
|
|
favoriteList.currentIndex = -1
|
|
}
|
|
mainItem.selectedContact = selectedContact
|
|
}
|
|
onContactDeletionRequested: (contact) => {
|
|
dialog.contact = contact
|
|
dialog.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
rightPanelContent: Control.StackView {
|
|
id: rightPanelStackView
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
initialItem: contactDetail
|
|
Binding {
|
|
mainItem.showDefaultItem: false
|
|
when: rightPanelStackView.currentItem.objectName == "contactEdition"
|
|
restoreMode: Binding.RestoreBinding
|
|
}
|
|
}
|
|
Component {
|
|
id: contactDetail
|
|
RowLayout {
|
|
visible: mainItem.selectedContact != undefined
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Control.StackView.onActivated:
|
|
mainItem.leftPanelEnabled = true
|
|
Control.StackView.onDeactivated: mainItem.leftPanelEnabled = false
|
|
ContactLayout {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Layout.alignment: Qt.AlignLeft | Qt.AlignTop
|
|
Layout.topMargin: 45 * DefaultStyle.dp
|
|
Layout.leftMargin: 74 * DefaultStyle.dp
|
|
contact: mainItem.selectedContact
|
|
Layout.preferredWidth: 360 * DefaultStyle.dp
|
|
buttonContent: Button {
|
|
width: 24 * DefaultStyle.dp
|
|
height: 24 * DefaultStyle.dp
|
|
background: Item{}
|
|
contentItem: Image {
|
|
anchors.fill: parent
|
|
source: AppIcons.pencil
|
|
}
|
|
onClicked: rightPanelStackView.replace(editContact, Control.StackView.Immediate)
|
|
}
|
|
detailContent: ColumnLayout {
|
|
Layout.fillWidth: false
|
|
Layout.preferredWidth: 360 * DefaultStyle.dp
|
|
spacing: 32 * DefaultStyle.dp
|
|
ColumnLayout {
|
|
spacing: 15 * DefaultStyle.dp
|
|
Text {
|
|
text: qsTr("Informations")
|
|
font {
|
|
pixelSize: 16 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
}
|
|
|
|
RoundedBackgroundControl {
|
|
Layout.preferredHeight: Math.min(226 * DefaultStyle.dp, addrList.contentHeight + topPadding + bottomPadding)
|
|
height: Math.min(226 * DefaultStyle.dp, addrList.contentHeight)
|
|
Layout.fillWidth: true
|
|
contentItem: ListView {
|
|
id: addrList
|
|
width: 360 * DefaultStyle.dp
|
|
height: contentHeight
|
|
clip: true
|
|
model: VariantList {
|
|
model: mainItem.selectedContact ? mainItem.selectedContact.core.allAddresses : []
|
|
}
|
|
// model: contactDetail.selectedContact && contactDetail.selectedContact.core.addresses
|
|
delegate: Item {
|
|
width: addrList.width
|
|
height: 70 * 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
|
|
// TODO change with domain
|
|
text: modelData.label
|
|
font {
|
|
pixelSize: 13 * DefaultStyle.dp
|
|
weight: 700 * DefaultStyle.dp
|
|
}
|
|
}
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: modelData.address
|
|
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
|
|
property var callObj
|
|
contentItem: Image {
|
|
anchors.fill: parent
|
|
source: AppIcons.phone
|
|
width: 24 * DefaultStyle.dp
|
|
height: 24 * DefaultStyle.dp
|
|
}
|
|
onClicked: {
|
|
callObj = 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
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
RoundedBackgroundControl {
|
|
visible: companyText.text.length != 0 || jobText.text.length != 0
|
|
Layout.fillWidth: true
|
|
// Layout.fillHeight: true
|
|
|
|
contentItem: ColumnLayout {
|
|
// height: 100 * DefaultStyle.dp
|
|
RowLayout {
|
|
height: 50 * DefaultStyle.dp
|
|
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
|
|
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
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
visible: false
|
|
Text {
|
|
text: qsTr("Medias")
|
|
font {
|
|
pixelSize: 16 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
}
|
|
Button {
|
|
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
|
|
}
|
|
}
|
|
}
|
|
onClicked: console.debug("TODO : go to shared media")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
spacing: 10 * DefaultStyle.dp
|
|
ColumnLayout {
|
|
visible: false
|
|
RowLayout {
|
|
Text {
|
|
text: qsTr("Confiance")
|
|
font {
|
|
pixelSize: 16 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
}
|
|
}
|
|
RoundedBackgroundControl {
|
|
contentItem: ColumnLayout {
|
|
Text {
|
|
text: qsTr("Niveau de confiance - Appareils vérifiés")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
Text {
|
|
text: qsTr("Other actions")
|
|
font {
|
|
pixelSize: 16 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
}
|
|
RoundedBackgroundControl {
|
|
Layout.preferredWidth: 360 * DefaultStyle.dp
|
|
contentItem: ColumnLayout {
|
|
width: parent.width
|
|
|
|
IconLabelButton {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 50 * DefaultStyle.dp
|
|
iconSize: 24 * DefaultStyle.dp
|
|
iconSource: AppIcons.pencil
|
|
text: qsTr("Edit")
|
|
onClicked: rightPanelStackView.replace(editContact, Control.StackView.Immediate)
|
|
}
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 1 * DefaultStyle.dp
|
|
color: DefaultStyle.main2_200
|
|
}
|
|
IconLabelButton {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
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("Remove from favourites") : qsTr("Add to favourites")
|
|
onClicked: if (mainItem.selectedContact) mainItem.selectedContact.core.lSetStarred(!mainItem.selectedContact.core.starred)
|
|
}
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 1 * DefaultStyle.dp
|
|
color: DefaultStyle.main2_200
|
|
}
|
|
IconLabelButton {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 50 * DefaultStyle.dp
|
|
iconSize: 24 * DefaultStyle.dp
|
|
iconSource: AppIcons.shareNetwork
|
|
text: qsTr("Share")
|
|
onClicked: console.log("TODO : share contact")
|
|
}
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 1 * DefaultStyle.dp
|
|
color: DefaultStyle.main2_200
|
|
}
|
|
IconLabelButton {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 50 * DefaultStyle.dp
|
|
iconSize: 24 * DefaultStyle.dp
|
|
iconSource: AppIcons.bellSlash
|
|
text: qsTr("Mute")
|
|
onClicked: console.log("TODO : mute contact")
|
|
}
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 1 * DefaultStyle.dp
|
|
color: DefaultStyle.main2_200
|
|
}
|
|
IconLabelButton {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 50 * DefaultStyle.dp
|
|
iconSize: 24 * DefaultStyle.dp
|
|
iconSource: AppIcons.empty
|
|
text: qsTr("Block")
|
|
onClicked: console.log("TODO : block contact")
|
|
}
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 1 * DefaultStyle.dp
|
|
color: DefaultStyle.main2_200
|
|
}
|
|
IconLabelButton {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 15 * DefaultStyle.dp
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
Layout.preferredHeight: 50 * DefaultStyle.dp
|
|
iconSize: 24 * DefaultStyle.dp
|
|
iconSource: AppIcons.trashCan
|
|
color: DefaultStyle.danger_500main
|
|
text: qsTr("Delete this contact")
|
|
onClicked: {
|
|
// mainItem.selectedContact.core.remove()
|
|
dialog.contact = mainItem.selectedContact
|
|
dialog.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// TODO : find device by friend
|
|
}
|
|
}
|
|
}
|
|
Component {
|
|
id: editContact
|
|
ContactEdition {
|
|
id: contactEdition
|
|
property string objectName: "contactEdition"
|
|
contact: mainItem.selectedContact
|
|
onCloseEdition: {
|
|
mainItem.forceListsUpdate()
|
|
rightPanelStackView.replace(contactDetail, Control.StackView.Immediate)
|
|
}
|
|
}
|
|
}
|
|
}
|