bugfix
This commit is contained in:
leejh
parent
35a3292ddb
commit
057a5e8705
|
|
@ -1,94 +1,66 @@
|
||||||
<!--<div class="app-layout-chat-left-sidenav-chat-header list-search">
|
|
||||||
<form [formGroup]="fgSearch">
|
|
||||||
<mat-form-field class="w-100-p searchbox" floatLabel="never">
|
|
||||||
<input
|
|
||||||
matInput
|
|
||||||
#inputSearch
|
|
||||||
type="text"
|
|
||||||
maxlength="20"
|
|
||||||
placeholder="대화방 이름 검색"
|
|
||||||
value=""
|
|
||||||
formControlName="searchInput"
|
|
||||||
[matAutocomplete]="auto"
|
|
||||||
(keydown.enter)="onKeyDownEnter($event, inputSearch.value)"
|
|
||||||
/>
|
|
||||||
<mat-autocomplete #auto="matAutocomplete">
|
|
||||||
<mat-option
|
|
||||||
*ngFor="let filteredRecommendedWord of filteredRecommendedWordList"
|
|
||||||
[value]="filteredRecommendedWord"
|
|
||||||
>
|
|
||||||
{{ filteredRecommendedWord }}
|
|
||||||
</mat-option>
|
|
||||||
</mat-autocomplete>
|
|
||||||
|
|
||||||
<button
|
|
||||||
mat-button
|
|
||||||
matSuffix
|
|
||||||
mat-icon-button
|
|
||||||
aria-label="Clear"
|
|
||||||
(click)="inputSearch.value = ''; onClickSearchCancel()"
|
|
||||||
>
|
|
||||||
<mat-icon>close</mat-icon>
|
|
||||||
</button>
|
|
||||||
</mat-form-field>
|
|
||||||
</form>-->
|
|
||||||
<div>
|
<div>
|
||||||
<div class="current-head">
|
<div class="current-head">
|
||||||
<h3>대화</h3>
|
<h3>대화</h3>
|
||||||
<div class="btn-box">
|
<div class="btn-box">
|
||||||
<button mat-icon-button>
|
<!-- <button mat-icon-button>
|
||||||
<mat-icon>timer</mat-icon>
|
<mat-icon>timer</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
<button mat-icon-button>
|
<button mat-icon-button>
|
||||||
<mat-icon> add_comment</mat-icon>
|
<mat-icon> add_comment</mat-icon>
|
||||||
</button>
|
</button> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="list-search">
|
<div class="list-search">
|
||||||
<div class="searchbox">
|
<div class="searchbox">
|
||||||
<form [formGroup]="fgSearch" class="w-100-p">
|
<form [formGroup]="fgSearch" class="w-100-p">
|
||||||
<mat-form-field floatLabel="never">
|
<mat-form-field floatLabel="never">
|
||||||
<input
|
<input
|
||||||
matInput
|
matInput
|
||||||
#inputSearch
|
#inputSearch
|
||||||
type="text"
|
type="text"
|
||||||
maxlength="20"
|
maxlength="20"
|
||||||
placeholder="대화방 이름 검색"
|
placeholder="대화방 이름 검색"
|
||||||
value=""
|
value=""
|
||||||
formControlName="searchInput"
|
formControlName="searchInput"
|
||||||
[matAutocomplete]="auto"
|
[matAutocomplete]="auto"
|
||||||
(keydown.enter)="onKeyDownEnter($event, inputSearch.value)"
|
(keydown.enter)="onKeyDownEnter($event, inputSearch.value)"
|
||||||
/>
|
/>
|
||||||
<button
|
<mat-autocomplete #auto="matAutocomplete">
|
||||||
mat-button
|
<mat-option
|
||||||
matSuffix
|
*ngFor="
|
||||||
mat-icon-button
|
let filteredRecommendedWord of filteredRecommendedWordList
|
||||||
aria-label="Clear"
|
"
|
||||||
(click)="inputSearch.value = ''; onClickSearchCancel()"
|
[value]="filteredRecommendedWord"
|
||||||
>
|
>
|
||||||
<mat-icon>close</mat-icon>
|
{{ filteredRecommendedWord }}
|
||||||
</button>
|
</mat-option>
|
||||||
</mat-form-field>
|
</mat-autocomplete>
|
||||||
</form>
|
<button
|
||||||
|
mat-button
|
||||||
|
matSuffix
|
||||||
|
mat-icon-button
|
||||||
|
aria-label="Clear"
|
||||||
|
(click)="inputSearch.value = ''; onClickSearchCancel()"
|
||||||
|
>
|
||||||
|
<mat-icon>close</mat-icon>
|
||||||
|
</button>
|
||||||
|
</mat-form-field>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
<div *ngIf="!isSearch" class="app-layout-chat-left-sidenav-chat-list">
|
||||||
*ngIf="!isSearch"
|
<ucap-room-list-item
|
||||||
class="app-layout-chat-left-sidenav-chat-list"
|
*ngFor="let room of roomList"
|
||||||
|
[loginRes]="loginRes"
|
||||||
>
|
[roomInfo]="room"
|
||||||
<ucap-room-list-item
|
[roomUserInfo]="getRoomUserList(room)"
|
||||||
*ngFor="let room of roomList"
|
[sessionVerinfo]="sessionVerinfo"
|
||||||
[loginRes]="loginRes"
|
(click)="onSelectedRoom(room)"
|
||||||
[roomInfo]="room"
|
(contextmenu)="onContextMenuChat($event, room)"
|
||||||
[roomUserInfo]="getRoomUserList(room)"
|
>
|
||||||
[sessionVerinfo]="sessionVerinfo"
|
</ucap-room-list-item>
|
||||||
(click)="onSelectedRoom(room)"
|
<!-- <cdk-virtual-scroll-viewport
|
||||||
(contextmenu)="onContextMenuChat($event, room)"
|
|
||||||
>
|
|
||||||
</ucap-room-list-item>
|
|
||||||
<!-- <cdk-virtual-scroll-viewport
|
|
||||||
itemSize="20"
|
itemSize="20"
|
||||||
class="app-layout-chat-left-sidenav-chat-list-viewport"
|
class="app-layout-chat-left-sidenav-chat-list-viewport"
|
||||||
>
|
>
|
||||||
|
|
@ -103,23 +75,19 @@
|
||||||
>
|
>
|
||||||
</ucap-room-list-item>
|
</ucap-room-list-item>
|
||||||
</cdk-virtual-scroll-viewport> -->
|
</cdk-virtual-scroll-viewport> -->
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div *ngIf="!!isSearch" class="app-layout-chat-left-sidenav-chat-list search">
|
||||||
*ngIf="!!isSearch"
|
<ucap-room-list-item
|
||||||
class="app-layout-chat-left-sidenav-chat-list search"
|
*ngFor="let room of searchRoomList"
|
||||||
|
[loginRes]="loginRes"
|
||||||
>
|
[roomInfo]="room"
|
||||||
<ucap-room-list-item
|
[roomUserInfo]="getRoomUserList(room)"
|
||||||
*ngFor="let room of searchRoomList"
|
[sessionVerinfo]="sessionVerinfo"
|
||||||
[loginRes]="loginRes"
|
(click)="onSelectedRoom(room)"
|
||||||
[roomInfo]="room"
|
(contextmenu)="onContextMenuChat($event, room)"
|
||||||
[roomUserInfo]="getRoomUserList(room)"
|
>
|
||||||
[sessionVerinfo]="sessionVerinfo"
|
</ucap-room-list-item>
|
||||||
(click)="onSelectedRoom(room)"
|
<!-- <cdk-virtual-scroll-viewport
|
||||||
(contextmenu)="onContextMenuChat($event, room)"
|
|
||||||
>
|
|
||||||
</ucap-room-list-item>
|
|
||||||
<!-- <cdk-virtual-scroll-viewport
|
|
||||||
itemSize="20"
|
itemSize="20"
|
||||||
class="app-layout-chat-left-sidenav-chat-list-viewport"
|
class="app-layout-chat-left-sidenav-chat-list-viewport"
|
||||||
>
|
>
|
||||||
|
|
@ -134,29 +102,30 @@
|
||||||
>
|
>
|
||||||
</ucap-room-list-item>
|
</ucap-room-list-item>
|
||||||
</cdk-virtual-scroll-viewport> -->
|
</cdk-virtual-scroll-viewport> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
style="visibility: hidden; position: fixed"
|
style="visibility: hidden; position: fixed"
|
||||||
[style.left]="chatContextMenuPosition.x"
|
[style.left]="chatContextMenuPosition.x"
|
||||||
[style.top]="chatContextMenuPosition.y"
|
[style.top]="chatContextMenuPosition.y"
|
||||||
#chatContextMenuTrigger="matMenuTrigger"
|
#chatContextMenuTrigger="matMenuTrigger"
|
||||||
[matMenuTriggerFor]="chatContextMenu"
|
[matMenuTriggerFor]="chatContextMenu"
|
||||||
></div>
|
></div>
|
||||||
<mat-menu
|
<mat-menu
|
||||||
#chatContextMenu="matMenu"
|
#chatContextMenu="matMenu"
|
||||||
[hasBackdrop]="false"
|
[hasBackdrop]="false"
|
||||||
(ucapUiClickOutside)="chatContextMenuTrigger.closeMenu()"
|
(ucapUiClickOutside)="chatContextMenuTrigger.closeMenu()"
|
||||||
>
|
>
|
||||||
<ng-template matMenuContent let-roomInfo="roomInfo">
|
<ng-template matMenuContent let-roomInfo="roomInfo">
|
||||||
<button mat-menu-item (click)="onSelectedRoom(roomInfo)">
|
<button mat-menu-item (click)="onSelectedRoom(roomInfo)">
|
||||||
대화방 열기
|
대화방 열기
|
||||||
</button>
|
</button>
|
||||||
<button mat-menu-item (click)="onClickToggleAlarm(roomInfo)">
|
<button mat-menu-item (click)="onClickToggleAlarm(roomInfo)">
|
||||||
대화방 알람 {{ roomInfo.receiveAlarm ? '끄기' : '켜기' }}
|
대화방 알람 {{ roomInfo.receiveAlarm ? '끄기' : '켜기' }}
|
||||||
</button>
|
</button>
|
||||||
<button mat-menu-item (click)="onClickExit(roomInfo)">
|
<button mat-menu-item (click)="onClickExit(roomInfo)">
|
||||||
대화방 나가기
|
대화방 나가기
|
||||||
</button>
|
</button>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</mat-menu>
|
</mat-menu>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user