mirror of
https://github.com/Nheko-Reborn/nheko.git
synced 2024-11-26 21:18:48 +03:00
Clean up UserProfile a bit
This commit is contained in:
Nicolas Werner
parent
f6a47ce72f
commit
b934cf329c
1 changed files with 158 additions and 212 deletions
|
|
@ -13,13 +13,14 @@ ApplicationWindow{
|
||||||
id: userProfileDialog
|
id: userProfileDialog
|
||||||
height: 650
|
height: 650
|
||||||
width: 420
|
width: 420
|
||||||
|
minimumHeight: 420
|
||||||
|
|
||||||
modality: Qt.WindowModal
|
modality: Qt.WindowModal
|
||||||
Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
|
|
||||||
palette: colors
|
palette: colors
|
||||||
|
|
||||||
Connections{
|
Connections{
|
||||||
target: deviceVerificationList
|
target: deviceVerificationList
|
||||||
onUpdateProfile: {
|
function onUpdateProfile() {
|
||||||
profile.fetchDeviceList(profile.userid)
|
profile.fetchDeviceList(profile.userid)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -33,226 +34,171 @@ ApplicationWindow{
|
||||||
DeviceVerificationFlow {}
|
DeviceVerificationFlow {}
|
||||||
}
|
}
|
||||||
|
|
||||||
Item{
|
ColumnLayout{
|
||||||
id: userProfileItem
|
id: contentL
|
||||||
width: userProfileDialog.width
|
|
||||||
height: userProfileDialog.height
|
|
||||||
|
|
||||||
// Layout.fillHeight : true
|
anchors.fill: parent
|
||||||
|
anchors.margins: 10
|
||||||
|
|
||||||
ColumnLayout{
|
spacing: 10
|
||||||
anchors.fill: userProfileItem
|
|
||||||
width: userProfileDialog.width
|
|
||||||
spacing: 10
|
|
||||||
|
|
||||||
Avatar {
|
Avatar {
|
||||||
url: profile.avatarUrl.replace("mxc://", "image://MxcImage/")
|
url: profile.avatarUrl.replace("mxc://", "image://MxcImage/")
|
||||||
height: 130
|
height: 130
|
||||||
width: 130
|
width: 130
|
||||||
displayName: profile.displayName
|
displayName: profile.displayName
|
||||||
userid: profile.userid
|
userid: profile.userid
|
||||||
Layout.alignment: Qt.AlignHCenter
|
Layout.alignment: Qt.AlignHCenter
|
||||||
Layout.margins : {
|
}
|
||||||
top: 10
|
|
||||||
|
Label {
|
||||||
|
text: profile.displayName
|
||||||
|
fontSizeMode: Text.HorizontalFit
|
||||||
|
font.pixelSize: 20
|
||||||
|
color: TimelineManager.userColor(profile.userid, colors.window)
|
||||||
|
font.bold: true
|
||||||
|
Layout.alignment: Qt.AlignHCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
MatrixText {
|
||||||
|
text: profile.userid
|
||||||
|
font.pixelSize: 15
|
||||||
|
Layout.alignment: Qt.AlignHCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
Button {
|
||||||
|
id: verifyUserButton
|
||||||
|
text: "Verify"
|
||||||
|
Layout.alignment: Qt.AlignHCenter
|
||||||
|
enabled: profile.isUserVerified?false:true
|
||||||
|
visible: profile.isUserVerified?false:true
|
||||||
|
|
||||||
|
onClicked: {
|
||||||
|
var newFlow = profile.createFlow(true);
|
||||||
|
newFlow.userId = profile.userid;
|
||||||
|
newFlow.sender = true;
|
||||||
|
deviceVerificationList.add(newFlow.tranId);
|
||||||
|
var dialog = deviceVerificationDialog.createObject(userProfileDialog, {flow: newFlow,isRequest: true,tran_id: newFlow.tranId});
|
||||||
|
dialog.show();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
RowLayout {
|
||||||
|
Layout.alignment: Qt.AlignHCenter
|
||||||
|
spacing: 8
|
||||||
|
|
||||||
|
ImageButton {
|
||||||
|
image:":/icons/icons/ui/do-not-disturb-rounded-sign.png"
|
||||||
|
hoverEnabled: true
|
||||||
|
ToolTip.visible: hovered
|
||||||
|
ToolTip.text: qsTr("Ban the user")
|
||||||
|
onClicked : {
|
||||||
|
profile.banUser()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// ImageButton{
|
||||||
Label {
|
// image:":/icons/icons/ui/volume-off-indicator.png"
|
||||||
text: profile.displayName
|
// Layout.margins: {
|
||||||
fontSizeMode: Text.HorizontalFit
|
// left: 5
|
||||||
font.pixelSize: 20
|
// right: 5
|
||||||
color: TimelineManager.userColor(profile.userid, colors.window)
|
// }
|
||||||
font.bold: true
|
// ToolTip.visible: hovered
|
||||||
Layout.alignment: Qt.AlignHCenter
|
// ToolTip.text: qsTr("Ignore messages from this user")
|
||||||
}
|
// onClicked : {
|
||||||
|
// profile.ignoreUser()
|
||||||
TextEdit {
|
// }
|
||||||
text: profile.userid
|
// }
|
||||||
selectByMouse: true
|
ImageButton{
|
||||||
font.pixelSize: 15
|
image:":/icons/icons/ui/black-bubble-speech.png"
|
||||||
color: colors.text
|
hoverEnabled: true
|
||||||
Layout.alignment: Qt.AlignHCenter
|
ToolTip.visible: hovered
|
||||||
}
|
ToolTip.text: qsTr("Start a private chat")
|
||||||
|
onClicked : {
|
||||||
Button {
|
profile.startChat()
|
||||||
id: verifyUserButton
|
|
||||||
text: "Verify"
|
|
||||||
Layout.alignment: Qt.AlignHCenter
|
|
||||||
enabled: profile.isUserVerified?false:true
|
|
||||||
visible: profile.isUserVerified?false:true
|
|
||||||
palette {
|
|
||||||
button: "white"
|
|
||||||
}
|
|
||||||
contentItem: Text {
|
|
||||||
text: verifyUserButton.text
|
|
||||||
color: "black"
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
}
|
|
||||||
onClicked: {
|
|
||||||
var newFlow = profile.createFlow(true);
|
|
||||||
newFlow.userId = profile.userid;
|
|
||||||
newFlow.sender = true;
|
|
||||||
deviceVerificationList.add(newFlow.tranId);
|
|
||||||
var dialog = deviceVerificationDialog.createObject(userProfileDialog, {flow: newFlow,isRequest: true,tran_id: newFlow.tranId});
|
|
||||||
dialog.show();
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
ImageButton{
|
||||||
RowLayout {
|
image:":/icons/icons/ui/round-remove-button.png"
|
||||||
Layout.alignment: Qt.AlignHCenter
|
hoverEnabled: true
|
||||||
ImageButton {
|
ToolTip.visible: hovered
|
||||||
image:":/icons/icons/ui/do-not-disturb-rounded-sign.png"
|
ToolTip.text: qsTr("Kick the user")
|
||||||
Layout.margins: {
|
onClicked : {
|
||||||
left: 5
|
profile.kickUser()
|
||||||
right: 5
|
|
||||||
}
|
|
||||||
ToolTip.visible: hovered
|
|
||||||
ToolTip.text: qsTr("Ban the user")
|
|
||||||
onClicked : {
|
|
||||||
profile.banUser()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// ImageButton{
|
|
||||||
// image:":/icons/icons/ui/volume-off-indicator.png"
|
|
||||||
// Layout.margins: {
|
|
||||||
// left: 5
|
|
||||||
// right: 5
|
|
||||||
// }
|
|
||||||
// ToolTip.visible: hovered
|
|
||||||
// ToolTip.text: qsTr("Ignore messages from this user")
|
|
||||||
// onClicked : {
|
|
||||||
// profile.ignoreUser()
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
ImageButton{
|
|
||||||
image:":/icons/icons/ui/black-bubble-speech.png"
|
|
||||||
Layout.margins: {
|
|
||||||
left: 5
|
|
||||||
right: 5
|
|
||||||
}
|
|
||||||
ToolTip.visible: hovered
|
|
||||||
ToolTip.text: qsTr("Start a private chat")
|
|
||||||
onClicked : {
|
|
||||||
profile.startChat()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ImageButton{
|
|
||||||
image:":/icons/icons/ui/round-remove-button.png"
|
|
||||||
Layout.margins: {
|
|
||||||
left: 5
|
|
||||||
right: 5
|
|
||||||
}
|
|
||||||
ToolTip.visible: hovered
|
|
||||||
ToolTip.text: qsTr("Kick the user")
|
|
||||||
onClicked : {
|
|
||||||
profile.kickUser()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ScrollView {
|
|
||||||
implicitHeight: userProfileDialog.height/2-13
|
|
||||||
implicitWidth: userProfileDialog.width-20
|
|
||||||
clip: true
|
|
||||||
Layout.alignment: Qt.AlignHCenter
|
|
||||||
|
|
||||||
ListView{
|
|
||||||
id: devicelist
|
|
||||||
anchors.fill: parent
|
|
||||||
clip: true
|
|
||||||
spacing: 4
|
|
||||||
|
|
||||||
model: profile.deviceList
|
|
||||||
|
|
||||||
delegate: RowLayout{
|
|
||||||
width: parent.width
|
|
||||||
Layout.margins : {
|
|
||||||
top : 50
|
|
||||||
}
|
|
||||||
ColumnLayout{
|
|
||||||
Text{
|
|
||||||
Layout.fillWidth: true
|
|
||||||
color: colors.text
|
|
||||||
font.bold: true
|
|
||||||
Layout.alignment: Qt.AlignLeft
|
|
||||||
text: model.deviceId
|
|
||||||
}
|
|
||||||
Text{
|
|
||||||
Layout.fillWidth: true
|
|
||||||
color:colors.text
|
|
||||||
Layout.alignment: Qt.AlignRight
|
|
||||||
text: model.deviceName
|
|
||||||
}
|
|
||||||
}
|
|
||||||
RowLayout{
|
|
||||||
Image{
|
|
||||||
Layout.preferredWidth: 20
|
|
||||||
Layout.preferredHeight: 20
|
|
||||||
source: ((model.verificationStatus == VerificationStatus.VERIFIED)?"image://colorimage/:/icons/icons/ui/lock.png?green":
|
|
||||||
((model.verificationStatus == VerificationStatus.UNVERIFIED)?"image://colorimage/:/icons/icons/ui/unlock.png?yellow":
|
|
||||||
"image://colorimage/:/icons/icons/ui/unlock.png?red"))
|
|
||||||
}
|
|
||||||
Button{
|
|
||||||
id: verifyButton
|
|
||||||
text:(model.verificationStatus != VerificationStatus.VERIFIED)?"Verify":"Unverify"
|
|
||||||
onClicked: {
|
|
||||||
var newFlow = profile.createFlow(false);
|
|
||||||
newFlow.userId = profile.userid;
|
|
||||||
newFlow.sender = true;
|
|
||||||
newFlow.deviceId = model.deviceId;
|
|
||||||
if(model.verificationStatus == VerificationStatus.VERIFIED){
|
|
||||||
newFlow.unverify();
|
|
||||||
deviceVerificationList.updateProfile(newFlow.userId);
|
|
||||||
}else{
|
|
||||||
deviceVerificationList.add(newFlow.tranId);
|
|
||||||
var dialog = deviceVerificationDialog.createObject(userProfileDialog, {flow: newFlow,isRequest:false,tran_id: newFlow.tranId});
|
|
||||||
dialog.show();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Layout.margins:{
|
|
||||||
right: 10
|
|
||||||
}
|
|
||||||
palette {
|
|
||||||
button: "white"
|
|
||||||
}
|
|
||||||
contentItem: Text {
|
|
||||||
text: verifyButton.text
|
|
||||||
color: "black"
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Button{
|
|
||||||
id: okbutton
|
|
||||||
text:"OK"
|
|
||||||
onClicked: userProfileDialog.close()
|
|
||||||
|
|
||||||
Layout.alignment: Qt.AlignRight | Qt.AlignBottom
|
|
||||||
|
|
||||||
Layout.margins : {
|
|
||||||
right : 10
|
|
||||||
bottom: 5
|
|
||||||
}
|
|
||||||
|
|
||||||
palette {
|
|
||||||
button: "white"
|
|
||||||
}
|
|
||||||
|
|
||||||
contentItem: Text {
|
|
||||||
text: okbutton.text
|
|
||||||
color: "black"
|
|
||||||
horizontalAlignment: Text.AlignHCenter
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Item { Layout.fillHeight: true }
|
ListView{
|
||||||
|
id: devicelist
|
||||||
|
|
||||||
|
Layout.fillHeight: true
|
||||||
|
Layout.minimumHeight: 200
|
||||||
|
Layout.fillWidth: true
|
||||||
|
|
||||||
|
clip: true
|
||||||
|
spacing: 8
|
||||||
|
boundsBehavior: Flickable.StopAtBounds
|
||||||
|
|
||||||
|
model: profile.deviceList
|
||||||
|
|
||||||
|
delegate: RowLayout{
|
||||||
|
width: parent.width
|
||||||
|
spacing: 4
|
||||||
|
|
||||||
|
ColumnLayout{
|
||||||
|
spacing: 0
|
||||||
|
Text{
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Layout.alignment: Qt.AlignLeft
|
||||||
|
|
||||||
|
elide: Text.ElideRight
|
||||||
|
color: colors.text
|
||||||
|
font.bold: true
|
||||||
|
text: model.deviceId
|
||||||
|
}
|
||||||
|
Text{
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Layout.alignment: Qt.AlignRight
|
||||||
|
|
||||||
|
elide: Text.ElideRight
|
||||||
|
color:colors.text
|
||||||
|
text: model.deviceName
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Image{
|
||||||
|
Layout.preferredHeight: 16
|
||||||
|
Layout.preferredWidth: 16
|
||||||
|
|
||||||
|
source: ((model.verificationStatus == VerificationStatus.VERIFIED)?"image://colorimage/:/icons/icons/ui/lock.png?green":
|
||||||
|
((model.verificationStatus == VerificationStatus.UNVERIFIED)?"image://colorimage/:/icons/icons/ui/unlock.png?yellow":
|
||||||
|
"image://colorimage/:/icons/icons/ui/unlock.png?red"))
|
||||||
|
}
|
||||||
|
Button{
|
||||||
|
id: verifyButton
|
||||||
|
text: (model.verificationStatus != VerificationStatus.VERIFIED)?"Verify":"Unverify"
|
||||||
|
onClicked: {
|
||||||
|
var newFlow = profile.createFlow(false);
|
||||||
|
newFlow.userId = profile.userid;
|
||||||
|
newFlow.sender = true;
|
||||||
|
newFlow.deviceId = model.deviceId;
|
||||||
|
if(model.verificationStatus == VerificationStatus.VERIFIED){
|
||||||
|
newFlow.unverify();
|
||||||
|
deviceVerificationList.updateProfile(newFlow.userId);
|
||||||
|
}else{
|
||||||
|
deviceVerificationList.add(newFlow.tranId);
|
||||||
|
var dialog = deviceVerificationDialog.createObject(userProfileDialog, {flow: newFlow,isRequest:false,tran_id: newFlow.tranId});
|
||||||
|
dialog.show();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
footer: DialogButtonBox {
|
||||||
|
standardButtons: DialogButtonBox.Ok
|
||||||
|
|
||||||
|
onAccepted: userProfileDialog.close()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue