From 71187d64f55b4e62fcc72534f8f838926e09ec84 Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Tue, 24 Mar 2020 10:18:18 +0900
Subject: [PATCH] =?UTF-8?q?TMS,=20=EC=BD=94=EB=81=BC=EB=A6=AC=20=EC=95=8C?=
 =?UTF-8?q?=EB=A6=BC=20>>=20=EC=95=8C=EB=A6=BC=20=EC=9D=B4=EB=B2=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EB=82=B4=20contents=20=EC=9D=98=20=EB=A7=81?=
 =?UTF-8?q?=ED=81=AC=20=EC=83=9D=EC=84=B1=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../message-box/allim.component.html          |  9 +++--
 .../components/message-box/allim.component.ts | 35 +++++++++++++++++--
 2 files changed, 38 insertions(+), 6 deletions(-)

diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.html
index e23ecc52..3aa065eb 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.html
@@ -11,9 +11,12 @@
       <span class="bg-accent-dark">{{ 'chat.sentDate' | translate }}</span>
       {{ message.sentMessageJson.postDate | ucapDate: 'YYYY.MM.DD a hh:mm' }}
     </li>
-    <li class="event-content">
-      {{ message.sentMessageJson.content }}
-    </li>
+    <li
+      class="event-content"
+      [innerHTML]="
+        message.sentMessageJson.content | ucapSafeHtml | linefeedtohtml | linky
+      "
+    ></li>
   </ul>
   <!-- <div class="btn-box">
     <button mat-button (click)="onClickSave()">상세보기</button>
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.ts
index 5d922da3..07eec0db 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.ts
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.ts
@@ -1,16 +1,45 @@
-import { Component, OnInit, Input } from '@angular/core';
+import {
+  Component,
+  OnInit,
+  Input,
+  AfterViewInit,
+  ElementRef,
+  Inject
+} from '@angular/core';
 import { Info, AllimEventJson } from '@ucap-webmessenger/protocol-event';
+import { UCAP_NATIVE_SERVICE, NativeService } from '@ucap-webmessenger/native';
 
 @Component({
   selector: 'ucap-chat-message-box-allim',
   templateUrl: './allim.component.html',
   styleUrls: ['./allim.component.scss']
 })
-export class AllimComponent implements OnInit {
+export class AllimComponent implements OnInit, AfterViewInit {
   @Input()
   message: Info<AllimEventJson>;
 
-  constructor() {}
+  constructor(
+    private elementRef: ElementRef,
+    @Inject(UCAP_NATIVE_SERVICE) private nativeService: NativeService
+  ) {}
 
   ngOnInit() {}
+
+  ngAfterViewInit(): void {
+    if (
+      !!this.elementRef.nativeElement &&
+      !!this.elementRef.nativeElement.querySelector('a')
+    ) {
+      const elements = this.elementRef.nativeElement.querySelectorAll('a');
+      elements.forEach(element => {
+        element.addEventListener('click', this.onClickEvent.bind(this));
+      });
+    }
+  }
+
+  onClickEvent(event: MouseEvent) {
+    this.nativeService.openDefaultBrowser(
+      (event.target as HTMLAnchorElement).text
+    );
+  }
 }