TMS, 코끼리 알림 >> 알림 이벤트 내 contents 의 링크 생성 기능 추가.

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">
+    <li
-      {{ message.sentMessageJson.content }}
+      class="event-content"
-    </li>
+      [innerHTML]="
+        message.sentMessageJson.content | ucapSafeHtml | linefeedtohtml | linky
+      "
+    ></li>
   </ul>
   <!-- <div class="btn-box">
     <button mat-button (click)="onClickSave()">상세보기</button>

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
+    );
+  }
 }