Merge branch 'master' of https://git.loafle.net/ucap-web/next-ucap-messenger

2019-12-26 19:09:02 +09:00 · 2019-12-26 19:09:02 +09:00 · 0b91db95f2
commit 0b91db95f2
parent 26889f6ceb 99669dd22f
40 changed files with 386 additions and 315 deletions
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.ts
@ -31,6 +31,7 @@ import {
 } from '@ucap-webmessenger/protocol-query';
 import { MatTabChangeEvent } from '@angular/material';
 import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
+import { OpenProfileOptions } from '@ucap-webmessenger/protocol-buddy';
 import { SessionStorageService } from '@ucap-webmessenger/web-storage';
 import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
 import { MessageApiService, MessageType } from '@ucap-webmessenger/api-message';
@ -69,9 +70,10 @@ export enum MainMenu {
 })
 export class LeftSideComponent implements OnInit, OnDestroy {
  @Output()
-  openProfile = new EventEmitter<
-    UserInfo | UserInfoSS | UserInfoF | UserInfoDN
-  >();
+  openProfile = new EventEmitter<{
+    userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN;
+    openProfileOptions?: OpenProfileOptions;
+  }>();
  @Output()
  sendCall = new EventEmitter<string>();
  @Output()
@ -262,8 +264,14 @@ export class LeftSideComponent implements OnInit, OnDestroy {
    }
  }

