diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html index 0d3b73fa..474b3ae8 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html @@ -145,65 +145,6 @@ > more_vert - - - - - - - - - - -
@@ -251,6 +192,7 @@ [eventRemained$]="eventRemainedSubject.asObservable()" [userInfos$]="userInfoListSubject.asObservable()" [loginRes$]="loginResSubject.asObservable()" + [lock$]="lockSubject.asObservable()" [sessionVerInfo]="sessionVerInfo" [isShowUnreadCount]="getShowUnreadCount()" [clearReadHere]="clearReadHere" @@ -335,6 +277,65 @@
+ + + + + + + + + + +
{{ 'chat.forwardEventTo' | translate }} diff --git 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 index acd4ffc8..bf9fc360 100644 --- 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 @@ -177,6 +177,8 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit { eventRemainedSubscription: Subscription; eventRemainedSubject = new BehaviorSubject(false); // 이전대화가 남아 있는지 여부 + lockSubject = new BehaviorSubject(false); + sessionVerInfo: VersionInfo2Response; baseEventSeq = 0; @@ -305,6 +307,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit { ) ) .subscribe(process => { + this.lockSubject.next(process); this.searchEventListProcessing = process; if (!process && this.isShowSearchArea) { this.doSearchTextInEvent(this.searchText); @@ -1355,7 +1358,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit { } } break; - case 'REPLAY': + case 'FORWARD': { const result = await this.dialogService.open< CreateChatDialogComponent, @@ -1401,7 +1404,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit { } } break; - case 'REPLAY_TO_ME': + case 'FORWARD_TO_ME': { if (this.loginResSubject.value.talkWithMeBotSeq > -1) { this.store.dispatch( @@ -1812,7 +1815,8 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit { this.store.dispatch(EventStore.infoForSearchEnd({})); - this.chatMessages.gotoPosition(this.searchedFocusEvent.seq); + // this.chatMessages.gotoPosition(this.searchedFocusEvent.seq); + this.chatMessages.initEventMore(this.searchedFocusEvent.seq); } else { this.searchTotalCount = 0; this.searchCurrentIndex = 0; diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html index f6a91939..0249e670 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html @@ -146,15 +146,11 @@ - -
+
-
+
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss index 9455060d..e6b231c4 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss @@ -8,6 +8,12 @@ color: #444444; } } + & > .mat-card-content { + height: 568px; + } + & > .mat-tab-body-wrapper { + height: calc(100% - 50px); + } } .dialog-tab-grouplist { @@ -27,6 +33,14 @@ } } +.dialog-tab-chatlist { + height: 518px; + width: 100%; + .chat { + width: 100%; + } +} + ::ng-deep .dialog-tab-orglist { width: 100%; height: 380px; @@ -102,10 +116,8 @@ } } -/*::ng-deep .mat-dialog-container { +:ng-deep .mat-dialog-container { .mat-tab-body-wrapper { - height: 380px; - width: 100%; .mat-tab-body { width: 100%; height: 100%; @@ -116,7 +128,12 @@ } } } - +::ng-deep .ps-content { + .cdk-virtual-scroll-viewport { + height: 100%; + } +} +/*: .mat-tab-frame { width: 100%; height: 100%; @@ -133,11 +150,7 @@ ::ng-deep .mat-card > .mat-tab-labels { border-bottom: 2px solid #dddddd; } -::ng-deep .ps-content { - .cdk-virtual-scroll-viewport { - height: 100%; - } -} + .list-item-frame { width: 100%; diff --git a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss index 0860127b..68733339 100644 --- a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss +++ b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss @@ -327,15 +327,6 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86); } } -.mat-card-content { - .notice { - p { - line-height: 1.4em; - margin-bottom: 10px; - } - } -} - @media all and (max-width: 1400px) { .slider { &_content { diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts index f48c3fda..56af380a 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts @@ -60,6 +60,9 @@ export class MessagesComponent implements OnInit, OnDestroy { @Input() userInfos$: Observable; + @Input() + lock$: Observable; + @Input() isShowUnreadCount = true; @Input() @@ -129,6 +132,7 @@ export class MessagesComponent implements OnInit, OnDestroy { firstCheckReadHere = true; initRoomLastEventSeq: number; baseEventSeq = 0; + gotoEventSeq: number; loginRes: LoginResponse; loginResSubscription: Subscription; @@ -522,6 +526,16 @@ export class MessagesComponent implements OnInit, OnDestroy { false ); } else { + if (!this.eventList || 0 === this.eventList.length) { + return; + } + + if (!!this.gotoEventSeq) { + this.gotoPosition(this.gotoEventSeq); + this.gotoEventSeq = undefined; + return; + } + const lastEvent = !!this.eventList && 0 < this.eventList.length ? this.eventList[this.eventList.length - 1] @@ -545,11 +559,12 @@ export class MessagesComponent implements OnInit, OnDestroy { } } - initEventMore() { + initEventMore(gotoEventSeq?: number) { // 방정보가 바뀌면 이전대화 보기 관련 값들을 초기화 한다. this.scrollUpInitalized = false; this.storedScrollItem = undefined; this.storedScrollItemOffsetTop = undefined; + this.gotoEventSeq = gotoEventSeq; } clear() {}