mirror of
https://github.com/RetroShare/RetroShare.git
synced 2024-12-25 07:29:33 -05:00
Created a dedicated component for avatar image
This commit is contained in:
parent
8c62c2a326
commit
1d031910cb
76
retroshare-qml-app/src/AvatarOrColorHash.qml
Normal file
76
retroshare-qml-app/src/AvatarOrColorHash.qml
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
/*
|
||||||
|
* RetroShare Android QML App
|
||||||
|
* Copyright (C) 2017 Gioacchino Mazzurco <gio@eigenlab.org>
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU Affero 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 Affero General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU Affero General Public License
|
||||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import QtQuick 2.7
|
||||||
|
|
||||||
|
|
||||||
|
Item
|
||||||
|
{
|
||||||
|
id: compRoot
|
||||||
|
|
||||||
|
property string gxs_id
|
||||||
|
|
||||||
|
height: 130
|
||||||
|
width: height
|
||||||
|
|
||||||
|
|
||||||
|
////////////// The following should be considered privates /////////////////////
|
||||||
|
|
||||||
|
property bool has_avatar: false
|
||||||
|
property int avatarAttemptCnt: 0
|
||||||
|
function getDetails()
|
||||||
|
{
|
||||||
|
++compRoot.avatarAttemptCnt
|
||||||
|
rsApi.request(
|
||||||
|
"/identity/get_identity_details",
|
||||||
|
JSON.stringify({ gxs_id: compRoot.gxs_id }),
|
||||||
|
function(par)
|
||||||
|
{
|
||||||
|
var jData = JSON.parse(par.response).data
|
||||||
|
setDetails(jData)
|
||||||
|
if(!compRoot.has_avatar &&
|
||||||
|
compRoot.avatarAttemptCnt < 3) getDetails()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function setDetails(data)
|
||||||
|
{
|
||||||
|
compRoot.has_avatar = data.avatar.length > 0
|
||||||
|
if(compRoot.has_avatar)
|
||||||
|
{
|
||||||
|
contactAvatar.source =
|
||||||
|
"data:image/png;base64," + data.avatar
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Component.onCompleted: if(visible && !has_avatar) getDetails()
|
||||||
|
onVisibleChanged: if(visible && !has_avatar) getDetails()
|
||||||
|
|
||||||
|
Image
|
||||||
|
{
|
||||||
|
id: contactAvatar
|
||||||
|
anchors.fill: parent
|
||||||
|
visible: compRoot.has_avatar
|
||||||
|
}
|
||||||
|
|
||||||
|
ColorHash
|
||||||
|
{
|
||||||
|
anchors.fill: parent
|
||||||
|
visible: !compRoot.has_avatar
|
||||||
|
hash: compRoot.gxs_id
|
||||||
|
}
|
||||||
|
}
|
@ -26,59 +26,16 @@ Item
|
|||||||
id: cntDt
|
id: cntDt
|
||||||
property var md
|
property var md
|
||||||
property bool is_contact: cntDt.md.is_contact
|
property bool is_contact: cntDt.md.is_contact
|
||||||
property bool has_avatar: false
|
|
||||||
|
|
||||||
property int avatarAttemptCnt: 0
|
AvatarOrColorHash
|
||||||
function getDetails()
|
|
||||||
{
|
|
||||||
++cntDt.avatarAttemptCnt
|
|
||||||
rsApi.request(
|
|
||||||
"/identity/get_identity_details",
|
|
||||||
JSON.stringify({ gxs_id: cntDt.md.gxs_id }),
|
|
||||||
function(par)
|
|
||||||
{
|
|
||||||
var jData = JSON.parse(par.response).data
|
|
||||||
setDetails(jData)
|
|
||||||
if(!cntDt.has_avatar && avatarAttemptCnt < 3)
|
|
||||||
getDetails()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
function setDetails(data)
|
|
||||||
{
|
|
||||||
cntDt.has_avatar = data.avatar.length > 0
|
|
||||||
if(cntDt.has_avatar)
|
|
||||||
{
|
|
||||||
contactAvatar.source =
|
|
||||||
"data:image/png;base64," + data.avatar
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Component.onCompleted: getDetails()
|
|
||||||
|
|
||||||
Item
|
|
||||||
{
|
{
|
||||||
id: topFace
|
id: topFace
|
||||||
|
|
||||||
height: 130
|
gxs_id: cntDt.md.gxs_id
|
||||||
width: 130
|
|
||||||
|
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
anchors.topMargin: 6
|
anchors.topMargin: 6
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
|
||||||
Image
|
|
||||||
{
|
|
||||||
id: contactAvatar
|
|
||||||
anchors.fill: parent
|
|
||||||
visible: cntDt.has_avatar
|
|
||||||
}
|
|
||||||
|
|
||||||
ColorHash
|
|
||||||
{
|
|
||||||
anchors.fill: parent
|
|
||||||
visible: !cntDt.has_avatar
|
|
||||||
hash: cntDt.md.gxs_id
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Column
|
Column
|
||||||
@ -95,6 +52,13 @@ Item
|
|||||||
anchors.horizontalCenter: parent.horizontalCenter
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
spacing: 6
|
spacing: 6
|
||||||
|
|
||||||
|
ColorHash
|
||||||
|
{
|
||||||
|
hash: cntDt.md.gxs_id
|
||||||
|
height: parent.height - 10
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
}
|
||||||
|
|
||||||
Text
|
Text
|
||||||
{
|
{
|
||||||
text: cntDt.md.name
|
text: cntDt.md.name
|
||||||
@ -127,23 +91,10 @@ Item
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Row
|
Text
|
||||||
{
|
{
|
||||||
ColorHash
|
text: "<pre>"+cntDt.md.gxs_id+"</pre>"
|
||||||
{
|
|
||||||
hash: cntDt.md.gxs_id
|
|
||||||
height: 30
|
|
||||||
visible: cntDt.has_avatar
|
|
||||||
}
|
|
||||||
|
|
||||||
Text
|
|
||||||
{
|
|
||||||
text: "<pre>"+cntDt.md.gxs_id+"</pre>"
|
|
||||||
y: 5
|
|
||||||
}
|
|
||||||
|
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
spacing: 5
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Text
|
Text
|
||||||
|
@ -29,5 +29,6 @@
|
|||||||
<file>icons/rating-unrated.png</file>
|
<file>icons/rating-unrated.png</file>
|
||||||
<file>icons/rating.png</file>
|
<file>icons/rating.png</file>
|
||||||
<file>TimedPopup.qml</file>
|
<file>TimedPopup.qml</file>
|
||||||
|
<file>AvatarOrColorHash.qml</file>
|
||||||
</qresource>
|
</qresource>
|
||||||
</RCC>
|
</RCC>
|
||||||
|
Loading…
Reference in New Issue
Block a user