82b5d6a008
fixes: 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
574 lines
16 KiB
QML
574 lines
16 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)
|
|
}
|
|
|
|
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
|
|
}
|
|
}
|
|
}
|
|
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
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
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.allAdresses : []
|
|
}
|
|
// 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
|
|
contentItem: Image {
|
|
anchors.fill: parent
|
|
source: AppIcons.phone
|
|
width: 24 * DefaultStyle.dp
|
|
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
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
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()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// 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)
|
|
}
|
|
}
|
|
}
|
|
}
|