사용자 검색 >> 프레즌스 적용

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.ts

@@ -305,16 +305,6 @@ export class OrganizationComponent
                   // 검색 결과 처리.
                   this.searchUserInfos = searchUserInfos;
                   this.selectedDepartmentProcessing = false;
-                  // 검색 결과에 따른 프레즌스 조회.
-                  const userSeqList: number[] = [];
-                  if (userSeqList.length > 0) {
-                    this.store.dispatch(
-                      StatusStore.bulkInfo({
-                        divCd: 'orgSrch',
-                        userSeqs: this.searchUserInfos.map(user => user.seq)
-                      })
-                    );
-                  }
 
                   if (!!this.cvsvDeptSearchUser) {
                     this.cvsvDeptSearchUser.scrollToOffset(0);

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.html

@@ -1,4 +1,6 @@
 <ucap-integrated-search
+  [sessionVerinfo]="sessionVerinfo"
+  [presence]="presence$ | async"
   [searchWord]="!!data.keyword ? data.keyword : ''"
   [searchingProcessing]="searchingProcessing"
   [searchUserInfos]="searchUserInfos"

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.ts

@@ -1,9 +1,10 @@
 import { Component, OnInit, Inject, OnDestroy } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA, PageEvent } from '@angular/material';
-import { KEY_LOGIN_RES_INFO } from '@app/types';
+import { KEY_LOGIN_RES_INFO, KEY_VER_INFO } from '@app/types';
 import { SessionStorageService } from '@ucap-webmessenger/web-storage';
 
