|
|
@ -2,6 +2,7 @@ import { LitElement, html, css } from 'lit'; |
|
|
|
import { render } from 'lit/html.js'; |
|
|
|
import { render } from 'lit/html.js'; |
|
|
|
import { repeat } from 'lit/directives/repeat.js'; |
|
|
|
import { repeat } from 'lit/directives/repeat.js'; |
|
|
|
import { translate, get } from 'lit-translate'; |
|
|
|
import { translate, get } from 'lit-translate'; |
|
|
|
|
|
|
|
import {unsafeHTML} from 'lit/directives/unsafe-html.js'; |
|
|
|
import { Epml } from "../../../epml"; |
|
|
|
import { Epml } from "../../../epml"; |
|
|
|
import './LevelFounder.js'; |
|
|
|
import './LevelFounder.js'; |
|
|
|
import './NameMenu.js'; |
|
|
|
import './NameMenu.js'; |
|
|
@ -573,7 +574,7 @@ class MessageTemplate extends LitElement { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="message-data-avatar" style="width:42px; height:42px; ${this.messageObj.sender === this.myAddress ? "float:left;" : "float:left;"} margin:3px;">${avatarImg}</div> |
|
|
|
<div class="message-data-avatar" style="width:42px; height:42px; ${this.messageObj.sender === this.myAddress ? "float:left;" : "float:left;"} margin:3px;">${avatarImg}</div> |
|
|
|
<div class="message-container"> |
|
|
|
<div class="message-container"> |
|
|
|
<div id="messageContent" class="message ${this.messageObj.sender === this.myAddress ? "my-message float-left" : "other-message float-left"}">${this.emojiPicker.parse(this.escapeHTML(this.messageObj.decodedMessage))}</div> |
|
|
|
<div id="messageContent" class="message ${this.messageObj.sender === this.myAddress ? "my-message float-left" : "other-message float-left"}">${unsafeHTML(this.emojiPicker.parse(this.escapeHTML(this.messageObj.decodedMessage)))}</div> |
|
|
|
<chat-menu
|
|
|
|
<chat-menu
|
|
|
|
tabindex="0" |
|
|
|
tabindex="0" |
|
|
|
class="chat-hover" |
|
|
|
class="chat-hover" |
|
|
|