matrixion/resources/qml/UserProfile.qml

171 lines
5.2 KiB
QML
Raw Normal View History

2020-05-17 16:34:47 +03:00
import QtQuick 2.9
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.2
import QtQuick.Window 2.3
2020-05-22 08:47:02 +03:00
import im.nheko 1.0
import "./device-verification"
2020-05-17 16:34:47 +03:00
ApplicationWindow{
property var user_data
property var colors: currentActivePalette
id:userProfileDialog
height: 500
width: 400
2020-05-17 16:34:47 +03:00
modality:Qt.WindowModal
Layout.alignment: Qt.AlignHCenter
palette: colors
2020-05-27 11:49:26 +03:00
UserProfileList{
id: userProfileList
userId: user_data.userId
onUserIdChanged : {
userProfileList.updateDeviceList()
}
onDeviceListUpdated : {
modelDeviceList.deviceList = userProfileList
}
2020-05-17 16:34:47 +03:00
}
Component {
id: deviceVerificationDialog
DeviceVerification {}
}
Component{
id: deviceVerificationFlow
DeviceVerificationFlow {}
}
2020-05-17 16:34:47 +03:00
background: Item{
id: userProfileItem
width: userProfileDialog.width
height: userProfileDialog.height
anchors.margins: {
top:20
}
ColumnLayout{
anchors.fill: userProfileItem
width: userProfileDialog.width
spacing: 10
Avatar{
id: userProfileAvatar
2020-05-27 11:49:26 +03:00
url:chat.model.avatarUrl(user_data.userId).replace("mxc://", "image://MxcImage/")
2020-05-17 16:34:47 +03:00
height: 130
width: 130
displayName: modelData.userName
2020-06-24 17:24:22 +03:00
userid: modelData.userId
2020-05-17 16:34:47 +03:00
Layout.alignment: Qt.AlignHCenter
}
Label{
id: userProfileName
2020-05-27 11:49:26 +03:00
text: user_data.userName
2020-05-17 16:34:47 +03:00
fontSizeMode: Text.HorizontalFit
font.pixelSize: 16
2020-06-24 17:24:22 +03:00
color:TimelineManager.userColor(modelData.userId, colors.window)
font.bold: true
2020-05-17 16:34:47 +03:00
Layout.alignment: Qt.AlignHCenter
}
Label{
id: matrixUserID
2020-05-27 11:49:26 +03:00
text: user_data.userId
2020-05-17 16:34:47 +03:00
fontSizeMode: Text.HorizontalFit
font.pixelSize: 16
color:colors.text
2020-05-17 16:34:47 +03:00
Layout.alignment: Qt.AlignHCenter
}
ScrollView {
implicitHeight: userProfileDialog.height/2+20
implicitWidth: userProfileDialog.width-20
clip: true
Layout.alignment: Qt.AlignHCenter
2020-05-27 11:49:26 +03:00
ListView{
id: deviceList
anchors.fill: parent
clip: true
spacing: 10
model: UserProfileModel{
id: modelDeviceList
}
delegate: RowLayout{
width: parent.width
ColumnLayout{
Text{
Layout.fillWidth: true
color: colors.text
font.bold: true
Layout.alignment: Qt.AlignRight
text: deviceID
}
Text{
Layout.fillWidth: true
color:colors.text
Layout.alignment: Qt.AlignRight
text: displayName
}
2020-05-27 11:49:26 +03:00
}
Button{
id: verifyButton
text:"Verify"
onClicked: {
var newFlow = deviceVerificationFlow.createObject(userProfileDialog,
{userId : user_data.userId,sender: true,deviceId : model.deviceID});
deviceVerificationList.add(newFlow.tranId);
var dialog = deviceVerificationDialog.createObject(userProfileDialog,
{flow: newFlow});
dialog.show();
}
palette {
button: "white"
}
contentItem: Text {
text: verifyButton.text
color: "black"
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
2020-05-27 11:49:26 +03:00
}
}
2020-05-17 16:34:47 +03:00
}
}
Button{
id: okbutton
2020-05-17 16:34:47 +03:00
text:"OK"
onClicked: userProfileDialog.close()
anchors {
right: parent.right
bottom: parent.bottom
}
anchors.margins : {
right : 10
bottom : 10
}
palette {
button: "white"
2020-05-17 16:34:47 +03:00
}
contentItem: Text {
text: okbutton.text
color: "black"
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
2020-05-17 16:34:47 +03:00
}
}
Item { Layout.fillHeight: true }
}
}