diff --git 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 index cf8249bf..70372913 100644 --- 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 @@ -5,9 +5,39 @@ [companyCode]="companyCode" (keyDownEnter)="onKeyDownEnterOrganizationTenantSearch($event)" > + + + + + + + +
diff --git 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 index d7edeb03..8d034931 100644 --- 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 @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { Observable, combineLatest } from 'rxjs'; import { map } from 'rxjs/operators'; @@ -14,6 +14,7 @@ import { NGXLogger } from 'ngx-logger'; import { Company } from '@ucap-webmessenger/api-external'; import { SessionStorageService } from '@ucap-webmessenger/web-storage'; import { LoginInfo, KEY_LOGIN_INFO } from '@app/types'; +import { ExpansionPanelComponent as GroupExpansionPanelComponent } from '@ucap-webmessenger/ui-group'; @Component({ selector: 'app-layout-chat-left-sidenav-group', @@ -22,6 +23,9 @@ import { LoginInfo, KEY_LOGIN_INFO } from '@app/types'; animations: ucapAnimations }) export class GroupComponent implements OnInit { + @ViewChild('groupExpansionPanel', { static: true }) + groupExpansionPanel: GroupExpansionPanelComponent; + groupBuddyList$: Observable< { group: GroupDetailData; buddyList: UserInfo[] }[] >; @@ -91,6 +95,27 @@ export class GroupComponent implements OnInit { ); } + onClickGroupMenu(menuType: string) { + this.logger.debug('menuType', menuType); + switch (menuType) { + case 'GROUP_NEW': + break; + case 'GROUP_EXPAND_MORE': + this.groupExpansionPanel.expandMore(); + break; + case 'GROUP_EXPAND_LESS': + this.groupExpansionPanel.expandLess(); + break; + case 'GROUP_SAVE': + break; + case 'GROUP_RESTORE': + break; + + default: + break; + } + } + onSelectBuddy(buddy: UserInfo) { this.store.dispatch(ChatStore.selectedRoom({ roomSeq: buddy.seq })); } diff --git 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 index 72a85441..08c94fba 100644 --- 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 @@ -1,4 +1,4 @@ - + {{ groupBuddy.group.name }} diff --git 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 index cb6f9b2a..d1914eac 100644 --- 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 @@ -1,8 +1,16 @@ -import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; +import { + Component, + OnInit, + Input, + Output, + EventEmitter, + ViewChild +} from '@angular/core'; import { ucapAnimations } from '@ucap-webmessenger/ui'; import { GroupDetailData, UserInfo } from '@ucap-webmessenger/protocol-sync'; +import { MatAccordion } from '@angular/material'; @Component({ selector: 'ucap-group-expansion-panel', @@ -17,6 +25,8 @@ export class ExpansionPanelComponent implements OnInit { @Output() selectBuddy = new EventEmitter(); + @ViewChild('groupAccordion', { static: true }) groupAccordion: MatAccordion; + constructor() {} ngOnInit() {} @@ -24,4 +34,12 @@ export class ExpansionPanelComponent implements OnInit { onClickBuddy(buddy: UserInfo) { this.selectBuddy.emit(buddy); } + + expandMore() { + this.groupAccordion.openAll(); + } + + expandLess() { + this.groupAccordion.closeAll(); + } }