| /* |
| * Copyright (C) 2019-2020 by Savoir-faire Linux |
| * Author: Yang Wang <yang.wang@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 <http://www.gnu.org/licenses/>. |
| */ |
| |
| import QtQuick 2.15 |
| import QtQuick.Window 2.15 |
| import QtQuick.Controls 2.15 |
| import QtQuick.Controls.Universal 2.12 |
| import QtQuick.Layouts 1.3 |
| import QtGraphicalEffects 1.14 |
| import QtQuick.Controls.Styles 1.4 |
| import net.jami.Models 1.0 |
| |
| import "../../commoncomponents" |
| |
| ItemDelegate { |
| id: deviceItemDelegate |
| |
| property string contactName : "" |
| property string contactID: "" |
| property string contactPicture_base64:"" |
| |
| signal btnReAddContactClicked |
| |
| function btnReAddContactEnter(){ |
| btnReAddContact.enterBtn() |
| } |
| |
| function btnReAddContactExit(){ |
| btnReAddContact.exitBtn() |
| } |
| |
| function btnReAddContactPress(){ |
| btnReAddContact.pressBtn() |
| } |
| |
| function btnReAddContactRelease(){ |
| btnReAddContact.releaseBtn() |
| } |
| |
| highlighted: ListView.isCurrentItem |
| |
| RowLayout{ |
| anchors.fill: parent |
| |
| spacing: 8 |
| |
| Label{ |
| id: labelContactAvatar |
| |
| Layout.alignment: Qt.AlignVCenter |
| |
| Layout.leftMargin: 16 |
| Layout.rightMargin: 16 |
| |
| Layout.minimumWidth: 32 |
| Layout.preferredWidth: 32 |
| Layout.maximumWidth: 32 |
| |
| Layout.minimumHeight: 32 |
| Layout.preferredHeight: 32 |
| Layout.maximumHeight: 32 |
| |
| background: Rectangle{ |
| anchors.fill: parent |
| color: "transparent" |
| Image { |
| id: avatarImg |
| |
| anchors.fill: parent |
| source: "data:image/png;base64," + contactPicture_base64 |
| fillMode: Image.PreserveAspectCrop |
| layer.enabled: true |
| layer.effect: OpacityMask { |
| maskSource: Rectangle{ |
| width: avatarImg.width |
| height: avatarImg.height |
| radius: { |
| var size = ((avatarImg.width <= avatarImg.height)? avatarImg.width:avatarImg.height) |
| return size /2 |
| } |
| } |
| } |
| } |
| } |
| } |
| |
| ColumnLayout{ |
| Layout.fillWidth: true |
| Layout.fillHeight: true |
| |
| Layout.alignment: Qt.AlignVCenter |
| |
| Label{ |
| id: labelContactName |
| |
| Layout.fillWidth: true |
| |
| Layout.minimumHeight: 24 |
| Layout.preferredHeight: 24 |
| Layout.maximumHeight: 24 |
| |
| font.pointSize: JamiTheme.textFontSize |
| font.kerning: true |
| |
| horizontalAlignment: Text.AlignLeft |
| verticalAlignment: Text.AlignVCenter |
| |
| text: labelContactNameElidedText.elidedText |
| } |
| |
| TextMetrics { |
| id: labelContactNameElidedText |
| elide: Text.ElideRight |
| elideWidth: deviceItemDelegate.width - 80 |
| text: contactName === "" ? qsTr("name") : contactName |
| } |
| |
| Label{ |
| id: labelContactId |
| |
| Layout.fillWidth: true |
| |
| Layout.minimumHeight: 24 |
| Layout.preferredHeight: 24 |
| Layout.maximumHeight: 24 |
| |
| font.pointSize: JamiTheme.textFontSize |
| font.kerning: true |
| |
| horizontalAlignment: Qt.AlignLeft |
| verticalAlignment: Qt.AlignVCenter |
| |
| text: labelContactIdElidedText.elidedText |
| } |
| |
| TextMetrics { |
| id: labelContactIdElidedText |
| elide: Text.ElideRight |
| elideWidth: deviceItemDelegate.width - 80 |
| text: contactID === "" ? qsTr("id") : contactID |
| } |
| } |
| |
| HoverableRadiusButton{ |
| id: btnReAddContact |
| |
| Layout.alignment: Qt.AlignVCenter | Qt.AlignRight |
| Layout.rightMargin: 8 |
| |
| Layout.minimumWidth: 32 |
| Layout.preferredWidth: 32 |
| Layout.maximumWidth: 32 |
| |
| Layout.minimumHeight: 32 |
| Layout.preferredHeight: 32 |
| Layout.maximumHeight: 32 |
| |
| buttonImageHeight: height - 8 |
| buttonImageWidth: width - 8 |
| |
| source: "qrc:/images/icons/ic_person_add_black_24dp_2x.png" |
| |
| radius: height / 2 |
| width: 25 |
| height: 25 |
| |
| backgroundColor: "transparent" |
| |
| ToolTip.visible: isHovering |
| ToolTip.text: qsTr("Add as contact") |
| |
| onClicked: { |
| btnReAddContactClicked() |
| } |
| } |
| } |
| } |
| |