337 lines
11 KiB
QML
337 lines
11 KiB
QML
import QtQuick 2.14
|
||
import QtQuick.Layouts 1.3
|
||
import QtQuick.Controls 2.14
|
||
import "../../../../../imports"
|
||
import "../../../../../shared"
|
||
import "../../../../../shared/status"
|
||
import "../../../Chat/ChatColumn/MessageComponents"
|
||
|
||
Item {
|
||
signal addBtnClicked()
|
||
signal selectEns(string username)
|
||
|
||
// Defaults to show message
|
||
property bool isMessage: true
|
||
property bool isEmoji: false
|
||
property bool isCurrentUser: false
|
||
property int contentType: 1
|
||
//% "Hey"
|
||
property string message: qsTrId("ens-test-message")
|
||
property string authorCurrentMsg: "0"
|
||
property string authorPrevMsg: "1"
|
||
property var clickMessage: function(){}
|
||
property string identicon: profileModel.profile.identicon
|
||
property int timestamp: 1577872140
|
||
|
||
function shouldDisplayExampleMessage(){
|
||
return profileModel.ens.rowCount() > 0 && profileModel.ens.pendingLen() !== profileModel.ens.rowCount() && profileModel.ens.preferredUsername !== ""
|
||
}
|
||
anchors.fill: parent
|
||
|
||
Item {
|
||
anchors.top: parent.top
|
||
width: profileContainer.profileContentWidth
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
||
Component {
|
||
id: statusENS
|
||
Item {
|
||
Text {
|
||
id: usernameTxt
|
||
//% "(pending)"
|
||
text: username.substr(0, username.indexOf(".")) + " " + (isPending ? qsTrId("-pending-") : "")
|
||
color: Style.current.textColor
|
||
}
|
||
|
||
Text {
|
||
|
||
anchors.top: usernameTxt.bottom
|
||
anchors.topMargin: 2
|
||
text: username.substr(username.indexOf("."))
|
||
color: Style.current.darkGrey
|
||
}
|
||
}
|
||
}
|
||
|
||
Component {
|
||
id: normalENS
|
||
Item {
|
||
Text {
|
||
id: usernameTxt
|
||
//% "(pending)"
|
||
text: username + " " + (isPending ? qsTrId("-pending-") : "")
|
||
font.pixelSize: 16
|
||
color: Style.current.textColor
|
||
anchors.top: parent.top
|
||
anchors.topMargin: 5
|
||
}
|
||
}
|
||
}
|
||
|
||
Component {
|
||
id: ensDelegate
|
||
Item {
|
||
height: 45
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
|
||
MouseArea {
|
||
anchors.fill: parent
|
||
cursorShape: Qt.PointingHandCursor
|
||
onClicked: selectEns(model.username)
|
||
}
|
||
|
||
Rectangle {
|
||
id: circle
|
||
width: 35
|
||
height: 35
|
||
radius: 35
|
||
color: Style.current.blue
|
||
|
||
StyledText {
|
||
text: "@"
|
||
opacity: 0.7
|
||
font.weight: Font.Bold
|
||
font.pixelSize: 16
|
||
color: Style.current.white
|
||
anchors.centerIn: parent
|
||
verticalAlignment: Text.AlignVCenter
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
sourceComponent: model.username.endsWith(".stateofus.eth") ? statusENS : normalENS
|
||
property string username: model.username
|
||
property bool isPending: model.isPending
|
||
active: true
|
||
anchors.left: circle.right
|
||
anchors.leftMargin: Style.current.smallPadding
|
||
}
|
||
}
|
||
}
|
||
|
||
ENSPopup {
|
||
id: ensPopup
|
||
}
|
||
|
||
StyledText {
|
||
id: sectionTitle
|
||
//% "ENS usernames"
|
||
text: qsTrId("ens-usernames")
|
||
anchors.left: parent.left
|
||
anchors.leftMargin: 24
|
||
anchors.top: parent.top
|
||
anchors.topMargin: 24
|
||
font.weight: Font.Bold
|
||
font.pixelSize: 20
|
||
}
|
||
|
||
Item {
|
||
id: addUsername
|
||
anchors.top: sectionTitle.bottom
|
||
anchors.topMargin: Style.current.bigPadding
|
||
width: addButton.width + usernameText.width + Style.current.padding
|
||
height: addButton.height
|
||
|
||
StatusRoundButton {
|
||
id: addButton
|
||
icon.name: "plusSign"
|
||
size: "medium"
|
||
type: "secondary"
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
}
|
||
|
||
StyledText {
|
||
id: usernameText
|
||
//% "Add username"
|
||
text: qsTrId("ens-add-username")
|
||
color: Style.current.blue
|
||
anchors.left: addButton.right
|
||
anchors.leftMargin: Style.current.padding
|
||
anchors.verticalCenter: addButton.verticalCenter
|
||
font.pixelSize: 15
|
||
}
|
||
|
||
MouseArea {
|
||
anchors.fill: parent
|
||
cursorShape: Qt.PointingHandCursor
|
||
onClicked: addBtnClicked()
|
||
}
|
||
}
|
||
|
||
|
||
StyledText {
|
||
id: usernamesLabel
|
||
//% "Your usernames"
|
||
text: qsTrId("ens-your-usernames")
|
||
anchors.left: parent.left
|
||
anchors.top: addUsername.bottom
|
||
anchors.topMargin: 24
|
||
font.pixelSize: 16
|
||
}
|
||
|
||
Item {
|
||
anchors.top: usernamesLabel.bottom
|
||
anchors.topMargin: 10
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
height: 200
|
||
id: ensList
|
||
|
||
ScrollView {
|
||
anchors.fill: parent
|
||
Layout.fillWidth: true
|
||
Layout.fillHeight: true
|
||
|
||
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
||
ScrollBar.vertical.policy: lvEns.contentHeight > lvEns.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff
|
||
|
||
ListView {
|
||
id: lvEns
|
||
anchors.fill: parent
|
||
model: profileModel.ens
|
||
spacing: 10
|
||
clip: true
|
||
delegate: ensDelegate
|
||
}
|
||
}
|
||
}
|
||
|
||
Separator {
|
||
id: separator
|
||
anchors.topMargin: Style.current.padding
|
||
anchors.top: ensList.bottom
|
||
}
|
||
|
||
StyledText {
|
||
id: chatSettingsLabel
|
||
visible: profileModel.ens.rowCount() > 0 && profileModel.ens.pendingLen() != profileModel.ens.rowCount()
|
||
//% "Chat settings"
|
||
text: qsTrId("chat-settings")
|
||
anchors.left: parent.left
|
||
anchors.top: ensList.bottom
|
||
anchors.topMargin: 24
|
||
font.pixelSize: 16
|
||
}
|
||
|
||
Item {
|
||
width: childrenRect.width
|
||
height: childrenRect.height
|
||
|
||
id: preferredUsername
|
||
anchors.left: parent.left
|
||
anchors.top: chatSettingsLabel.bottom
|
||
anchors.topMargin: 24
|
||
|
||
StyledText {
|
||
id: usernameLabel
|
||
visible: chatSettingsLabel.visible
|
||
//% "Primary Username"
|
||
text: qsTrId("primary-username")
|
||
font.pixelSize: 14
|
||
font.weight: Font.Bold
|
||
}
|
||
|
||
StyledText {
|
||
id: usernameLabel2
|
||
visible: chatSettingsLabel.visible
|
||
//% "None selected"
|
||
text: profileModel.ens.preferredUsername || qsTrId("none-selected")
|
||
anchors.left: usernameLabel.right
|
||
anchors.leftMargin: Style.current.padding
|
||
font.pixelSize: 14
|
||
}
|
||
|
||
MouseArea {
|
||
anchors.fill: parent
|
||
cursorShape: Qt.PointingHandCursor
|
||
onClicked: ensPopup.open()
|
||
}
|
||
}
|
||
|
||
Item {
|
||
id: messagesShownAs
|
||
visible: shouldDisplayExampleMessage()
|
||
anchors.top: !visible ? separator.bottom : preferredUsername.bottom
|
||
anchors.topMargin: Style.current.padding * 2
|
||
|
||
UserImage {
|
||
id: chatImage
|
||
anchors.left: parent.left
|
||
anchors.leftMargin: Style.current.padding
|
||
anchors.top: parent.top
|
||
anchors.topMargin: 20
|
||
}
|
||
|
||
UsernameLabel {
|
||
id: chatName
|
||
label.text: "@" + (profileModel.ens.preferredUsername.replace(".stateofus.eth", ""))
|
||
label.color: Style.current.blue
|
||
anchors.leftMargin: 20
|
||
anchors.top: parent.top
|
||
anchors.topMargin: 0
|
||
anchors.left: chatImage.right
|
||
}
|
||
|
||
Rectangle {
|
||
property int chatVerticalPadding: 7
|
||
property int chatHorizontalPadding: 12
|
||
id: chatBox
|
||
color: Style.current.secondaryBackground
|
||
height: 35
|
||
width: 80
|
||
radius: 16
|
||
anchors.left: chatImage.right
|
||
anchors.leftMargin: 8
|
||
anchors.top: chatImage.top
|
||
|
||
ChatText {
|
||
id: chatText
|
||
anchors.top: parent.top
|
||
anchors.topMargin: chatBox.chatVerticalPadding
|
||
anchors.left: parent.left
|
||
anchors.leftMargin: chatBox.chatHorizontalPadding
|
||
width: parent.width
|
||
anchors.right: parent.right
|
||
}
|
||
|
||
RectangleCorner {}
|
||
}
|
||
|
||
ChatTime {
|
||
id: chatTime
|
||
anchors.top: chatBox.bottom
|
||
anchors.topMargin: 4
|
||
anchors.bottomMargin: Style.current.padding
|
||
anchors.right: chatBox.right
|
||
anchors.rightMargin: Style.current.padding
|
||
}
|
||
|
||
StyledText {
|
||
anchors.top: chatTime.bottom
|
||
anchors.left: chatImage.left
|
||
anchors.topMargin: Style.current.padding
|
||
//% "You’re displaying your ENS username in chats"
|
||
text: qsTrId("you-re-displaying-your-ens-username-in-chats")
|
||
font.pixelSize: 14
|
||
color: Style.current.secondaryText
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
Connections {
|
||
target: profileModel.ens
|
||
onPreferredUsernameChanged: {
|
||
messagesShownAs.visible = shouldDisplayExampleMessage()
|
||
}
|
||
onUsernameConfirmed: {
|
||
messagesShownAs.visible = shouldDisplayExampleMessage()
|
||
chatSettingsLabel.visible = true
|
||
}
|
||
}
|
||
}
|
||
}
|