-  onClickOpenProfile(userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN) {
-    this.openProfile.emit(userInfo);
+  onClickOpenProfile(params: {
+    userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN;
+    openProfileOptions?: OpenProfileOptions;
+  }) {
+    this.openProfile.emit({
+      userInfo: params.userInfo,
+      openProfileOptions: params.openProfileOptions
+    });
  }
  onClickSendClickToCall(calleeNumber: string) {
    this.sendCall.emit(calleeNumber);
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html
@ -38,7 +38,7 @@
      [presence]="getStatusBulkInfo(userInfo) | async"
      [sessionVerinfo]="sessionVerinfo"
      (click)="onSelectBuddy(userInfo)"
-      (openProfile)="onClickOpenProfile($event)"
+      (openProfile)="onClickOpenProfile($event, group)"
      (contextmenu)="onContextMenuProfile($event, userInfo, group, false)"
      class="list-item-frame ucap-clickable"
    >
@ -159,7 +159,7 @@
  >
    <button
      mat-menu-item
-      (click)="onClickProfileContextMenu('VIEW_PROFILE', userInfo)"
+      (click)="onClickProfileContextMenu('VIEW_PROFILE', userInfo, group)"
    >
      프로필 보기
    </button>
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.ts
@ -44,6 +44,7 @@ import {
  SSVC_TYPE_QUERY_DEPT_USER_RES,
  DeptUserData
 } from '@ucap-webmessenger/protocol-query';
+import { OpenProfileOptions } from '@ucap-webmessenger/protocol-buddy';

 import {
  ucapAnimations,
@ -84,9 +85,10 @@ export class GroupComponent implements OnInit, OnDestroy {
  @Output()
  newGroupAndMember = new EventEmitter();
  @Output()
-  openProfile = new EventEmitter<
-    UserInfo | UserInfoSS | UserInfoF | UserInfoDN
-  >();
+  openProfile = new EventEmitter<{
+    userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN;
+    openProfileOptions?: OpenProfileOptions;
+  }>();

  @ViewChild('groupExpansionPanel', { static: false })
  groupExpansionPanel: GroupExpansionPanelComponent;
@ -430,7 +432,18 @@ export class GroupComponent implements OnInit, OnDestroy {
    );
    switch (menuType) {
      case 'VIEW_PROFILE':
-        this.openProfile.emit(userInfo);
+        this.openProfile.emit({
+          userInfo,
+          openProfileOptions: {
+            useDelBuddybutton:
+              !!group &&
+              environment.productConfig.CommonSetting.useMyDeptGroup &&
+              environment.productConfig.CommonSetting.myDeptGroupSeq ===
+                group.seq
+                ? false
+                : true
+          }
+        });
        break;
      case 'CHAT':
        this.onSelectBuddy(userInfo);
@ -557,8 +570,21 @@ export class GroupComponent implements OnInit, OnDestroy {
    }
  }

-  onClickOpenProfile(userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN) {
-    this.openProfile.emit(userInfo);
+  onClickOpenProfile(
+    userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN,
+    group: GroupDetailData
+  ) {
+    this.openProfile.emit({
+      userInfo,
+      openProfileOptions: {
+        useDelBuddybutton:
+          !!group &&
+          environment.productConfig.CommonSetting.useMyDeptGroup &&
+          environment.productConfig.CommonSetting.myDeptGroupSeq === group.seq
+            ? false
+            : true
+      }
+    });
  }

  onContextMenuProfile(
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.ts
@ -9,13 +9,10 @@ import {
  AfterViewChecked
 } from '@angular/core';
 import { Subscription, of } from 'rxjs';
-import { Store, select } from '@ngrx/store';
-import { tap, map, catchError, take } from 'rxjs/operators';
+import { Store } from '@ngrx/store';
+import { map, catchError, take } from 'rxjs/operators';
 import { NGXLogger } from 'ngx-logger';

-import * as AppStore from '@app/store';
-
-import { UserInfo } from '@ucap-webmessenger/protocol-room';
 import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
 import { SessionStorageService } from '@ucap-webmessenger/web-storage';
 import { DialogService } from '@ucap-webmessenger/ui';
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
@ -82,7 +82,7 @@
        <ucap-profile-user-list-item
          *cdkVirtualFor="let userInfo of searchUserInfos"
          [userInfo]="userInfo"
-          [checkable]="true"
+          [checkable]="userInfo.seq !== loginRes.userSeq"
          [sessionVerinfo]="sessionVerinfo"
          [selectedUserList]="selectedUserList"
          [isChecked]="getCheckedUser(userInfo)"
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.ts
@ -98,9 +98,9 @@ export class OrganizationComponent
    userInfos: (UserInfo | UserInfoSS | UserInfoF | UserInfoDN)[];
  }>();
  @Output()
-  openProfile = new EventEmitter<
-    UserInfo | UserInfoSS | UserInfoF | UserInfoDN
-  >();
+  openProfile = new EventEmitter<{
+    userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN;
+  }>();
  @Output()
  sendCall = new EventEmitter<string>();
  @Output()
@ -395,9 +395,10 @@ export class OrganizationComponent
  onCheckAllUser(value: boolean) {
    this.checkAllUser.emit({
      isChecked: value,
-      userInfos: this.isShowSearch
+      userInfos: (this.isShowSearch
        ? this.searchUserInfos
        : this.selectedDepartmentUserInfoList
+      ).filter(user => user.seq !== this.loginRes.userSeq)
    });
  }

@ -416,7 +417,7 @@ export class OrganizationComponent
  }

  onClickOpenProfile(userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN) {
-    this.openProfile.emit(userInfo);
+    this.openProfile.emit({ userInfo });
  }
  onClickSendClickToCall(calleeNumber: string) {
    this.sendCall.emit(calleeNumber);
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
@ -108,7 +108,7 @@ import { environment } from '../../../../environments/environment';
 })
 export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
  @Output()
-  openProfile = new EventEmitter<UserInfo>();
+  openProfile = new EventEmitter<{ userInfo: UserInfo }>();

  @ViewChild('chatForm', { static: false })
  private chatForm: UCapUiChatFormComponent;
@ -1192,7 +1192,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
      this.roomInfo.roomType !== RoomType.Allim_Elephant &&
      this.roomInfo.roomType !== RoomType.Allim_TMS
    ) {
-      this.openProfile.emit(userInfo);
+      this.openProfile.emit({ userInfo });
    }
  }

--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer.component.ts
@ -4,22 +4,22 @@ import { UserInfo } from '@ucap-webmessenger/protocol-room';
 import {
  UserInfoSS,
  UserInfoF,
-  UserInfoDN,
+  UserInfoDN
 } from '@ucap-webmessenger/protocol-query';

@Component({
  selector: 'app-layout-messenger-right-drawer',
  templateUrl: './right-drawer.component.html',
-  styleUrls: ['./right-drawer.component.scss'],
+  styleUrls: ['./right-drawer.component.scss']
 })
 export class RightDrawerComponent implements OnInit {
  @Input()
  selectedRightDrawer: RightDrawer;

  @Output()
-  openProfile = new EventEmitter<
-    UserInfo | UserInfoSS | UserInfoF | UserInfoDN
-  >();
+  openProfile = new EventEmitter<{
+    userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN;
+  }>();
  @Output()
  closeRightDrawer = new EventEmitter();

@ -30,7 +30,7 @@ export class RightDrawerComponent implements OnInit {
  ngOnInit() {}

  onClickOpenProfile(userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN) {
-    this.openProfile.emit(userInfo);
+    this.openProfile.emit({ userInfo });
  }

  onClickClose() {
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
@ -81,7 +81,7 @@
      flex-flow: row;
      align-items: center;
      font-size: 18px;
-      font-weight: 500;
+      font-weight: 600;
      padding: 10px 0 6px;
      line-height: 24px;
      color: #222222;
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.html
@ -6,6 +6,7 @@
  [myMadn]="loginRes.madn"
  [isBuddy]="isBuddy"
  [isFavorit]="isFavorit"
+  [openProfileOptions]="data.openProfileOptions"
  (openChat)="onClickChat($event)"
  (sendMessage)="onClickSendMessage($event)"
  (sendCall)="onClickSendClickToCall($event)"
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.ts
@ -36,6 +36,7 @@ import {
 } from '../group/select-group.dialog.component';
 import { FileUploadItem } from '@ucap-webmessenger/api';
 import { CommonApiService } from '@ucap-webmessenger/api-common';
+import { OpenProfileOptions } from '@ucap-webmessenger/protocol-buddy';
 import { EnvironmentsInfo, KEY_ENVIRONMENTS_INFO } from '@app/types';
 import { StatusCode } from '@ucap-webmessenger/api';
 import {
@ -54,6 +55,7 @@ import { environment } from '../../../../../environments/environment';

 export interface ProfileDialogData {
  userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN;
+  openProfileOptions?: OpenProfileOptions;
 }

 export interface ProfileDialogResult {}
@ -102,6 +104,8 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {

    this.editableProfileImage =
      environment.productConfig.CommonSetting.editableProfileImage;
+
+    console.log(data.openProfileOptions);
  }

  ngOnInit() {
--- a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.ts
@ -42,13 +42,10 @@ import {
 import { MatDrawer } from '@angular/material';
 import { NGXLogger } from 'ngx-logger';
 import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
+import { OpenProfileOptions } from '@ucap-webmessenger/protocol-buddy';
 import { DaesangProtocolService, SmsUtils } from '@ucap-webmessenger/daesang';
 import { CallService } from '@ucap-webmessenger/api-prompt';
-import {
-  EnvironmentsInfo,
-  KEY_ENVIRONMENTS_INFO,
-  KEY_URL_INFO
-} from '@app/types';
+import { EnvironmentsInfo, KEY_ENVIRONMENTS_INFO } from '@app/types';
 import { SessionStorageService } from '@ucap-webmessenger/web-storage';
 import {
  MessageApiService,
@ -63,7 +60,6 @@ import {
  MessageDetailDialogResult,
  MessageDetailDialogData
 } from '@app/layouts/messenger/dialogs/message/message-detail.dialog.component';
-import { DaesangUrlInfoResponse } from '@ucap-webmessenger/api-external';

@Component({
  selector: 'app-page-messenger-main',
@ -96,8 +92,7 @@ export class MainPageComponent implements OnInit, OnDestroy {
    private callService: CallService,
    private sessionStorageService: SessionStorageService,
    private dialogService: DialogService,
-    private logger: NGXLogger,
-    private changeDetectorRef: ChangeDetectorRef
+    private logger: NGXLogger
  ) {
    this.environmentsInfo = this.sessionStorageService.get<EnvironmentsInfo>(
      KEY_ENVIRONMENTS_INFO
@ -244,7 +239,10 @@ export class MainPageComponent implements OnInit, OnDestroy {
    this.leftSideComponentWidth = this.defaultLeftSideComponentWidth;
  }

-  onClickOpenProfile(userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN) {
+  onClickOpenProfile(params: {
+    userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN;
+    openProfileOptions?: OpenProfileOptions;
+  }) {
    // [GROUP]
    // this.queryProtocolService
    //   .dataUser({
@ -275,7 +273,7 @@ export class MainPageComponent implements OnInit, OnDestroy {
    this.daesangProtocolService
      .dataUserDaesang({
        divCd: 'OPENPROF',
-        seq: userInfo.seq,
+        seq: params.userInfo.seq,
        senderCompanyCode: this.loginRes.userInfo.companyCode,
        senderEmployeeType: this.loginRes.userInfo.employeeType
      })
@ -289,7 +287,8 @@ export class MainPageComponent implements OnInit, OnDestroy {
              ProfileDialogResult
            >(ProfileDialogComponent, {
              data: {
-                userInfo: res.userInfo
+                userInfo: res.userInfo,
+                openProfileOptions: params.openProfileOptions
              }
            });
          }
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/event/effects.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/event/effects.ts
@ -135,7 +135,8 @@ export class Effects {
      ofType(RoomStore.infoSuccess),
      map(action => {
        const roomInfo = action.roomInfo;
-        let requestCount = 0;
+        let requestCount =
+          environment.productConfig.CommonSetting.eventRequestDefaultCount;

        // 여기까지 읽음 처리..
        if (!!roomInfo.finalEventSeq && !!roomInfo.lastReadEventSeq) {
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/query/actions.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/query/actions.ts
@ -39,7 +39,6 @@ export const deptFailure = createAction(
  '[Messenger::Query] Dept Failure',
  props<{ error: any }>()
 );
-
 export const deptUser = createAction(
  '[Messenger::Query] Dept User',
  props<DeptUserRequest>()
@ -54,3 +53,8 @@ export const deptUserFailure = createAction(
  '[Messenger::Query] Dept User Failure',
  props<{ error: any }>()
 );
+
+export const myDeptUserSuccess = createAction(
+  '[Messenger::Query] My Dept User Success',
+  props<{ userInfos: UserInfoSS[] }>()
+);
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/query/effects.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/query/effects.ts
@ -11,7 +11,8 @@ import {
  deptFailure,
  deptUser,
  deptUserSuccess,
-  deptUserFailure
+  deptUserFailure,
+  myDeptUserSuccess
 } from './actions';

 import {
@ -28,6 +29,9 @@ import {
 } from '@ucap-webmessenger/protocol-query';

 import { Store } from '@ngrx/store';
+import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
+import { KEY_LOGIN_RES_INFO } from '@app/types';
+import { SessionStorageService } from '@ucap-webmessenger/web-storage';

@Injectable()
 export class Effects {
@ -94,6 +98,18 @@ export class Effects {
                      res: res as DeptUserResponse
                    })
                  );
+
+                  const loginResInfo: LoginResponse = this.sessionStorageService.get<
+                    LoginResponse
+                  >(KEY_LOGIN_RES_INFO);
+
+                  if (req.seq === loginResInfo.departmentCode) {
+                    this.store.dispatch(
+                      myDeptUserSuccess({
+                        userInfos
+                      })
+                    );
+                  }
                  break;
              }
            }),
@ -108,6 +124,7 @@ export class Effects {
  constructor(
    private actions$: Actions,
    private store: Store<any>,
-    private queryProtocolService: QueryProtocolService
+    private queryProtocolService: QueryProtocolService,
+    private sessionStorageService: SessionStorageService
  ) {}
 }
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/query/reducers.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/query/reducers.ts
@ -5,7 +5,8 @@ import {
  deptSuccess,
  deptUserSuccess,
  deptUser,
-  deptUserFailure
+  deptUserFailure,
+  myDeptUserSuccess
 } from './actions';

 import * as AuthenticationStore from '@app/store/account/authentication';
@ -49,6 +50,13 @@ export const reducer = createReducer(
    };
  }),

+  on(myDeptUserSuccess, (state, action) => {
+    return {
+      ...state,
+      myDepartmentUserInfoList: action.userInfos
+    };
+  }),
+
  on(AuthenticationStore.logoutInitialize, (state, action) => {
    return {
      ...initialState
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/query/state.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/query/state.ts
@ -14,6 +14,8 @@ export interface State {
  selectedDepartmentUserInfoList: UserInfoSS[] | null;
  selectedDepartmentStatus: DeptUserResponse | null;
  selectedDepartmentProcessing: boolean;
+
+  myDepartmentUserInfoList: UserInfoSS[] | null;
 }

 export const initialState: State = {
@ -21,15 +23,13 @@ export const initialState: State = {
  departmentInfoList: null,
  selectedDepartmentUserInfoList: null,
  selectedDepartmentStatus: null,
-  selectedDepartmentProcessing: false
+  selectedDepartmentProcessing: false,
+  myDepartmentUserInfoList: null
 };

 export function selectors<S>(selector: Selector<any, State>) {
  return {
-    auth: createSelector(
-      selector,
-      (state: State) => state.auth
-    ),
+    auth: createSelector(selector, (state: State) => state.auth),
    departmentInfoList: createSelector(
      selector,
      (state: State) => state.departmentInfoList
@ -45,6 +45,10 @@ export function selectors<S>(selector: Selector<any, State>) {
    selectedDepartmentProcessing: createSelector(
      selector,
      (state: State) => state.selectedDepartmentProcessing
+    ),
+    myDepartmentUserInfoList: createSelector(
+      selector,
+      (state: State) => state.myDepartmentUserInfoList
    )
  };
 }
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/sync/effects.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/sync/effects.ts
@ -111,6 +111,7 @@ import {
  DialogService,
  AlertDialogData
 } from '@ucap-webmessenger/ui';
+import { UserInfoSS } from '@ucap-webmessenger/protocol-query';

@Injectable()
 export class Effects {
@ -719,9 +720,15 @@ export class Effects {
                  GroupDetailData
                >
            )
-          )
+          ),
+          this.store.pipe(
+            select(
+              (state: any) =>
+                state.messenger.query.myDepartmentUserInfoList as UserInfoSS[]
+            )
+          ) // 내 부서원 비교.
        ),
-        tap(([action, buddyList, groupList]) => {
+        tap(([action, buddyList, groupList, myDeptUserList]) => {
          // Add Buddy
          const addBuddyList: number[] = [];
          action.trgtUserSeq.forEach(item => {
@ -734,15 +741,23 @@ export class Effects {
          let delBuddyInGroup: number[] = action.oldGroup.userSeqs.filter(
            v => action.trgtUserSeq.indexOf(v) < 0
          );
-          // tslint:disable-next-line: no-shadowed-variable
-          delBuddyInGroup = delBuddyInGroup.filter(delBuddy => {
+
+          // 소속부서(내부서) 고정그룹 사용시 소속부서원을 삭제하지 않는다.
+          if (environment.productConfig.CommonSetting.useMyDeptGroup) {
+            delBuddyInGroup = delBuddyInGroup.filter(
+              delbuddy =>
+                myDeptUserList.filter(deptUser => deptUser.seq === delbuddy)
+                  .length === 0
+            );
+          }
+          delBuddyInGroup = delBuddyInGroup.filter(delbuddy => {
            let exist = false;
            // tslint:disable-next-line: forin
            for (const key in groupList) {
              const group: GroupDetailData = groupList[key];
              if (
                group.seq !== action.oldGroup.seq &&
-                group.userSeqs.filter(v => v === delBuddy).length > 0
+                group.userSeqs.filter(v => v === delbuddy).length > 0
              ) {
                exist = true;
                break;
@ -856,20 +871,36 @@ export class Effects {
                GroupDetailData
              >
          )
-        )
+        ),
+        this.store.pipe(
+          select(
+            (state: any) =>
+              state.messenger.query.myDepartmentUserInfoList as UserInfoSS[]
+          )
+        ) // 내 부서원 비교.
      ),
-      exhaustMap(([action, groupList]) => {
+      exhaustMap(([action, groupList, myDeptUserList]) => {
        // Del Buddy
        const trgtBuddys = action.group.userSeqs;
-        // tslint:disable-next-line: no-shadowed-variable
-        const delBuddyList = trgtBuddys.filter(delBuddy => {
+
+        let delBuddyList: number[] = [];
+        // 소속부서(내부서) 고정그룹 사용시 소속부서원을 삭제하지 않는다.
+        if (environment.productConfig.CommonSetting.useMyDeptGroup) {
+          delBuddyList = trgtBuddys.filter(
+            delbuddy =>
+              myDeptUserList.filter(deptUser => deptUser.seq === delbuddy)
+                .length === 0
+          );
+        }
+
+        delBuddyList = trgtBuddys.filter(delbuddy => {
          let exist = false;
          // tslint:disable-next-line: forin
          for (const key in groupList) {
            const group: GroupDetailData = groupList[key];
            if (
              group.seq !== action.group.seq &&
-              group.userSeqs.filter(v => v === delBuddy).length > 0
+              group.userSeqs.filter(v => v === delbuddy).length > 0
            ) {
              exist = true;
              break;
@ -961,36 +992,60 @@ export class Effects {
                  GroupDetailData
                >
            )
-          )
+          ),
+          this.store.pipe(
+            select(
+              (state: any) =>
+                state.messenger.query.myDepartmentUserInfoList as UserInfoSS[]
+            )
+          ) // 내 부서원 비교.
        ),
-        tap(([req, groupList]) => {
+        tap(([req, groupList, myDeptUserList]) => {
          // tslint:disable-next-line: forin
          for (const key in groupList) {
            const group: GroupDetailData = groupList[key];
            if (group.userSeqs.indexOf(req.seq) > -1) {
-              // Group Clear..
-              this.store.dispatch(
-                updateGroup({
-                  groupSeq: group.seq,
-                  groupName: group.name,
-                  userSeqs: group.userSeqs.filter(
-                    userSeq => userSeq !== req.seq
-                  )
-                })
-              );
+              // 소속부서(내부서) 고정그룹 사용시 소속부서원을 삭제하지 않는다.
+              if (
+                environment.productConfig.CommonSetting.useMyDeptGroup &&
+                myDeptUserList.filter(deptUser => deptUser.seq === group.seq)
+                  .length > 0
+              ) {
+                // skip;;
+              } else {
+                // Group Clear..
+                this.store.dispatch(
+                  updateGroup({
+                    groupSeq: group.seq,
+                    groupName: group.name,
+                    userSeqs: group.userSeqs.filter(
+                      userSeq => userSeq !== req.seq
+                    )
+                  })
+                );
+              }
            }
          }

-          // Favorit Clear..
-          this.store.dispatch(
-            updateBuddy({
-              seq: req.seq,
-              isFavorit: false
-            })
-          );
+          // 소속부서(내부서) 고정그룹 사용시 소속부서원을 삭제하지 않는다.
+          if (
+            environment.productConfig.CommonSetting.useMyDeptGroup &&
+            myDeptUserList.filter(deptUser => deptUser.seq === req.seq).length >
+              0
+          ) {
+            // skip;;
+          } else {
+            // Favorit Clear..
+            this.store.dispatch(
+              updateBuddy({
+                seq: req.seq,
+                isFavorit: false
+              })
+            );

-          // Buddy Clear..
-          this.store.dispatch(delBuddy({ userSeqs: [req.seq] }));
+            // Buddy Clear..
+            this.store.dispatch(delBuddy({ userSeqs: [req.seq] }));
+          }
        })
      );
    },
--- a/projects/ucap-webmessenger-app/src/assets/i18n/en.json
+++ b/projects/ucap-webmessenger-app/src/assets/i18n/en.json
@ -606,7 +606,10 @@
    "addNew": "Add new group",
    "expandMore": "Expand all groups",
    "expandLess": "Collapse all groups",
-    "name": "Group name"
+    "name": "Group name",
+    "nameFavorit": "Favorit",
+    "nameMyDept": "My Dept",
+    "nameDefault": "Default"
  },
  "chat": {
    "room": "Chat room",
--- a/projects/ucap-webmessenger-app/src/assets/i18n/ko.json
+++ b/projects/ucap-webmessenger-app/src/assets/i18n/ko.json
@ -606,7 +606,10 @@
    "addNew": "새 그룹 추가",
    "expandMore": "그룹 전체 열기",
    "expandLess": "그룹 전체 닫기",
-    "name": "그룹 이름"
+    "name": "그룹 이름",
+    "nameFavorit": "즐겨찾기",
+    "nameMyDept": "소속부서",
+    "nameDefault": "기본"
  },
  "chat": {
    "room": "대화방",
--- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
+++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
@ -236,6 +236,9 @@ $daesang-grey: (
  .border-accent-color {
    border: 1px solid mat-color($accent);
  }
+  .stroke-accent-darkest {
+    stroke: mat-color($accent, 800);
+  }
  .border-warn-color {
    border: mat-color($warn);
  }
--- a/projects/ucap-webmessenger-app/src/environments/environment.daesang.dev.ts
+++ b/projects/ucap-webmessenger-app/src/environments/environment.daesang.dev.ts
@ -66,6 +66,9 @@ export const environment: Environment = {
    CommonSetting: {
      editableProfileImage: false,

+      useMyDeptGroup: true,
+      myDeptGroupSeq: -5,
+
      useTimerRoom: false,
      timerRoomDefaultInterval: 24 * 60 * 60,

--- a/projects/ucap-webmessenger-app/src/environments/environment.daesang.prod.ts
+++ b/projects/ucap-webmessenger-app/src/environments/environment.daesang.prod.ts
@ -66,6 +66,9 @@ export const environment: Environment = {
    CommonSetting: {
      editableProfileImage: false,

+      useMyDeptGroup: true,
+      myDeptGroupSeq: -5,
+
      useTimerRoom: false,
      timerRoomDefaultInterval: 24 * 60 * 60,

--- a/projects/ucap-webmessenger-app/src/environments/environment.dev.ts
+++ b/projects/ucap-webmessenger-app/src/environments/environment.dev.ts
@ -66,6 +66,9 @@ export const environment: Environment = {
    CommonSetting: {
      editableProfileImage: true,

+      useMyDeptGroup: false,
+      myDeptGroupSeq: -999,
+
      useTimerRoom: true,
      timerRoomDefaultInterval: 24 * 60 * 60,

--- a/projects/ucap-webmessenger-app/src/environments/environment.prod.ts
+++ b/projects/ucap-webmessenger-app/src/environments/environment.prod.ts
@ -66,6 +66,9 @@ export const environment: Environment = {
    CommonSetting: {
      editableProfileImage: true,

+      useMyDeptGroup: false,
+      myDeptGroupSeq: -999,
+
      useTimerRoom: true,
      timerRoomDefaultInterval: 24 * 60 * 60,

--- a/projects/ucap-webmessenger-app/src/environments/environment.type.ts
+++ b/projects/ucap-webmessenger-app/src/environments/environment.type.ts
@ -64,8 +64,14 @@ export interface Environment {
    defaultSettings: Settings;

    CommonSetting: {
+      /** 내 프로필 이미지 수정 가능 여부 */
      editableProfileImage: boolean;

+      /** 소속부서(내부서) 그룹핑 사용여부 */
+      useMyDeptGroup: boolean;
+      /** 소속부서(내부서) 고정 그룹 SEQ */
+      myDeptGroupSeq: number;
+
      /** 타이머대화방 사용유무 */
      useTimerRoom: boolean;
      /** 타이머대화방 기본 interval */
--- a/projects/ucap-webmessenger-app/src/index.html
+++ b/projects/ucap-webmessenger-app/src/index.html
@ -90,7 +90,7 @@
          <mpath xlink:href="#loop-offset" />
        </animateMotion>
      </svg>
-      <div class="credit">Welcome to M-Messenger</div>
+      <div class="credit">Welcome to DS Talk</div>
    </div>
  </body>
 </html>
--- a/projects/ucap-webmessenger-protocol-buddy/src/lib/types/openProfileOptions.ts
+++ b/projects/ucap-webmessenger-protocol-buddy/src/lib/types/openProfileOptions.ts
@ -0,0 +1,3 @@
+export interface OpenProfileOptions {
+  useDelBuddybutton?: boolean;
+}
--- a/projects/ucap-webmessenger-protocol-buddy/src/public-api.ts
+++ b/projects/ucap-webmessenger-protocol-buddy/src/public-api.ts
@ -7,6 +7,7 @@ export * from './lib/protocols/update';

 export * from './lib/services/buddy-protocol.service';

+export * from './lib/types/openProfileOptions';
 export * from './lib/types/service';

 export * from './lib/ucap-buddy-protocol.module';
--- 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
@ -1,20 +1,20 @@
 <div class="event-main">
-  <div class="event-header">
+  <div class="event-header bg-accent-darkest">
    {{ message.sentMessageJson.title }}
  </div>
  <ul class="event-info">
-    <li class="event-title">
+    <li class="event-sender bg-accent-brightest text-accent-darkest">
+      <span class="bg-accent-dark"> 발송인</span>
+      {{ message.sentMessageJson.sendName }}
+    </li>
+    <li class="event-time bg-accent-brightest text-accent-darkest">
+      <span class="bg-accent-dark">발송시간</span>
+      {{ message.sentMessageJson.postDate | ucapDate: 'YYYY.MM.DD a hh:mm' }}
+    </li>
+    <li class="event-content">
      {{ message.sentMessageJson.content }}
    </li>
-    <li class="event-date">
-      <span>발송인</span>{{ message.sentMessageJson.sendName }}
-    </li>
-    <li class="event-time">
-      <span>발송시간</span
-      >{{ message.sentMessageJson.postDate | ucapDate: 'YYYY.MM.DD a hh:mm' }}
-    </li>
  </ul>
-
  <!-- <div class="btn-box">
    <button mat-button (click)="onClickSave()">상세보기</button>
  </div> -->
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.scss
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/allim.component.scss
@ -3,30 +3,43 @@
  text-align: left;
  .event-header {
    padding: 10px;
-    background-color: #efefef;
-    text-align: center;
    font-size: 14px;
    font-weight: 600;
+    margin: 6px 6px 2px;
+    padding: 10px 20px;
+    border-radius: 3px 3px 0 0;
  }
  .event-info {
-    padding: 10px 14px;
+    margin: 0 4px;
    line-height: 1.6em;
    li {
-      margin-bottom: 4px;
      &.event-title {
-        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 14px;
      }
-      &.event-date,
+      &.event-sender,
      &.event-time {
-        color: #666666;
+        padding: 4px 10px;
+        border-bottom: 1px dotted #dddddd;
+        span {
+          width: 80px;
+          padding: 2px 6px;
+          margin-right: 10px;
+          border-radius: 100px;
+          line-height: 20px;
+          display: inline-flex;
+          justify-content: center;
+          font-size: 0.96em;
+          margin-bottom: 2px;
+        }
      }
-      span {
-        padding: 2px 6px;
-        background-color: #efefef;
-        margin-right: 10px;
+      &.event-content {
+        padding: 10px;
+        color: #444444;
+        font-weight: normal;
+        margin-bottom: 10px;
+        font-size: 1em;
      }
    }
  }
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/read-here.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/read-here.component.html
@ -1,5 +1,5 @@
-<div class="read-here">
-  <span class="line"></span>
+<div class="read-here bg-warn-color">
+  <!--<span class="line"></span>-->
  <span>여기까지 읽었습니다.</span>
-  <span class="line"></span>
+  <!--<span class="line"></span>-->
 </div>
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/read-here.component.scss
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/read-here.component.scss
@ -2,17 +2,9 @@
  display: flex;
  align-content: center;
  flex-flow: row;
-  .line {
-    height: 1px;
-    background-color: #cccccc;
-    width: 40%;
-    flex: 1 1 auto;
-    margin-bottom: 10px;
-  }
-  .date {
-    width: 160px;
-    font-size: 13px;
-    text-align: center;
-    font-weight: 600;
-  }
+  //background-color: rgba(0, 0, 0, 0.4);
+  padding: 4px 10px;
+  color: #ffffff;
+  border-radius: 100px;
+  justify-content: center;
 }
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.scss
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.scss
@ -1,135 +1,3 @@
-/*.chat-messages {
-  position: relative;
-  padding: 16px 40px;
-
-  .message-row {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: flex-end;
-    padding: 0 16px 4px 16px;
-
-    .avatar {
-      position: absolute;
-      left: -32px;
-      margin: 0;
-    }
-
-    .bubble {
-      position: relative;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 12px;
-      max-width: 100%;
-
-      .message {
-        white-space: pre-wrap;
-        line-height: 1.2;
-      }
-
-      .time {
-        position: absolute;
-        display: none;
-        width: 100%;
-        font-size: 11px;
-        margin-top: 8px;
-        top: 100%;
-        left: 0;
-        white-space: nowrap;
-      }
-    }
-
-    &.contact {
-      .bubble {
-        border-top-left-radius: 5px;
-        border-bottom-left-radius: 5px;
-
-        border-top-right-radius: 20px;
-        border-bottom-right-radius: 20px;
-
-        .time {
-          margin-left: 12px;
-        }
-      }
-
-      &.first-of-group {
-        .bubble {
-          border-top-left-radius: 20px;
-        }
-      }
-
-      &.last-of-group {
-        .bubble {
-          border-bottom-left-radius: 20px;
-        }
-      }
-    }
-
-    &.me {
-      padding-left: 40px;
-
-      .avatar {
-        order: 2;
-        margin: 0 0 0 16px;
-      }
-
-      .bubble {
-        margin-left: auto;
-
-        border-top-left-radius: 20px;
-        border-bottom-left-radius: 20px;
-
-        border-top-right-radius: 5px;
-        border-bottom-right-radius: 5px;
-
-        .time {
-          justify-content: flex-end;
-          right: 0;
-          margin-right: 12px;
-        }
-      }
-
-      &.first-of-group {
-        .bubble {
-          border-top-right-radius: 20px;
-        }
-      }
-
-      &.last-of-group {
-        .bubble {
-          border-bottom-right-radius: 20px;
-        }
-      }
-    }
-
-    &.contact + .me,
-    &.me + .contact {
-      padding-top: 20px;
-      margin-top: 20px;
-    }
-
-    &.first-of-group {
-      .bubble {
-        border-top-left-radius: 20px;
-        padding-top: 13px;
-      }
-    }
-
-    &.last-of-group {
-      .bubble {
-        border-bottom-left-radius: 20px;
-        padding-bottom: 13px;
-
-        .time {
-          display: flex;
-        }
-      }
-    }
-  }
-}
-*/
 $otherBox-line: #cccccc;
 $otherBox-bg: #ffffff;
 $meBox-line: #cccccc;
@ -141,12 +9,12 @@ $meBox-bg: #ffffff;
  flex-direction: column;
 }
 .information-msg {
-  width: 100%;
+  /* width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 10px;
-  margin: 10px 0;
+  margin: 10px 0;*/
 }

 .message-row {
--- a/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html
+++ b/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html
@ -52,26 +52,38 @@
              {{ treeControl.isExpanded(node) ? 'expand_less' : 'expand_more' }}
            </mat-icon>
          </button>
+
          <ng-container [ngSwitch]="node.nodeType">
            <span *ngSwitchCase="NodeType.Profile">
              <span class="title-name ellipsis">내 프로필</span>
            </span>
            <span *ngSwitchCase="NodeType.Favorit">
-              <span class="title-name ellipsis">즐겨찾기</span>
-              <span class="text-accent-color number">
-                ({{ node.countOfChildren }}명)</span
-              ></span
-            >
+              <span class="title-name ellipsis">{{
+                'group.nameFavorit' | translate
+              }}</span>
+            </span>
+            <span *ngSwitchCase="NodeType.Default">
+              <span class="title-name ellipsis">{{
+                'group.nameDefault' | translate
+              }}</span>
+            </span>
+            <span *ngSwitchCase="NodeType.MyDept">
+              <span class="title-name ellipsis">{{
+                'group.nameMyDept' | translate
+              }}</span>
+            </span>
+
            <span *ngSwitchCase="NodeType.Buddy">
              <span class="title-name ellipsis">{{
                node.groupDetail.name
              }}</span>
-              <span class="text-accent-color number">
-                ({{ node.countOfChildren }}명)</span
-              >
            </span>
          </ng-container>

+          <span class="text-accent-color number">
+            ({{ node.countOfChildren }}명)</span
+          >
+
          <mat-checkbox
            *ngIf="checkable"
            #checkbox
--- a/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.ts
+++ b/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.ts
@ -33,7 +33,9 @@ enum NodeType {
  None = 'None',
  Favorit = 'Favorit',
  Profile = 'Profile',
-  Buddy = 'Buddy'
+  Buddy = 'Buddy',
+  Default = 'Default',
+  MyDept = 'MyDept'
 }

 interface GroupNode {
@ -111,8 +113,15 @@ export class ExpansionPanelComponent
    this.buddyNodes = [];

    for (const item of list) {
+      let nodeType = NodeType.Buddy;
+      if (item.group.seq === 0) {
+        nodeType = NodeType.Default;
+      } else if (item.group.seq === -5) {
+        nodeType = NodeType.MyDept;
+      }
+
      const groupNode: GroupNode = {
-        nodeType: NodeType.Buddy,
+        nodeType,
        groupDetail: item.group,
        children: []
      };
@ -123,7 +132,7 @@ export class ExpansionPanelComponent

      item.buddyList.forEach(userInfo => {
        groupNode.children.push({
-          nodeType: NodeType.Buddy,
+          nodeType,
          groupDetail: item.group,
          userInfo
        });
--- a/projects/ucap-webmessenger-ui-group/src/lib/ucap-ui-group.module.ts
+++ b/projects/ucap-webmessenger-ui-group/src/lib/ucap-ui-group.module.ts
@ -16,6 +16,7 @@ import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';

 import { ExpansionPanelComponent } from './components/expansion-panel.component';
 import { ExpansionPanelItemDirective } from './directives/expansion-panel-item.directive';
+import { TranslateModule } from '@ngx-translate/core';

 const COMPONENTS = [ExpansionPanelComponent];
 const DIALOGS = [];
@ -30,6 +31,8 @@ const SERVICES = [];

    ScrollingModule,

+    TranslateModule,
+
    MatButtonModule,
    MatExpansionModule,
    MatIconModule,
--- a/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.html
+++ b/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.html
@ -19,6 +19,9 @@
        </span>
        <span class="dept">
          {{ message.regDate | ucapDate: 'MM:DD' }}
+          <div *ngIf="message.type === MessageType.Receive && !message.readYn">
+            New
+          </div>
        </span>
      </div>
    </dd>
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
@ -86,50 +86,48 @@
        </svg>
      </span>
      <span class="btn-groupadd">
-        <ng-container [ngSwitch]="isBuddy">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.5"
-            stroke-linecap="butt"
-            stroke-linejoin="round"
-            class="on"
-            *ngSwitchCase="false"
-            (click)="onClickAddBuddy()"
-            matTooltip="동료추가"
-          >
-            <!-- not buddy -->
-            <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
-            <circle cx="8.5" cy="7" r="4"></circle>
-            <line x1="20" y1="8" x2="20" y2="14"></line>
-            <line x1="23" y1="11" x2="17" y2="11"></line>
-          </svg>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linecap="butt"
+          stroke-linejoin="round"
+          class="on"
+          *ngIf="!isBuddy"
+          (click)="onClickAddBuddy()"
+          matTooltip="동료추가"
+        >
+          <!-- not buddy -->
+          <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+          <circle cx="8.5" cy="7" r="4"></circle>
+          <line x1="20" y1="8" x2="20" y2="14"></line>
+          <line x1="23" y1="11" x2="17" y2="11"></line>
+        </svg>

-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.5"
-            stroke-linecap="butt"
-            stroke-linejoin="round"
-            class="on"
-            *ngSwitchCase="true"
-            (click)="onClickDelBuddy()"
-            matTooltip="동료삭제"
-          >
-            <!-- is buddy -->
-            <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
-            <circle cx="8.5" cy="7" r="4"></circle>
-            <line x1="23" y1="11" x2="17" y2="11"></line>
-          </svg>
-        </ng-container>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linecap="butt"
+          stroke-linejoin="round"
+          class="on"
+          *ngIf="getShowBuddyDelBtn()"
+          (click)="onClickDelBuddy()"
+          matTooltip="동료삭제"
+        >
+          <!-- is buddy -->
+          <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+          <circle cx="8.5" cy="7" r="4"></circle>
+          <line x1="23" y1="11" x2="17" y2="11"></line>
+        </svg>
      </span>
    </div>
    <!-- <div *ngIf="isMe" class="profile-edit">
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.ts
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.ts
@ -9,8 +9,8 @@ import {
  Inject
 } from '@angular/core';

-import { UserInfo } from '@ucap-webmessenger/protocol-sync';
-import { UserInfoF, UserInfoSS } from '@ucap-webmessenger/protocol-query';
+import { UserInfoSS } from '@ucap-webmessenger/protocol-query';
+import { OpenProfileOptions } from '@ucap-webmessenger/protocol-buddy';
 import { FileUploadItem } from '@ucap-webmessenger/api';
 import { FormControl } from '@angular/forms';
 import { SmsUtils } from '@ucap-webmessenger/daesang';
@ -37,6 +37,8 @@ export class ProfileComponent implements OnInit {
  userInfo: UserInfoSS;
  @Input()
  myMadn?: string;
+  @Input()
+  openProfileOptions?: OpenProfileOptions;

  @Output()
  openChat = new EventEmitter<UserInfoSS>();
@ -194,4 +196,19 @@ export class ProfileComponent implements OnInit {

    return true;
  }
+
+  getShowBuddyDelBtn(): boolean {
+    if (!!this.isBuddy) {
+      if (
+        !!this.openProfileOptions &&
+        !this.openProfileOptions.useDelBuddybutton
+      ) {
+        return false;
+      }
+
+      return true;
+    }
+
+    return false;
+  }
 }