|
|
@ -59,11 +59,11 @@ class ChatPage extends LitElement { |
|
|
|
editedMessageObj: { type: Object }, |
|
|
|
editedMessageObj: { type: Object }, |
|
|
|
iframeHeight: { type: Number }, |
|
|
|
iframeHeight: { type: Number }, |
|
|
|
chatMessageSize: { type: Number}, |
|
|
|
chatMessageSize: { type: Number}, |
|
|
|
imageFile: {type: Object}, |
|
|
|
imageFile: { type: Object }, |
|
|
|
isUploadingImage: {type: Boolean}, |
|
|
|
isUploadingImage: { type: Boolean }, |
|
|
|
caption: { type: String }, |
|
|
|
caption: { type: String }, |
|
|
|
chatEditor: {type: Object}, |
|
|
|
chatEditor: { type: Object }, |
|
|
|
chatEditorNewChat: {type: Object} |
|
|
|
chatEditorNewChat: { type: Object } |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -144,7 +144,6 @@ class ChatPage extends LitElement { |
|
|
|
width: 92%; |
|
|
|
width: 92%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.senderName { |
|
|
|
.senderName { |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
color: var(--mdc-theme-primary); |
|
|
|
color: var(--mdc-theme-primary); |
|
|
@ -435,7 +434,6 @@ class ChatPage extends LitElement { |
|
|
|
.dialog-container { |
|
|
|
.dialog-container { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
padding: 0 10px; |
|
|
|
padding: 0 10px; |
|
|
|
gap: 10px; |
|
|
|
gap: 10px; |
|
|
@ -523,7 +521,6 @@ class ChatPage extends LitElement { |
|
|
|
${this.imageFile && html` |
|
|
|
${this.imageFile && html` |
|
|
|
<img src=${URL.createObjectURL(this.imageFile)} alt="dialog-img" class="dialog-image" /> |
|
|
|
<img src=${URL.createObjectURL(this.imageFile)} alt="dialog-img" class="dialog-image" /> |
|
|
|
`}
|
|
|
|
`}
|
|
|
|
<!-- Replace by reusable chatbar component --> |
|
|
|
|
|
|
|
<div class="caption-container"> |
|
|
|
<div class="caption-container"> |
|
|
|
<chat-text-editor |
|
|
|
<chat-text-editor |
|
|
|
iframeId="newChat" |
|
|
|
iframeId="newChat" |
|
|
@ -534,17 +531,10 @@ class ChatPage extends LitElement { |
|
|
|
.chatEditor=${this.chatEditorNewChat} |
|
|
|
.chatEditor=${this.chatEditorNewChat} |
|
|
|
.imageFile=${this.imageFile} |
|
|
|
.imageFile=${this.imageFile} |
|
|
|
.insertImage=${this.insertImage} |
|
|
|
.insertImage=${this.insertImage} |
|
|
|
|
|
|
|
|
|
|
|
.editedMessageObj=${this.editedMessageObj} |
|
|
|
.editedMessageObj=${this.editedMessageObj} |
|
|
|
|
|
|
|
|
|
|
|
?isLoading=${this.isLoading} |
|
|
|
?isLoading=${this.isLoading} |
|
|
|
?isLoadingMessages=${this.isLoadingMessages} |
|
|
|
?isLoadingMessages=${this.isLoadingMessages}> |
|
|
|
></chat-text-editor> |
|
|
|
</chat-text-editor> |
|
|
|
<!-- <iframe
|
|
|
|
|
|
|
|
}}" id="newChat" class="chat-editor" tabindex="-1" height=${this.iframeHeight}> |
|
|
|
|
|
|
|
</iframe> --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
${this.chatMessageSize >= 750 ?
|
|
|
|
${this.chatMessageSize >= 750 ?
|
|
|
|
html` |
|
|
|
html` |
|
|
@ -630,9 +620,8 @@ class ChatPage extends LitElement { |
|
|
|
.editedMessageObj=${this.editedMessageObj} |
|
|
|
.editedMessageObj=${this.editedMessageObj} |
|
|
|
.mirrorChatInput=${this.mirrorChatInput} |
|
|
|
.mirrorChatInput=${this.mirrorChatInput} |
|
|
|
?isLoading=${this.isLoading} |
|
|
|
?isLoading=${this.isLoading} |
|
|
|
?isLoadingMessages=${this.isLoadingMessages} |
|
|
|
?isLoadingMessages=${this.isLoadingMessages}>
|
|
|
|
></chat-text-editor> |
|
|
|
</chat-text-editor> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|