Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-04-23 11:27:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'feature/implement-logic-edit-reply-messages' of https://github.com/PhillipLangMartinez/qortal-ui into feature/implement-UI-edit-reply-messages

Browse Source
This commit is contained in:
Justin Ferrari 2022-12-09 20:55:49 +01:00
commit faeaa330cf
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
qortal-ui-plugins/plugins/core/components/ChatTextEditor.js
View File

@ -329,7 +329,6 @@ class ChatTextEditor extends LitElement {
} }
async updated(changedProperties) { async updated(changedProperties) {
console.log({changedProperties});
if (changedProperties && changedProperties.has('editedMessageObj')) { if (changedProperties && changedProperties.has('editedMessageObj')) {
if (this.editedMessageObj) { if (this.editedMessageObj) {
this.chatEditor.insertText(this.editedMessageObj.message); this.chatEditor.insertText(this.editedMessageObj.message);
@ -343,14 +342,8 @@ class ChatTextEditor extends LitElement {
const captionEditor = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId'); const captionEditor = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId');
captionEditor.setAttribute('data-placeholder', this.placeholder); captionEditor.setAttribute('data-placeholder', this.placeholder);
} }
if (changedProperties && changedProperties.has("chatMessageSize")) {
console.log(this.chatMessageSize, "chat message size");
}
if (changedProperties && changedProperties.has("iframeHeight")) {
console.log(this.iframeHeight, "iframe height");
}
if (changedProperties && changedProperties.has("imageFile")) { if (changedProperties && changedProperties.has("imageFile")) {
console.log(this.imageFile, "imageFile");
this.chatMessageInput = "newChat"; this.chatMessageInput = "newChat";
} }
} }
@ -371,7 +364,6 @@ class ChatTextEditor extends LitElement {
} }
getMessageSize(message){ getMessageSize(message){
console.log("super12");
try { try {
const messageText = message; const messageText = message;
// Format and Sanitize Message // Format and Sanitize Message
@ -522,6 +514,7 @@ class ChatTextEditor extends LitElement {
word-break: break-word; word-break: break-word;
outline: none; outline: none;
min-height: 20px; min-height: 20px;
width: 100%;
} }
div[contentEditable=true]:empty:before { div[contentEditable=true]:empty:before {
@ -536,6 +529,7 @@ class ChatTextEditor extends LitElement {
div[contentEditable=false]{ div[contentEditable=false]{
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
width: 100%;
} }
img.emoji { img.emoji {
@ -688,7 +682,6 @@ class ChatTextEditor extends LitElement {
if (e.type === 'keydown') { if (e.type === 'keydown') {
await new Promise((res, rej) => { await new Promise((res, rej) => {
setTimeout(() => { setTimeout(() => {
console.log(editorConfig.editableElement.contentDocument.body.querySelector("#chatbarId").innerHTML, "here 18");
editorConfig.calculateIFrameHeight(editorConfig.editableElement.contentDocument.body.scrollHeight); editorConfig.calculateIFrameHeight(editorConfig.editableElement.contentDocument.body.scrollHeight);
editorConfig.getMessageSize(editorConfig.editableElement.contentDocument.body.querySelector("#chatbarId").innerHTML); editorConfig.getMessageSize(editorConfig.editableElement.contentDocument.body.querySelector("#chatbarId").innerHTML);
}, 0); }, 0);