|
|
|
@ -502,9 +502,12 @@ class MessageTemplate extends LitElement {
|
|
|
|
|
`}
|
|
|
|
|
<div
|
|
|
|
|
class="${`message-subcontainer2
|
|
|
|
|
${((this.isFirstMessage === true && this.isSingleMessageInGroup === false) ||
|
|
|
|
|
(this.isSingleMessageInGroup === true && this.isLastMessageInGroup === true)) &&
|
|
|
|
|
'message-triangle'}`}"
|
|
|
|
|
${this.myAddress === this.messageObj.sender && "message-myBg" } |
|
|
|
|
${(((this.isFirstMessage === true && this.isSingleMessageInGroup === false) ||
|
|
|
|
|
(this.isSingleMessageInGroup === true && this.isLastMessageInGroup === true)) && this.myAddress !== this.messageObj.sender)
|
|
|
|
|
? 'message-triangle'
|
|
|
|
|
: (((this.isFirstMessage === true && this.isSingleMessageInGroup === false) ||
|
|
|
|
|
(this.isSingleMessageInGroup === true && this.isLastMessageInGroup === true)) && this.myAddress === this.messageObj.sender) ? "message-myTriangle" : null}`}"
|
|
|
|
|
style="${(this.isSingleMessageInGroup === true && this.isLastMessageInGroup === false) ? 'margin-bottom: 0;' : null} |
|
|
|
|
${(this.isFirstMessage === false && this.isSingleMessageInGroup === true && this.isLastMessageInGroup === false) |
|
|
|
|
? 'border-radius: 8px 25px 25px 8px;' |
|
|
|
@ -552,14 +555,13 @@ class MessageTemplate extends LitElement {
|
|
|
|
|
this.goToRepliedMessage(repliedToData) |
|
|
|
|
}}> |
|
|
|
|
<p
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class="original-message-sender"> |
|
|
|
|
style=${"cursor: pointer; margin: 0 0 5px 0;"}
|
|
|
|
|
class=${this.myAddress !== repliedToData.sender |
|
|
|
|
? "original-message-sender"
|
|
|
|
|
: "message-data-my-name"}> |
|
|
|
|
${repliedToData.senderName ?? cropAddress(repliedToData.sender)} |
|
|
|
|
</p> |
|
|
|
|
<p class="replied-message"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
${version.toString() === '1' ? html` |
|
|
|
|
${repliedToData.decodedMessage.messageText} |
|
|
|
|
` : ''}
|
|
|
|
@ -570,8 +572,8 @@ class MessageTemplate extends LitElement {
|
|
|
|
|
Highlight |
|
|
|
|
// other extensions …
|
|
|
|
|
]))} |
|
|
|
|
` : ''}
|
|
|
|
|
|
|
|
|
|
`
|
|
|
|
|
: ''} |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
`}
|
|
|
|
@ -604,7 +606,6 @@ class MessageTemplate extends LitElement {
|
|
|
|
|
<vaadin-icon |
|
|
|
|
@click=${() => { |
|
|
|
|
this.openDeleteImage = true; |
|
|
|
|
this.chatE |
|
|
|
|
}} |
|
|
|
|
class="image-delete-icon" icon="vaadin:close" slot="icon"></vaadin-icon> |
|
|
|
|
` : ''}
|
|
|
|
|