import QtQuick 2.13 import QtGraphicalEffects 1.13 import utils 1.0 import shared.controls 1.0 import shared 1.0 import shared.panels 1.0 import shared.popups 1.0 import shared.controls.chat 1.0 import "../controls" import "../panels" import StatusQ.Components 0.1 import StatusQ.Controls 0.1 import StatusQ.Core.Theme 0.1 Item { id: root width: parent.width height: childrenRect.height + dateGroupLbl.anchors.topMargin property var store property int previousNotificationIndex property int previousNotificationTimestamp property bool hideReadNotifications: false property bool acCurrentFilterAll: false StatusDateGroupLabel { id: dateGroupLbl anchors.top: parent.top anchors.topMargin: Style.current.halfPadding anchors.left: parent.left anchors.leftMargin: Style.current.padding height: visible ? implicitHeight : 0 visible: text !== "" previousMessageIndex: root.previousNotificationIndex previousMessageTimestamp: root.previousNotificationTimestamp messageTimestamp: model.timestamp } Rectangle { id: groupRequestContent property int timestamp: model.timestamp visible: { if (hideReadNotifications && model.read) { return false } return acCurrentFilterAll; } width: parent.width height: visible ? 60 : 0 anchors.top: dateGroupLbl.bottom anchors.topMargin: dateGroupLbl.visible ? 4 : 0 color: model.read ? Style.current.transparent : Utils.setColorAlpha(Style.current.blue, 0.1) StatusSmartIdenticon { id: channelIdenticon anchors.left: parent.left anchors.leftMargin: Style.current.padding anchors.verticalCenter: parent.verticalCenter name: model.name asset.color: Theme.palette.miscColor5 } Item { id: nameItem width: childrenRect.width height: chatName.name anchors.top: parent.top anchors.topMargin: Style.current.halfPadding // TODO fix anchoring to center when there is no author // anchors.top: inviteText.visible ? parent.top: undefined // anchors.topMargin: inviteText.visible ? Style.current.halfPadding : 0 // anchors.verticalCenter: inviteText.visible ? undefined : parent.verticalCenter anchors.left: channelIdenticon.right anchors.leftMargin: Style.current.halfPadding SVGImage { id: groupImage width: 16 height: 16 anchors.verticalCenter: chatName.verticalCenter anchors.left: parent.left source: Style.svg("channel-icon-group") ColorOverlay { anchors.fill: parent source: parent color: chatName.color } } StyledText { id: chatName text: model.name anchors.left: groupImage.right anchors.leftMargin: 4 font.pixelSize: 15 font.weight: Font.Medium } ChatTimePanel { anchors.verticalCenter: chatName.verticalCenter anchors.left: chatName.right anchors.leftMargin: 4 font.pixelSize: 10 visible: true color: Style.current.secondaryText //timestamp: root.timestamp } } function openProfile() { Global.openProfilePopup(model.author) } StyledTextEdit { id: inviteText visible: !!model.author // Not Refactored Yet // text: { // if (!visible) { // return "" // } // let name = root.store.chatsModelInst.userNameOrAlias(model.author) // if (name.length > 20) { // name = name.substring(0, 9) + "..." + name.substring(name.length - 10) // } // return qsTr("%1 invited you to join the group") // .arg(``+ // `${name}`) // } anchors.bottom: parent.bottom anchors.bottomMargin: Style.current.halfPadding anchors.left: nameItem.left anchors.right: buttons.left anchors.rightMargin: Style.current.halfPadding clip: true font.pixelSize: 15 font.weight: Font.Medium readOnly: true selectByMouse: true textFormat: Text.RichText onLinkActivated: groupRequestContent.openProfile() onLinkHovered: { cursorShape: Qt.PointingHandCursor } } AcceptRejectOptionsButtonsPanel { id: buttons anchors.right: parent.right anchors.rightMargin: Style.current.halfPadding anchors.verticalCenter: parent.verticalCenter onAcceptClicked: root.store.activityCenterModuleInst.acceptActivityCenterNotification(model.id) onDeclineClicked: root.store.activityCenterModuleInst.dismissActivityCenterNotification(model.id) onProfileClicked: groupRequestContent.openProfile() onBlockClicked: { // Not Refactored Yet // const pk = model.author // blockContactConfirmationDialog.contactName = root.store.chatsModelInst.userNameOrAlias(pk) // blockContactConfirmationDialog.contactAddress = pk // blockContactConfirmationDialog.open() } BlockContactConfirmationDialog { id: blockContactConfirmationDialog onBlockButtonClicked: { // Not Refactored Yet // root.store.profileModuleInst.blockContact(blockContactConfirmationDialog.contactAddress) root.store.activityCenterModuleInst.dismissActivityCenterNotification(model.id) blockContactConfirmationDialog.close() } } } } }