-import { Store } from '@ngrx/store';
+import { Store, select } from '@ngrx/store';
+import * as AppStore from '@app/store';
 import * as StatusStore from '@app/store/messenger/status';
 import {
   UserInfoSS,
@@ -16,12 +17,14 @@ import {
 } from '@ucap-webmessenger/protocol-query';
 import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
 import { map, catchError } from 'rxjs/operators';
-import { Subscription, of } from 'rxjs';
+import { Subscription, of, Observable } from 'rxjs';
 import { EnvironmentsInfo, KEY_ENVIRONMENTS_INFO } from '@app/types';
 import { NGXLogger } from 'ngx-logger';
 import { NativeService, UCAP_NATIVE_SERVICE } from '@ucap-webmessenger/native';
 import { environment } from '../../../../../environments/environment';
 import { TranslateService } from '@ngx-translate/core';
+import { StatusBulkInfo } from '@ucap-webmessenger/protocol-status';
+import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
 
 export interface IntegratedSearchDialogData {
   keyword: string;
@@ -36,8 +39,10 @@ export interface IntegratedSearchDialogResult {}
 })
 export class IntegratedSearchDialogComponent implements OnInit, OnDestroy {
   loginRes: LoginResponse;
+  sessionVerinfo: VersionInfo2Response;
   environmentsInfo: EnvironmentsInfo;
 
+  presence$: Observable<StatusBulkInfo[]>;
   searchSubscription: Subscription;
   searchUserInfos: UserInfoSS[] = [];
   searchingProcessing = false;
@@ -65,10 +70,17 @@ export class IntegratedSearchDialogComponent implements OnInit, OnDestroy {
     this.environmentsInfo = this.sessionStorageService.get<EnvironmentsInfo>(
       KEY_ENVIRONMENTS_INFO
     );
+    this.sessionVerinfo = this.sessionStorageService.get<VersionInfo2Response>(
+      KEY_VER_INFO
+    );
   }
 
   ngOnInit() {
     this.onSearch(this.data.keyword);
+
+    this.presence$ = this.store.pipe(
+      select(AppStore.MessengerSelector.StatusSelector.selectAllStatusBulkInfo)
+    );
   }
 
   onSearch(searchWord: string) {
@@ -109,8 +121,7 @@ export class IntegratedSearchDialogComponent implements OnInit, OnDestroy {
                   this.searchingProcessing = false;
 
                   // 검색 결과에 따른 프레즌스 조회.
-                  const userSeqList: number[] = [];
+                  if (searchUserInfos.length > 0) {
-                  if (userSeqList.length > 0) {
                     this.store.dispatch(
                       StatusStore.bulkInfo({
                         divCd: 'INT_SRCH',

projects/ucap-webmessenger-ui/src/lib/components/integrated-search.component.html

@@ -39,7 +39,17 @@
               </th>
               <td mat-cell *matCellDef="let element">
                 <div class="profile">
-                  {{ element.name }}
+                  {{ getPresence(element, PresenceType.PC) }} /
+                  {{ getPresence(element, PresenceType.MOBILE) }} /
+                  {{ getWorkstatus(element) }} /
+                  <img
+                    class="thumbnail"
+                    ucapImage
+                    [base]="profileImageRoot"
+                    [path]="element.profileImageFile"
+                    [default]="'assets/images/img_nophoto_50.png'"
+                    (click)="onClickOpenProfile($event, element.seq)"
+                  />
                 </div>
               </td>
             </ng-container>

projects/ucap-webmessenger-ui/src/lib/components/integrated-search.component.ts

@@ -10,7 +10,22 @@ import {
 } from '@angular/core';
 import { ucapAnimations } from '../animations';
 import { UserInfoSS } from '@ucap-webmessenger/protocol-query';
-import { MatPaginator, PageEvent, MatTabLabel } from '@angular/material';
+import { MatPaginator, PageEvent } from '@angular/material';
+import {
+  StatusBulkInfo,
+  WorkStatusType
+} from '@ucap-webmessenger/protocol-status';
+import { StatusCode } from '@ucap-webmessenger/core';
+import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
+
+export enum PresenceType {
+  PC = 'pc',
+  MOBILE = 'mobile',
+  CONFERENCE = 'conference',
+  MOBILE_CONFERENCE = 'mobileConference',
+  PHONE = 'phone',
+  IMESSENER = 'imessenger'
+}
 
 @Component({
   selector: 'ucap-integrated-search',
@@ -19,6 +34,12 @@ import { MatPaginator, PageEvent, MatTabLabel } from '@angular/material';
   animations: ucapAnimations
 })
 export class IntegratedSearchComponent implements OnInit {
+  @Input()
+  profileImageRoot?: string;
+  @Input()
+  sessionVerinfo: VersionInfo2Response;
+  @Input()
+  presence?: StatusBulkInfo[] = [];
   @Input()
   searchWord?: string;
   @Input()
@@ -36,6 +57,8 @@ export class IntegratedSearchComponent implements OnInit {
   search = new EventEmitter<string>();
   @Output()
   changePage = new EventEmitter<PageEvent>();
+  @Output()
+  openProfile = new EventEmitter<number>();
 
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
   displayedColumns: string[] = [
@@ -58,12 +81,17 @@ export class IntegratedSearchComponent implements OnInit {
   resizableFnMousemove: () => void;
   resizableFnMouseup: () => void;
 
+  PresenceType = PresenceType;
+
   constructor(
     private changeDetectorRef: ChangeDetectorRef,
     private renderer: Renderer2
   ) {}
 
-  ngOnInit() {}
+  ngOnInit() {
+    this.profileImageRoot =
+      this.profileImageRoot || this.sessionVerinfo.profileRoot;
+  }
 
   onSearch(keyword: string) {
     this.search.emit(keyword);
@@ -73,6 +101,76 @@ export class IntegratedSearchComponent implements OnInit {
     this.changePage.emit(event);
   }
 
+  getPresence(userInfo: UserInfoSS, type: PresenceType): string {
+    const presences = this.presence.filter(p => p.userSeq === userInfo.seq);
+
+    let status: string;
+    let rtnClass = '';
+    if (!!presences && presences.length > 0) {
+      const presence = presences[0];
+      switch (type) {
+        case PresenceType.PC:
+          status = !!presence ? presence.pcStatus : undefined;
+          break;
+        case PresenceType.MOBILE:
+          status = !!presence ? presence.mobileStatus : undefined;
+          break;
+      }
+
+      if (!!status) {
+        switch (status) {
+          case StatusCode.OnLine:
+            rtnClass = type + 'On';
+            break;
+          case StatusCode.Away:
+            rtnClass = type + 'Out';
+            break;
+          case StatusCode.Busy:
+            rtnClass = type + 'Other';
+            break;
+          default:
+            rtnClass = type + 'Off';
+            break;
+        }
+      }
+    } else {
+      rtnClass = type + 'Off';
+    }
+
+    return rtnClass;
+  }
+  getWorkstatus(userInfo: UserInfoSS): string {
+    let workstatus = '';
+    if (!!userInfo && !!userInfo.workstatus) {
+      switch (userInfo.workstatus) {
+        case WorkStatusType.VacationAM:
+          workstatus = '오전';
+          break;
+        case WorkStatusType.VacationPM:
+          workstatus = '오후';
+          break;
+        case WorkStatusType.VacationAll:
+          workstatus = '휴가';
+          break;
+        case WorkStatusType.LeaveOfAbsence:
+          workstatus = '휴직';
+          break;
+        case WorkStatusType.LongtermRefresh:
+          workstatus = '장기';
+          break;
+      }
+    }
+
+    return workstatus;
+  }
+
+  onClickOpenProfile(event: MouseEvent, userSeq: number) {
+    event.preventDefault();
+    event.stopPropagation();
+
+    this.openProfile.emit(userSeq);
+  }
+
   resizeTable(event: any, column: any) {
     this.start = event.target;
     this.pressed = true;