146 lines
3.7 KiB
Plaintext
146 lines
3.7 KiB
Plaintext
|
<mat-card-content>
|
||
|
|
<div>
|
||
|
|
<mat-horizontal-stepper #stepper>
|
||
|
|
<mat-step label="Step 1" state="select-user">
|
||
|
|
<ucap-local-organization-select-user
|
||
|
|
(changeUserList)="onChangeSelectedUserList($event)"
|
||
|
|
></ucap-local-organization-select-user>
|
||
|
|
<ng-template
|
||
|
|
[ngTemplateOutlet]="selectedUserListTemplate"
|
||
|
|
></ng-template>
|
||
|
|
<div>
|
||
|
|
<button mat-button (click)="onClickChoice()">취소</button>
|
||
|
|
<button mat-button matStepperNext>
|
||
|
|
완료
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</mat-step>
|
||
|
|
<mat-step label="Step 2" state="chat">
|
||
|
|
<div>
|
||
|
|
<mat-label>새 그룹 추가</mat-label>
|
||
|
|
<input
|
||
|
|
matInput
|
||
|
|
#searchWordInput
|
||
|
|
placeholder="그룹 이름을 입력해주세요."
|
||
|
|
/>
|
||
|
|
<button
|
||
|
|
mat-button
|
||
|
|
matSuffix
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="Clear"
|
||
|
|
(click)="searchWordInput.value = ''; onClickCancel()"
|
||
|
|
>
|
||
|
|
<mat-icon>close</mat-icon>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<ng-template
|
||
|
|
[ngTemplateOutlet]="selectedUserListTemplate"
|
||
|
|
></ng-template>
|
||
|
|
<div>
|
||
|
|
<button mat-button matStepperPrevious>Back</button>
|
||
|
|
<button mat-button (click)="onClickComplete(searchWordInput.value)">
|
||
|
|
Next
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</mat-step>
|
||
|
|
</mat-horizontal-stepper>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- <mat-card-actions class="button-form flex-row">
|
||
|
|
<button
|
||
|
|
mat-stroked-button
|
||
|
|
(click)="onClickChoice(false)"
|
||
|
|
class="mat-primary"
|
||
|
|
>
|
||
|
|
{{ 'common.messages.no' | translate }}
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-flat-button
|
||
|
|
[disabled]="getBtnValid()"
|
||
|
|
(click)="onClickChoice(true)"
|
||
|
|
class="mat-primary"
|
||
|
|
>
|
||
|
|
{{ 'common.messages.yes' | translate }}
|
||
|
|
</button>
|
||
|
|
</mat-card-actions> -->
|
||
|
|
</mat-card-content>
|
||
|
|
|
||
|
|
그룹 생성
|
||
|
|
액션
|
||
|
|
취소
|
||
|
|
idx: 0 팝업 닫힘
|
||
|
|
idx: 1 그룹 이름 화면 이동
|
||
|
|
완료
|
||
|
|
idx: 0 결과값 (그룹이름)
|
||
|
|
idx: 1 결과값 (그룹이름, 선택유저리스트)
|
||
|
|
그룹지정 완료
|
||
|
|
출력
|
||
|
|
idx: 0 그룹 이름 입력 화면
|
||
|
|
idx: 1 멤버 추가 화면
|
||
|
|
|
||
|
|
그룹 수정
|
||
|
|
액션
|
||
|
|
취소
|
||
|
|
idx: 0 팝업 닫힘
|
||
|
|
idx: 1 그룹 이름 화면 이동
|
||
|
|
완료
|
||
|
|
idx: 0 결과값 (그룹이름)
|
||
|
|
idx: 1 결과값 (그룹이름, 선택유저리스트)
|
||
|
|
그룹지정 완료
|
||
|
|
출력
|
||
|
|
idx: 0 그룹 이름 입력 화면
|
||
|
|
idx: 1 멤버 추가 화면
|
||
|
|
|
||
|
|
그룹 멤버 관리
|
||
|
|
액션
|
||
|
|
삭제
|
||
|
|
취소
|
||
|
|
완료
|
||
|
|
그룹복사
|
||
|
|
취소
|
||
|
|
완료
|
||
|
|
그룹이동
|
||
|
|
취소
|
||
|
|
완료
|
||
|
|
멤버 추가
|
||
|
|
취소
|
||
|
|
완료
|
||
|
|
출력
|
||
|
|
선택 그룹 익스
|
||
|
|
|
||
|
|
새로운 대화방
|
||
|
|
액션
|
||
|
|
취소
|
||
|
|
대화방 멤버 추가
|
||
|
|
대화방 유형 선택
|
||
|
|
출력
|
||
|
|
대화방 유형 선택
|
||
|
|
대화방 이름 입력
|
||
|
|
|
||
|
|
키: 순서 o
|
||
|
|
|
||
|
|
|
||
|
|
const dialogRef = this.dialog.open<
|
||
|
|
ConfirmDialogComponent,
|
||
|
|
ConfirmDialogData,
|
||
|
|
ConfirmDialogResult
|
||
|
|
>(ConfirmDialogComponent, {
|
||
|
|
data: {
|
||
|
|
title: this.i18nService.t('room.dialog.titleExitFromRoom'),
|
||
|
|
html: this.i18nService.t('room.dialog.confirmExitFromRoom')
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
dialogRef
|
||
|
|
.afterClosed()
|
||
|
|
.pipe(
|
||
|
|
take(1),
|
||
|
|
map((result) => {
|
||
|
|
console.log('처리됨', result);
|
||
|
|
}),
|
||
|
|
catchError((err) => {
|
||
|
|
console.log('error');
|
||
|
|
return of(err);
|
||
|
|
})
|
||
|
|
)
|
||
|
|
.subscribe();
|