bug fixed

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html

@@ -327,7 +327,7 @@
       (clearView)="clearView()"
       (toggleStickerSelector)="onShowToggleStickerSelector($event)"
       (toggleTranslation)="onShowToggleTranslation($event)"
-      (clipboardPaste)="onClipboardPaste()"
+      (clipboardPaste)="onClipboardPaste($event)"
     ></ucap-chat-form>
     <!-- / REPLY FORM -->
   </div>

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts

@@ -1965,7 +1965,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
     this.translationPreviewInfo = null;
   }
 
-  onClipboardPaste() {
+  onClipboardPaste(event: ClipboardEvent) {
     this.nativeService.readFromClipboard().then(async data => {
       if (!!data.image && !!data.text) {
         const result = await this.dialogService.open<
@@ -2003,7 +2003,18 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
 
         this.onFileSelected(fileUploadItems);
       } else {
-        this.chatForm.replyInput.nativeElement.value = `${this.chatForm.replyInput.nativeElement.value}${data.text}`;
+        const v = this.chatForm.replyInput.nativeElement.value;
+        const selectionStart = this.chatForm.replyInput.nativeElement
+          .selectionStart;
+        const selectionEnd = this.chatForm.replyInput.nativeElement
+          .selectionEnd;
+
+        const start = v.substr(0, selectionStart);
+        const end = v.substr(selectionEnd);
+
+        this.chatForm.replyInput.nativeElement.value = `${start}${data.text}${end}`;
+
+        event.preventDefault();
       }
     });
   }

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.html

@@ -32,19 +32,17 @@
         </mat-tab> -->
         <!-- <mat-tab *ngIf="data.content.html">
           <ng-template mat-tab-label>
-            <mat-checkbox #chkHtml="matCheckbox"> </mat-checkbox>
+            <mat-checkbox #chkHtml> </mat-checkbox>
             <span class="title-text">{{
               'common.file.clipboardType.html' | translate
             }}</span>
           </ng-template>
 
           <perfect-scrollbar>
-            <div fxFlexFill>
+            <div
-              <table
+              fxFlexFill
-                fxFlexFill
+              [innerHTML]="data.content.html | ucapSafeHtml"
-                [innerHTML]="data.content.html | ucapSafeHtml"
+            ></div>
-              ></table>
-            </div>
           </perfect-scrollbar>
         </mat-tab> -->
         <mat-tab *ngIf="data.content.image && data.content.imageDataUrl">

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.ts

@@ -35,6 +35,9 @@ export class ClipboardDialogComponent implements OnInit, AfterViewInit {
   @ViewChild('chkText', { static: false })
   chkText: MatCheckbox;
 
+  @ViewChild('chkHtml', { static: false })
+  chkHtml: MatCheckbox;
+
   @ViewChild('chkImage', { static: false })
   chkImage: MatCheckbox;
 
@@ -58,6 +61,7 @@ export class ClipboardDialogComponent implements OnInit, AfterViewInit {
     if (choice) {
       selected = {
         text: !!this.chkText && this.chkText.checked,
+        html: !!this.chkHtml && this.chkHtml.checked,
         image: !!this.chkImage && this.chkImage.checked
       };
     } else {

projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.ts

@@ -35,7 +35,7 @@ export class FormComponent implements OnInit {
   clearView = new EventEmitter();
 
   @Output()
-  clipboardPaste = new EventEmitter();
+  clipboardPaste = new EventEmitter<ClipboardEvent>();
 
   @ViewChild('replyForm', { static: false })
   replyForm: NgForm;
@@ -91,6 +91,6 @@ export class FormComponent implements OnInit {
   onPasteReply(event: ClipboardEvent) {
     event.preventDefault();
 
-    this.clipboardPaste.emit();
+    this.clipboardPaste.emit(event);
   }
 }