@ -79,7 +79,9 @@ class ChatPage extends LitElement {
imageFile : { type : Object } , imageFile : { type : Object } ,
attachment : { type : Object } , attachment : { type : Object } ,
isUploadingImage : { type : Boolean } , isUploadingImage : { type : Boolean } ,
isDeletingImage : { type : Boolean } ,
isUploadingAttachment : { type : Boolean } , isUploadingAttachment : { type : Boolean } ,
isDeletingAttachment : { type : Boolean } ,
userLanguage : { type : String } , userLanguage : { type : String } ,
lastMessageRefVisible : { type : Boolean } , lastMessageRefVisible : { type : Boolean } ,
isLoadingOldMessages : { type : Boolean } , isLoadingOldMessages : { type : Boolean } ,
@ -1088,13 +1090,14 @@ class ChatPage extends LitElement {
< / d i v > < / d i v >
< / d i v > < / d i v >
` : ''}
` : ''}
$ { ( this . isUploadingAttachment ) ? html ` $ { ( this . isUploadingAttachment || this . isDeletingAttachment ) ? html `
< div class = "dialogCustom" > < div class = "dialogCustom" >
< div class = "dialogCustomInner" > < div class = "dialogCustomInner" >
< div class = "dialog-container-loader" > < div class = "dialog-container-loader" >
< div class = $ { ` smallLoading marginLoader ` } > < / d i v > < div class = $ { ` smallLoading marginLoader ` } > < / d i v >
< p > < p >
$ { translate ( "chatpage.cchange65" ) } $ { this . isDeletingAttachment ?
translate ( "chatpage.cchange66" ) : translate ( "chatpage.cchange65" ) }
< / p > < / p >
< / d i v > < / d i v >
< / d i v > < / d i v >
@ -2419,56 +2422,146 @@ class ChatPage extends LitElement {
this . webWorkerFile = new WebWorkerFile ( ) ; this . webWorkerFile = new WebWorkerFile ( ) ;
} }
const b64toBlob = ( b64Data , contentType = '' , sliceSize = 512 ) => { const b64toBlob = ( b64Data , contentType = '' , sliceSize = 512 ) => {
const byteCharacters = atob ( b64Data ) ; const byteCharacters = atob ( b64Data ) ;
const byteArrays = [ ] ; const byteArrays = [ ] ;
for ( let offset = 0 ; offset < byteCharacters . length ; offset += sliceSize ) { for ( let offset = 0 ; offset < byteCharacters . length ; offset += sliceSize ) {
const slice = byteCharacters . slice ( offset , offset + sliceSize ) ; const slice = byteCharacters . slice ( offset , offset + sliceSize ) ;
const byteNumbers = new Array ( slice . length ) ; const byteNumbers = new Array ( slice . length ) ;
for ( let i = 0 ; i < slice . length ; i ++ ) { for ( let i = 0 ; i < slice . length ; i ++ ) {
byteNumbers [ i ] = slice . charCodeAt ( i ) ; byteNumbers [ i ] = slice . charCodeAt ( i ) ;
}
const byteArray = new Uint8Array ( byteNumbers ) ;
byteArrays . push ( byteArray ) ;
} }
const byteArray = new Uint8Array ( byteNumbers ) ; const blob = new Blob ( byteArrays , { type : contentType } ) ;
byteArrays . push ( byteArray ) ; return blob ;
} }
const blob = b64toBlob ( str , 'image/png' ) ;
await new Promise ( resolve => {
new Compressor ( blob , {
quality : 0.6 ,
maxWidth : 500 ,
success ( result ) {
const file = new File ( [ result ] , "name" , {
type : 'image/png'
} ) ;
compressedFile = file ;
resolve ( ) ;
} ,
error ( err ) {
console . log ( err . message ) ;
} ,
} )
} )
try {
await publishData ( {
registeredName : userName ,
file : compressedFile ,
service : 'QCHAT_IMAGE' ,
identifier : identifier ,
parentEpml ,
metaData : undefined ,
uploadType : 'file' ,
selectedAddress : this . selectedAddress ,
worker : workerImage
} )
this . isDeletingImage = false
} catch ( error ) {
this . isLoading = false ;
return
}
typeMessage = 'edit' ;
let chatReference = outSideMsg . editedMessageObj . reference ;
if ( outSideMsg . editedMessageObj . chatReference ) {
chatReference = outSideMsg . editedMessageObj . chatReference ;
}
const blob = new Blob ( byteArrays , { type : contentType } ) ; let message = "" ;
return blob ; try {
} const parsedMessageObj = JSON . parse ( outSideMsg . editedMessageObj . decodedMessage ) ;
const blob = b64toBlob ( str , 'image/png' ) ; message = parsedMessageObj ;
await new Promise ( resolve => {
new Compressor ( blob , { } catch ( error ) {
quality : 0.6 , message = outSideMsg . editedMessageObj . decodedMessage ;
maxWidth : 500 , }
success ( result ) { const messageObject = {
const file = new File ( [ result ] , "name" , { ... message ,
type : 'image/png' isImageDeleted : true
} ) ; }
const stringifyMessageObject = JSON . stringify ( messageObject ) ;
compressedFile = file ; this . sendMessage ( stringifyMessageObject , typeMessage , chatReference ) ;
resolve ( ) ; } else if ( outSideMsg && outSideMsg . type === 'deleteAttachment' ) {
} , this . isDeletingAttachment = true ;
error ( err ) { let compressedFile = ''
console . log ( err . message ) ; var str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg==" ;
} , const userName = outSideMsg . name ;
const identifier = outSideMsg . identifier ;
if ( this . webWorkerFile ) {
workerAttachment = this . webWorkerFile ;
} else {
this . webWorkerFile = new WebWorkerFile ( ) ;
}
const b64toBlob = ( b64Data , contentType = '' , sliceSize = 512 ) => {
const byteCharacters = atob ( b64Data ) ;
const byteArrays = [ ] ;
for ( let offset = 0 ; offset < byteCharacters . length ; offset += sliceSize ) {
const slice = byteCharacters . slice ( offset , offset + sliceSize ) ;
const byteNumbers = new Array ( slice . length ) ;
for ( let i = 0 ; i < slice . length ; i ++ ) {
byteNumbers [ i ] = slice . charCodeAt ( i ) ;
}
const byteArray = new Uint8Array ( byteNumbers ) ;
byteArrays . push ( byteArray ) ;
}
const blob = new Blob ( byteArrays , { type : contentType } ) ;
return blob ;
}
const blob = b64toBlob ( str , 'image/png' ) ;
await new Promise ( resolve => {
new Compressor ( blob , {
quality : 0.6 ,
maxWidth : 500 ,
success ( result ) {
const file = new File ( [ result ] , "name" , {
type : 'image/png'
} ) ;
compressedFile = file ;
resolve ( ) ;
} ,
error ( err ) {
console . log ( err . message ) ;
} ,
} )
} ) } )
} )
try { try {
await publishData ( { await publishData ( {
registeredName : userName , registeredName : userName ,
file : compressedFile , file : compressedFile ,
service : 'QCHAT_IMAGE' , service : 'QCHAT_ATTACHMENT ' ,
identifier : identifier , identifier : identifier ,
parentEpml , parentEpml ,
metaData : undefined , metaData : undefined ,
uploadType : 'file' , uploadType : 'file' ,
selectedAddress : this . selectedAddress , selectedAddress : this . selectedAddress ,
worker : workerImage worker : workerAttachment
} ) } )
this . isDeletingImage = false this . isDeletingAttachment = false
} catch ( error ) { } catch ( error ) {
this . isLoading = false ; this . isLoading = false ;
return return
@ -2479,7 +2572,7 @@ class ChatPage extends LitElement {
if ( outSideMsg . editedMessageObj . chatReference ) { if ( outSideMsg . editedMessageObj . chatReference ) {
chatReference = outSideMsg . editedMessageObj . chatReference ; chatReference = outSideMsg . editedMessageObj . chatReference ;
} }
let message = "" ; let message = "" ;
try { try {
const parsedMessageObj = JSON . parse ( outSideMsg . editedMessageObj . decodedMessage ) ; const parsedMessageObj = JSON . parse ( outSideMsg . editedMessageObj . decodedMessage ) ;
@ -2490,13 +2583,11 @@ class ChatPage extends LitElement {
} }
const messageObject = { const messageObject = {
... message , ... message ,
isImage Deleted : true isAttachment Deleted : true
} }
const stringifyMessageObject = JSON . stringify ( messageObject ) ; const stringifyMessageObject = JSON . stringify ( messageObject ) ;
this . sendMessage ( stringifyMessageObject , typeMessage , chatReference ) ; this . sendMessage ( stringifyMessageObject , typeMessage , chatReference ) ;
} else if ( outSideMsg && outSideMsg . type === 'image' ) {
}
else if ( outSideMsg && outSideMsg . type === 'image' ) {
this . isUploadingImage = true ; this . isUploadingImage = true ;
const userName = await getName ( this . selectedAddress . address ) ; const userName = await getName ( this . selectedAddress . address ) ;
if ( ! userName ) { if ( ! userName ) {
Justin Ferrari
2 years ago