mirror of
https://github.com/Qortal/qortal-ui.git
synced 2025-04-29 22:37:52 +00:00
fix ui
This commit is contained in:
parent
544727c049
commit
84f08d4332
@ -59,11 +59,11 @@
|
|||||||
"@rollup/plugin-node-resolve": "15.0.1",
|
"@rollup/plugin-node-resolve": "15.0.1",
|
||||||
"@rollup/plugin-replace": "5.0.2",
|
"@rollup/plugin-replace": "5.0.2",
|
||||||
"@rollup/plugin-terser": "0.4.0",
|
"@rollup/plugin-terser": "0.4.0",
|
||||||
"@vaadin/button": "23.3.6",
|
"@vaadin/button": "23.3.7",
|
||||||
"@vaadin/grid": "23.3.6",
|
"@vaadin/grid": "23.3.7",
|
||||||
"@vaadin/icons": "23.3.6",
|
"@vaadin/icons": "23.3.7",
|
||||||
"@vaadin/password-field": "23.3.6",
|
"@vaadin/password-field": "23.3.7",
|
||||||
"@vaadin/tooltip": "23.3.6",
|
"@vaadin/tooltip": "23.3.7",
|
||||||
"asmcrypto.js": "2.3.2",
|
"asmcrypto.js": "2.3.2",
|
||||||
"bcryptjs": "2.4.3",
|
"bcryptjs": "2.4.3",
|
||||||
"epml": "0.3.3",
|
"epml": "0.3.3",
|
||||||
@ -83,4 +83,4 @@
|
|||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=16.17.1"
|
"node": ">=16.17.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -71,11 +71,11 @@
|
|||||||
"@rollup/plugin-node-resolve": "15.0.1",
|
"@rollup/plugin-node-resolve": "15.0.1",
|
||||||
"@rollup/plugin-replace": "5.0.2",
|
"@rollup/plugin-replace": "5.0.2",
|
||||||
"@rollup/plugin-terser": "0.4.0",
|
"@rollup/plugin-terser": "0.4.0",
|
||||||
"@vaadin/avatar": "23.3.6",
|
"@vaadin/avatar": "23.3.7",
|
||||||
"@vaadin/button": "23.3.6",
|
"@vaadin/button": "23.3.7",
|
||||||
"@vaadin/grid": "23.3.6",
|
"@vaadin/grid": "23.3.7",
|
||||||
"@vaadin/icons": "23.3.6",
|
"@vaadin/icons": "23.3.7",
|
||||||
"@vaadin/tooltip": "23.3.6",
|
"@vaadin/tooltip": "23.3.7",
|
||||||
"epml": "0.3.3",
|
"epml": "0.3.3",
|
||||||
"file-saver": "2.0.5",
|
"file-saver": "2.0.5",
|
||||||
"highcharts": "10.3.3",
|
"highcharts": "10.3.3",
|
||||||
@ -86,9 +86,10 @@
|
|||||||
"rollup-plugin-node-globals": "1.4.0",
|
"rollup-plugin-node-globals": "1.4.0",
|
||||||
"rollup-plugin-progress": "1.1.2",
|
"rollup-plugin-progress": "1.1.2",
|
||||||
"rollup-plugin-web-worker-loader": "1.6.1",
|
"rollup-plugin-web-worker-loader": "1.6.1",
|
||||||
"passive-events-support": "1.0.33"
|
"passive-events-support": "1.0.33",
|
||||||
|
"axios": "1.3.2"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=16.17.1"
|
"node": ">=16.17.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -348,10 +348,12 @@ class MessageTemplate extends LitElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async downloadAttachment(attachment) {
|
async downloadAttachment(attachment) {
|
||||||
|
|
||||||
const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node];
|
const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node];
|
||||||
|
|
||||||
const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port;
|
const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port;
|
||||||
try{
|
try{
|
||||||
const res = await axios.get(`${nodeUrl}/arbitrary/QCHAT_ATTACHMENT/${attachment.name}/${attachment.identifier}`, { responseType: 'blob' })
|
axios.get(`${nodeUrl}/arbitrary/QCHAT_ATTACHMENT/${attachment.name}/${attachment.identifier}?apiKey=${myNode.apiKey}`, { responseType: 'blob'})
|
||||||
.then(response =>{
|
.then(response =>{
|
||||||
let filename = attachment.attachmentName;
|
let filename = attachment.attachmentName;
|
||||||
let blob = new Blob([response.data], { type:"application/octet-stream" });
|
let blob = new Blob([response.data], { type:"application/octet-stream" });
|
||||||
|
|||||||
@ -15,9 +15,10 @@ class ChatTextEditor extends LitElement {
|
|||||||
isLoadingMessages: { type: Boolean },
|
isLoadingMessages: { type: Boolean },
|
||||||
_sendMessage: { attribute: false },
|
_sendMessage: { attribute: false },
|
||||||
placeholder: { type: String },
|
placeholder: { type: String },
|
||||||
imageFile: { type: Object },
|
|
||||||
attachment: { type: Object },
|
attachment: { type: Object },
|
||||||
insertFile: { attribute: false },
|
insertFile: { attribute: false },
|
||||||
|
imageFile: { type: Object },
|
||||||
|
insertImage: { attribute: false },
|
||||||
iframeHeight: { type: Number },
|
iframeHeight: { type: Number },
|
||||||
editedMessageObj: { type: Object },
|
editedMessageObj: { type: Object },
|
||||||
repliedToMessageObj: {type: Object},
|
repliedToMessageObj: {type: Object},
|
||||||
@ -166,32 +167,30 @@ class ChatTextEditor extends LitElement {
|
|||||||
color: var(--black);
|
color: var(--black);
|
||||||
padding: 0px 10px;
|
padding: 0px 10px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.element::-webkit-scrollbar-track {
|
.element::-webkit-scrollbar-track {
|
||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.element::-webkit-scrollbar {
|
.element::-webkit-scrollbar {
|
||||||
width: 6px;
|
width: 6px;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
.element::-webkit-scrollbar-thumb {
|
.element::-webkit-scrollbar-thumb {
|
||||||
background-color: rgb(180, 176, 176);
|
background-color: rgb(180, 176, 176);
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
transition: all 0.3s ease-in-out;
|
transition: all 0.3s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.element::-webkit-scrollbar-thumb:hover {
|
.element::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: rgb(148, 146, 146);
|
background-color: rgb(148, 146, 146);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ProseMirror:focus {
|
.ProseMirror:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@ -200,45 +199,57 @@ class ChatTextEditor extends LitElement {
|
|||||||
background-color: var(--white)
|
background-color: var(--white)
|
||||||
}
|
}
|
||||||
|
|
||||||
.ProseMirror > * + * {
|
.ProseMirror > * + * {
|
||||||
margin-top: 0.75em;
|
margin-top: 0.75em;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ProseMirror ul,
|
.ProseMirror ul,
|
||||||
ol {
|
ol {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ProseMirror h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
line-height: 1.1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ProseMirror code {
|
||||||
|
background-color: rgba(#616161, 0.1);
|
||||||
|
color: #616161;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ProseMirror pre {
|
||||||
|
background: #0D0D0D;
|
||||||
|
color: #FFF;
|
||||||
|
font-family: 'JetBrainsMono', monospace;
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ProseMirror pre code {
|
||||||
|
color: inherit;
|
||||||
|
padding: 0;
|
||||||
|
background: none;
|
||||||
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ProseMirror h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
line-height: 1.1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ProseMirror code {
|
.ProseMirror img {
|
||||||
background-color: rgba(#616161, 0.1);
|
width: 1.7em;
|
||||||
color: #616161;
|
height: 1.5em;
|
||||||
}
|
margin: 0px;
|
||||||
|
|
||||||
.ProseMirror pre {
|
}
|
||||||
background: #0D0D0D;
|
|
||||||
color: #FFF;
|
|
||||||
font-family: 'JetBrainsMono', monospace;
|
|
||||||
padding: 0.75rem 1rem;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
}
|
|
||||||
.ProseMirror pre code {
|
|
||||||
color: inherit;
|
|
||||||
padding: 0;
|
|
||||||
background: none;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.ProseMirror blockquote {
|
||||||
|
padding-left: 1rem;
|
||||||
|
border-left: 2px solid rgba(#0D0D0D, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
.ProseMirror hr {
|
.ProseMirror hr {
|
||||||
border: none;
|
border: none;
|
||||||
@ -270,12 +281,35 @@ class ChatTextEditor extends LitElement {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.chatbar-buttons {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.ProseMirror blockquote {
|
.show-chatbar-buttons {
|
||||||
padding-left: 1rem;
|
display: flex;
|
||||||
border-left: 2px solid rgba(#0D0D0D, 0.1);
|
align-items: center;
|
||||||
}
|
justify-content: center;
|
||||||
|
}
|
||||||
|
:host(:hover) .chatbar-button-single {
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.ProseMirror p.is-editor-empty:first-child::before {
|
||||||
|
color: #adb5bd;
|
||||||
|
content: attr(data-placeholder);
|
||||||
|
float: left;
|
||||||
|
height: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.ProseMirror p {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-block-start: 0px;
|
||||||
|
margin-block-end: 0px;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
|
||||||
.ProseMirror {
|
.ProseMirror {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -283,64 +317,28 @@ class ChatTextEditor extends LitElement {
|
|||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatbar-buttons {
|
.ProseMirror mark {
|
||||||
margin-bottom: 5px;
|
background-color: #ffe066;
|
||||||
flex-shrink: 0;
|
border-radius: 0.25em;
|
||||||
}
|
box-decoration-break: clone;
|
||||||
|
padding: 0.125em 0;
|
||||||
|
}
|
||||||
|
|
||||||
.show-chatbar-buttons {
|
.material-icons {
|
||||||
display: flex;
|
font-family: 'Material Icons';
|
||||||
align-items: center;
|
font-weight: normal;
|
||||||
justify-content: center;
|
font-style: normal;
|
||||||
}
|
font-size: 24px;
|
||||||
:host(:hover) .chatbar-button-single {
|
/* Preferred icon size */
|
||||||
|
display: inline-block;
|
||||||
display: flex;
|
line-height: 1;
|
||||||
align-items: center;
|
text-transform: none;
|
||||||
justify-content: center;
|
letter-spacing: normal;
|
||||||
}
|
word-wrap: normal;
|
||||||
.ProseMirror p.is-editor-empty:first-child::before {
|
white-space: nowrap;
|
||||||
color: #adb5bd;
|
direction: ltr;
|
||||||
content: attr(data-placeholder);
|
|
||||||
float: left;
|
|
||||||
height: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.ProseMirror p {
|
|
||||||
font-size: 18px;
|
|
||||||
margin-block-start: 0px;
|
|
||||||
margin-block-end: 0px;
|
|
||||||
overflow-wrap: anywhere;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ProseMirror {
|
}
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ProseMirror mark {
|
|
||||||
background-color: #ffe066;
|
|
||||||
border-radius: 0.25em;
|
|
||||||
box-decoration-break: clone;
|
|
||||||
padding: 0.125em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.material-icons {
|
|
||||||
font-family: 'Material Icons';
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
font-size: 24px;
|
|
||||||
/* Preferred icon size */
|
|
||||||
display: inline-block;
|
|
||||||
line-height: 1;
|
|
||||||
text-transform: none;
|
|
||||||
letter-spacing: normal;
|
|
||||||
word-wrap: normal;
|
|
||||||
white-space: nowrap;
|
|
||||||
direction: ltr;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.material-symbols-outlined {
|
.material-symbols-outlined {
|
||||||
font-family: 'Material Symbols Outlined';
|
font-family: 'Material Symbols Outlined';
|
||||||
@ -530,7 +528,7 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
html`
|
html`
|
||||||
<div
|
<div
|
||||||
style="margin-bottom: 10px;
|
style="margin-bottom: 10px;
|
||||||
${this.iframeId === 'newChat'
|
${(this.iframeId === 'newChat' || this.iframeId === "newAttachmentChat")
|
||||||
? 'display: none;'
|
? 'display: none;'
|
||||||
: 'display: flex;'}">
|
: 'display: flex;'}">
|
||||||
${this.isLoading === false ? html`
|
${this.isLoading === false ? html`
|
||||||
@ -560,66 +558,6 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
` :
|
` :
|
||||||
html``}
|
html``}
|
||||||
</div>
|
</div>
|
||||||
<textarea style="color: var(--black);" tabindex='1' ?autofocus=${true} ?disabled=${this.isLoading || this.isLoadingMessages} id="messageBox" rows="1"></textarea>
|
|
||||||
<div id=${this.iframeId}
|
|
||||||
class=${["element", this.iframeId === "privateMessage" ? "privateMessageMargin" : ""].join(" ")}
|
|
||||||
></div>
|
|
||||||
<button class="emoji-button" ?disabled=${this.isLoading || this.isLoadingMessages}>
|
|
||||||
${html`<img class="emoji" draggable="false" alt="😀" src="/emoji/svg/1f600.svg" />`}
|
|
||||||
</button>
|
|
||||||
${this.editedMessageObj ? (
|
|
||||||
html`
|
|
||||||
<div style="margin-bottom: 10px">
|
|
||||||
${this.isLoading === false ? html`
|
|
||||||
<vaadin-icon
|
|
||||||
class="checkmark-icon"
|
|
||||||
icon="vaadin:check"
|
|
||||||
slot="icon"
|
|
||||||
@click=${() => {
|
|
||||||
this.sendMessageFunc();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
</vaadin-icon>
|
|
||||||
` :
|
|
||||||
html`
|
|
||||||
<paper-spinner-lite active></paper-spinner-lite>
|
|
||||||
`}
|
|
||||||
</div>
|
|
||||||
`
|
|
||||||
) :
|
|
||||||
html`
|
|
||||||
<div
|
|
||||||
style="margin-bottom: 10px;
|
|
||||||
${this.iframeId === 'newChat' || this.iframeId === "newAttachmentChat"
|
|
||||||
? 'display: none;'
|
|
||||||
: 'display: flex;'}">
|
|
||||||
${this.isLoading === false ? html`
|
|
||||||
<img
|
|
||||||
src="/img/qchat-send-message-icon.svg"
|
|
||||||
alt="send-icon"
|
|
||||||
class="send-icon"
|
|
||||||
@click=${() => {
|
|
||||||
this.sendMessageFunc();
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
` :
|
|
||||||
html`
|
|
||||||
<paper-spinner-lite active></paper-spinner-lite>
|
|
||||||
`}
|
|
||||||
</div>
|
|
||||||
`
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
${this.chatMessageSize >= 750 ?
|
|
||||||
html`
|
|
||||||
<div class="message-size-container" style=${this.imageFile && "margin-top: 10px;"}>
|
|
||||||
<div class="message-size" style="${this.chatMessageSize > 1000 && 'color: #bd1515'}">
|
|
||||||
${`Your message size is of ${this.chatMessageSize} bytes out of a maximum of 1000`}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
` :
|
|
||||||
html``}
|
|
||||||
</div>
|
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -630,7 +568,14 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
async firstUpdated() {
|
async firstUpdated() {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
window.addEventListener('storage', () => {
|
window.addEventListener('storage', () => {
|
||||||
const checkTheme = localStorage.getItem('qortalTheme');
|
const checkTheme = localStorage.getItem('qortalTheme');
|
||||||
const chatbar = this.shadowRoot.querySelector('.element')
|
const chatbar = this.shadowRoot.querySelector('.element')
|
||||||
@ -647,6 +592,7 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
|
|
||||||
this.emojiPickerHandler = this.shadowRoot.querySelector('.emoji-button');
|
this.emojiPickerHandler = this.shadowRoot.querySelector('.emoji-button');
|
||||||
this.mirrorChatInput = this.shadowRoot.getElementById('messageBox');
|
this.mirrorChatInput = this.shadowRoot.getElementById('messageBox');
|
||||||
|
this.chatMessageInput = this.shadowRoot.querySelector('.element')
|
||||||
|
|
||||||
this.emojiPicker = new EmojiPicker({
|
this.emojiPicker = new EmojiPicker({
|
||||||
style: "twemoji",
|
style: "twemoji",
|
||||||
@ -688,6 +634,10 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
if (changedProperties && changedProperties.has('placeholder') && this.updatePlaceholder && this.editor) {
|
if (changedProperties && changedProperties.has('placeholder') && this.updatePlaceholder && this.editor) {
|
||||||
this.updatePlaceholder(this.editor, this.placeholder )
|
this.updatePlaceholder(this.editor, this.placeholder )
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (changedProperties && changedProperties.has("imageFile")) {
|
||||||
|
this.chatMessageInput = "newChat";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
shouldUpdate(changedProperties) {
|
shouldUpdate(changedProperties) {
|
||||||
@ -709,7 +659,8 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
|
|
||||||
getMessageSize(message){
|
getMessageSize(message){
|
||||||
try {
|
try {
|
||||||
const trimmedMessage = message;
|
|
||||||
|
const trimmedMessage = message
|
||||||
let messageObject = {};
|
let messageObject = {};
|
||||||
|
|
||||||
if (this.repliedToMessageObj) {
|
if (this.repliedToMessageObj) {
|
||||||
@ -729,37 +680,37 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
const parsedMessageObj = JSON.parse(this.editedMessageObj.decodedMessage);
|
const parsedMessageObj = JSON.parse(this.editedMessageObj.decodedMessage);
|
||||||
message = parsedMessageObj;
|
message = parsedMessageObj;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
message = this.messageObj.decodedMessage;
|
message = this.messageObj.decodedMessage
|
||||||
}
|
}
|
||||||
messageObject = {
|
messageObject = {
|
||||||
...message,
|
...message,
|
||||||
messageText: trimmedMessage,
|
messageText: trimmedMessage,
|
||||||
}
|
}
|
||||||
} else if (this.imageFile && this.iframeId === 'newChat') {
|
} else if(this.imageFile && this.iframeId === 'newChat') {
|
||||||
messageObject = {
|
messageObject = {
|
||||||
messageText: trimmedMessage,
|
messageText: trimmedMessage,
|
||||||
images: [{
|
images: [{
|
||||||
service: "QCHAT_IMAGE",
|
service: "QCHAT_IMAGE",
|
||||||
name: '123456789123456789123456789',
|
name: '123456789123456789123456789',
|
||||||
identifier: '123456'
|
identifier: '123456'
|
||||||
}],
|
}],
|
||||||
repliedTo: '',
|
repliedTo: '',
|
||||||
version: 2
|
version: 2
|
||||||
};
|
};
|
||||||
} else if (this.attachment && this.iframeId === 'newAttachmentChat') {
|
} else if (this.attachment && this.iframeId === 'newAttachmentChat') {
|
||||||
messageObject = {
|
messageObject = {
|
||||||
messageText: trimmedMessage,
|
messageText: trimmedMessage,
|
||||||
attachments: [{
|
attachments: [{
|
||||||
service: "QCHAT_ATTACHMENT",
|
service: "QCHAT_ATTACHMENT",
|
||||||
name: '123456789123456789123456789',
|
name: '123456789123456789123456789',
|
||||||
identifier: '123456',
|
identifier: '123456',
|
||||||
attachmentName: "123456789123456789123456789",
|
attachmentName: "123456789123456789123456789",
|
||||||
attachmentSize: "123456"
|
attachmentSize: "123456"
|
||||||
}],
|
}],
|
||||||
repliedTo: '',
|
repliedTo: '',
|
||||||
version: 2
|
version: 2
|
||||||
};
|
};
|
||||||
} else {
|
} else {
|
||||||
messageObject = {
|
messageObject = {
|
||||||
messageText: trimmedMessage,
|
messageText: trimmedMessage,
|
||||||
images: [''],
|
images: [''],
|
||||||
@ -767,6 +718,7 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
version: 2
|
version: 2
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
const stringified = JSON.stringify(messageObject);
|
const stringified = JSON.stringify(messageObject);
|
||||||
const size = new Blob([stringified]).size;
|
const size = new Blob([stringified]).size;
|
||||||
this.chatMessageSize = size;
|
this.chatMessageSize = size;
|
||||||
@ -775,7 +727,8 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
|
|||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
window.customElements.define("chat-text-editor", ChatTextEditor)
|
window.customElements.define("chat-text-editor", ChatTextEditor)
|
||||||
Loading…
x
Reference in New Issue
Block a user