94 lines
3.0 KiB
HTML
94 lines
3.0 KiB
HTML
|
<div class="dialog-container">
|
||
|
|
<app-layouts-default-dialog
|
||
|
|
[disableClose]="false"
|
||
|
|
(closed)="onClosed($event)"
|
||
|
|
>
|
||
|
|
<div appLayoutsDefaultDialog="header">
|
||
|
|
{{ 'dialog.title.newChatRoom' | ucapI18n }}
|
||
|
|
</div>
|
||
|
|
<div class="dialog-body" appLayoutsDefaultDialog="body">
|
||
|
|
<!-- search start-->
|
||
|
|
<div>
|
||
|
|
<app-organization-search-for-tenant
|
||
|
|
placeholder="이름 부서명, 전화번호, 이메일"
|
||
|
|
[(searchData)]="companySearchData"
|
||
|
|
(canceled)="onCanceled()"
|
||
|
|
class="select-user-section-search"
|
||
|
|
>
|
||
|
|
</app-organization-search-for-tenant>
|
||
|
|
</div>
|
||
|
|
<!-- search end-->
|
||
|
|
<div *ngIf="!isSearch">
|
||
|
|
<mat-tab-group mat-stretch-tabs class="tap-container tab_num2">
|
||
|
|
<!--그룹-->
|
||
|
|
<mat-tab>
|
||
|
|
<ng-template mat-tab-label>
|
||
|
|
<!-- <button class="icon-button">
|
||
|
|
<i class="mid mid-24 mdi-account-multiple"></i>
|
||
|
|
</button> -->
|
||
|
|
<p>그룹</p>
|
||
|
|
</ng-template>
|
||
|
|
<div fxFlexFill class="select-tap">
|
||
|
|
<app-group-expansion
|
||
|
|
fxFlexFill
|
||
|
|
[isDialog]="isDialog"
|
||
|
|
[selectedUserList]="selectedUserList"
|
||
|
|
[fixedUserList]="fixedUserList"
|
||
|
|
[checkable]="checkable"
|
||
|
|
(toggleCheckUser)="onToggleCheckUser($event)"
|
||
|
|
(toggleCheckGroup)="onToggleCheckGroup($event)"
|
||
|
|
class="select-user-tap-group-expansion"
|
||
|
|
></app-group-expansion>
|
||
|
|
</div>
|
||
|
|
</mat-tab>
|
||
|
|
<!--대화방 리스트-->
|
||
|
|
<ng-template mat-tab-label>
|
||
|
|
<p>대화방 리스트</p>
|
||
|
|
</ng-template>
|
||
|
|
<div fxFlexFill class="select-tap">
|
||
|
|
<div class="roomList" *ngFor="let room of roomList">
|
||
|
|
<ucap-chat-room-list-item-01
|
||
|
|
[roomInfo]="node.roomInfo"
|
||
|
|
[roomName]="getRoomName(node.roomInfo)"
|
||
|
|
[profileImageRoot]="versionInfo2Res?.profileRoot"
|
||
|
|
[defaultProfileImage]="defaultProfileImage"
|
||
|
|
[profileImage]="getRoomProfileImage(node.roomInfo)"
|
||
|
|
[checkable]="true"
|
||
|
|
(toggleItem)="onToggleItem($event)"
|
||
|
|
></ucap-chat-room-list-item-01>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<mat-tab>
|
||
|
|
</mat-tab>
|
||
|
|
</mat-tab-group>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="!!isSearch"></div>
|
||
|
|
<app-group-profile-list
|
||
|
|
[searchData]="companySearchData"
|
||
|
|
[selectedUser]="selectedUserList"
|
||
|
|
[checkable]="checkable"
|
||
|
|
[isDialog]="isDialog"
|
||
|
|
(toggleCheck)="onToggleCheckUser($event)"
|
||
|
|
></app-group-profile-list>
|
||
|
|
</div>
|
||
|
|
<div appLayoutsDefaultDialog="action">
|
||
|
|
<button mat-button (click)="onCancel()">
|
||
|
|
{{
|
||
|
|
(stepper.selectedIndex === 0
|
||
|
|
? 'dialog.button.cancel'
|
||
|
|
: 'dialog.button.previous'
|
||
|
|
) | ucapI18n
|
||
|
|
}}
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-button
|
||
|
|
*ngIf="stepper.selectedIndex === 0"
|
||
|
|
(click)="onConfirm()"
|
||
|
|
>
|
||
|
|
{{ 'dialog.button.selectRoomUser' | ucapI18n }}
|
||
|
|
</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</app-layouts-default-dialog>
|
||
|
|
</div>
|