matrixion/resources/qml/InviteDialog.qml
Loren Burkholder 462204f3f4 Fix properties
2021-07-20 21:47:54 -04:00

223 lines
5.6 KiB
QML

// SPDX-FileCopyrightText: 2021 Nheko Contributors
//
// SPDX-License-Identifier: GPL-3.0-or-later
import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12
import im.nheko 1.0
ApplicationWindow {
id: inviteDialogRoot
property string roomId
property string roomName
property InviteesModel invitees
function addInvite() {
if (inviteeEntry.text.match("@.+?:.{3,}")) {
invitees.addUser(inviteeEntry.text);
inviteeEntry.clear();
} else {
warningLabel.show();
}
}
title: qsTr("Invite users to ") + roomName
x: MainWindow.x + (MainWindow.width / 2) - (width / 2)
y: MainWindow.y + (MainWindow.height / 2) - (height / 2)
height: 380
width: 340
// TODO: make this work in the TextField
Shortcut {
sequence: "Ctrl+Enter"
onActivated: invitees.accept()
}
Shortcut {
sequence: StandardKey.Cancel
onActivated: inviteDialogRoot.close()
}
ColumnLayout {
anchors.fill: parent
anchors.margins: 10
spacing: 10
Label {
text: qsTr("User ID to invite")
Layout.fillWidth: true
}
RowLayout {
spacing: 10
MatrixTextField {
id: inviteeEntry
backgroundColor: Nheko.colors.window
placeholderText: qsTr("@joe:matrix.org", "Example user id. The name 'joe' can be localized however you want.")
Layout.fillWidth: true
onAccepted: {
if (text !== "") {
addInvite();
}
}
Component.onCompleted: forceActiveFocus()
Shortcut {
sequence: "Ctrl+Enter"
onActivated: invitees.accept()
}
}
Button {
text: qsTr("Add")
onClicked: {
if (inviteeEntry.text !== "") {
addInvite();
}
}
}
}
Label {
id: warningLabel
function show() {
state = "shown";
warningLabelTimer.start();
}
text: qsTr("Please enter a valid username (e.g. @joe:matrix.org).")
color: "red"
visible: false
opacity: 0
state: "hidden"
states: [
State {
name: "shown"
PropertyChanges {
target: warningLabel
opacity: 1
visible: true
}
},
State {
name: "hidden"
PropertyChanges {
target: warningLabel
opacity: 0
visible: false
}
}
]
transitions: [
Transition {
from: "shown"
to: "hidden"
reversible: true
SequentialAnimation {
NumberAnimation {
target: warningLabel
property: "opacity"
duration: 500
}
PropertyAction {
target: warningLabel
property: "visible"
}
}
}
]
Timer {
id: warningLabelTimer
interval: 2000
repeat: false
running: false
onTriggered: warningLabel.state = "hidden"
}
}
ListView {
id: inviteesList
Layout.fillWidth: true
Layout.fillHeight: true
model: invitees
delegate: RowLayout {
spacing: 10
Avatar {
width: Nheko.avatarsize
height: Nheko.avatarsize
userid: model.mxid
url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
displayName: model.displayName
onClicked: TimelineManager.timeline.openUserProfile(model.mxid)
}
ColumnLayout {
spacing: 5
Label {
text: model.displayName
color: TimelineManager.userColor(model ? model.mxid : "", Nheko.colors.window)
font.pointSize: 12
}
Label {
text: model.mxid
color: Nheko.colors.buttonText
font.pointSize: 10
}
Item {
Layout.fillHeight: true
Layout.fillWidth: true
}
}
}
}
}
footer: DialogButtonBox {
id: buttons
Button {
text: qsTr("Invite")
DialogButtonBox.buttonRole: DialogButtonBox.AcceptRole
onClicked: {
invitees.accept();
inviteDialogRoot.close();
}
}
Button {
text: qsTr("Cancel")
DialogButtonBox.buttonRole: DialogButtonBox.DestructiveRole
onClicked: inviteDialogRoot.close()
}
}
}