import QtQuick 2.14 import QtQuick.Layouts 1.14 import StatusQ.Core 0.1 import StatusQ.Core.Utils 0.1 as CoreUtils import StatusQ.Core.Theme 0.1 import StatusQ.Components 0.1 import shared 1.0 import utils 1.0 ActivityNotificationBase { id: root readonly property string timestampString: notification ? new Date(notification.timestamp).toLocaleTimeString(Qt.locale(), Locale.ShortFormat) : "" readonly property string timestampTooltipString: notification ? new Date(notification.timestamp).toLocaleString() : "" property int maximumLineCount: 2 signal messageClicked() property StatusMessageDetails messageDetails: StatusMessageDetails { messageText: notification ? notification.message.messageText : "" amISender: notification ? notification.message.amISender : false sender.id: notification ? notification.message.senderId : "" sender.displayName: notification ? notification.message.senderDisplayName : "" sender.secondaryName: notification ? notification.message.senderOptionalName : "" sender.trustIndicator: notification ? notification.message.senderTrustStatus : Constants.trustStatus.unknown sender.profileImage { width: 40 height: 40 name: notification ? notification.message.senderIcon || "" : "" assetSettings.isImage: notification ? notification.message.senderIcon.startsWith("data") : false pubkey: notification ? notification.message.senderId : "" colorId: Utils.colorIdForPubkey(notification ? notification.message.senderId : "") colorHash: Utils.getColorHashAsJson(notification ? notification.message.senderId : "") } } property Component messageSubheaderComponent: null property Component messageBadgeComponent: null function openProfilePopup() { closeActivityCenter() Global.openProfilePopup(notification.message.senderId) } bodyComponent: MouseArea { height: messageRow.implicitHeight hoverEnabled: root.messageBadgeComponent cursorShape: Qt.PointingHandCursor onClicked: { root.activityCenterStore.switchTo(notification) root.closeActivityCenter() } RowLayout { id: messageRow spacing: 8 width: parent.width Item { Layout.preferredWidth: root.messageDetails.sender.profileImage.assetSettings.width Layout.preferredHeight: profileImage.height Layout.alignment: Qt.AlignTop Layout.leftMargin: Style.current.padding Layout.topMargin: 2 StatusSmartIdenticon { id: profileImage name: root.messageDetails.sender.displayName asset: root.messageDetails.sender.profileImage.assetSettings ringSettings: root.messageDetails.sender.profileImage.ringSettings MouseArea { cursorShape: enabled ? Qt.PointingHandCursor : Qt.ArrowCursor acceptedButtons: Qt.LeftButton | Qt.RightButton anchors.fill: parent onClicked: root.openProfilePopup() } } } ColumnLayout { spacing: 2 Layout.alignment: Qt.AlignTop Layout.fillWidth: true StatusMessageHeader { sender: root.messageDetails.sender amISender: root.messageDetails.amISender messageOriginInfo: root.messageDetails.messageOriginInfo tertiaryDetail: Utils.getElidedCompressedPk(sender.id) timestamp.text: root.timestampString timestamp.tooltip.text: root.timestampTooltipString onClicked: root.openProfilePopup() } Loader { sourceComponent: root.messageSubheaderComponent Layout.fillWidth: true } RowLayout { spacing: 2 Layout.fillWidth: true StatusBaseText { text: CoreUtils.Utils.stripHtmlTags(root.messageDetails.messageText) maximumLineCount: root.maximumLineCount wrapMode: Text.Wrap elide: Text.ElideRight font.pixelSize: 15 Layout.alignment: Qt.AlignVCenter Layout.fillWidth: true Layout.maximumWidth: 400 // From designs, fixed value to align all possible CTAs } Loader { sourceComponent: root.messageBadgeComponent Layout.alignment: Qt.AlignVCenter Layout.fillHeight: true } } } } } }