0512 sync

This commit is contained in:
Park Byung Eun 2020-05-12 17:56:22 +09:00
parent cdbe773cb1
commit 5a5e526d3e
4 changed files with 369 additions and 0 deletions

View File

@ -0,0 +1,146 @@
<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();

View File

@ -0,0 +1,223 @@
그룹 익스펜션 more menu
그룹 수정
그룹 삭제
그룹 대화
<mat-menu #groupMenu="matMenu">
<span class="manu-title">{{ groupName }}</span>
<ng-template matMenuContent let-group="group">
<button mat-menu-item style="display: none;"></button>
<button
mat-menu-item
*ngIf="getShowGroupContextMenu('CHAT', group)"
(click)="onClickGroupContextMenu('CHAT', group)"
>
<!-- {{ 'group.startChatWithGroup' | translate }} -->
</button>
<button
mat-menu-item
*ngIf="getShowGroupContextMenu('SEND_MESSAGE', group)"
(click)="onClickGroupContextMenu('SEND_MESSAGE', group)"
>
<!-- {{ 'group.sendMessageToGroup' | translate }} -->
</button>
<mat-divider *ngIf="getShowGroupContextMenu('DIV1', group)"></mat-divider>
<button
mat-menu-item
*ngIf="getShowGroupContextMenu('RENAME', group)"
(click)="onClickGroupContextMenu('RENAME', group)"
>
<!-- {{ 'group.changeGroupName' | translate }} -->
</button>
<button
mat-menu-item
*ngIf="getShowGroupContextMenu('EDIT_MEMBER', group)"
(click)="onClickGroupContextMenu('EDIT_MEMBER', group)"
>
<!-- {{ 'group.modifyGroupMember' | translate }} -->
</button>
<button
mat-menu-item
*ngIf="getShowGroupContextMenu('DELETE', group)"
(click)="onClickGroupContextMenu('DELETE', group)"
>
<!-- {{ 'group.removeGroup' | translate }} -->
</button>
</ng-template>
</mat-menu>
profile.component.html backup
<div class="mainProfile">
<mat-card class="example-card">
<mat-card-header>
<div mat-card-avatar class="profileImage" style="background-size: cover;">
<img
src="https://material.angular.io/assets/img/examples/shiba2.jpg"
style="width: 50px; height: auto;"
/>
</div>
<mat-card-title class="name"
>{{ userInfo?.name }}
<span class="grade">{{ userInfo?.grade }}</span></mat-card-title
>
<mat-card-subtitle>({{ userInfo?.nameEn }})</mat-card-subtitle>
<mat-card-subtitle><span>O</span>온라인</mat-card-subtitle>
<mat-card-actions>
<button
mat-icon-button
aria-label="button-favorite-toggle"
(click)="onToggleFavorit()"
>
<mat-icon *ngIf="isFavorite">favorite</mat-icon>
<mat-icon *ngIf="!isFavorite">favorite_border</mat-icon>
</button>
<button
mat-icon-button
aria-label="buddy-toggle"
(click)="onClickToggleBuddy()"
>
<mat-icon *ngIf="!isBuddy">add</mat-icon>
<mat-icon *ngIf="isBuddy">remove</mat-icon>
</button>
</mat-card-actions>
</mat-card-header>
<mat-card-content>
<ng-container *ngIf="isMe; then isMine; else other"></ng-container>
<ng-template #isMine>
<div class="intro">
<mat-form-field class="example-full-width">
<mat-label>이름 부서명, 전화번호, 이메일</mat-label>
<input matInput placeholder="인트로" value="" />
<mat-icon matSuffix>search</mat-icon>
</mat-form-field>
</div>
</ng-template>
<ng-template #other>
<mat-card-actions>
<button
mat-button
class="info"
(click)="onClickActionButton($event, 'CHAT')"
>
{{ 'profile.labels.chat' | ucapI18n }}
</button>
<button
mat-button
class="info"
(click)="onClickActionButton($event, 'MESSAGE')"
>
{{ 'profile.labels.message' | ucapI18n }}
</button>
<button
mat-button
class="info"
(click)="onClickActionButton($event, 'SMS')"
>
{{ 'profile.labels.sms' | ucapI18n }}
</button>
<button
mat-button
class="info"
[disabled]="isDisabledCallButton('MOBILE')"
(click)="onClickActionButton($event, 'CALL_MOBILE')"
>
{{ 'profile.labels.mobilePhoneNumber' | ucapI18n }}
</button>
<button
mat-button
class="info"
[disabled]="isDisabledCallButton('LINE')"
(click)="onClickActionButton($event, 'CALL_LINE')"
>
{{ 'profile.labels.linePhoneNumber' | ucapI18n }}
</button>
<button
mat-button
class="info"
[disabled]="!canVideoConfernece"
(click)="onClickActionButton($event, 'CONFERENCE')"
>
{{ 'profile.labels.videoConference' | ucapI18n }}
</button>
</mat-card-actions>
</ng-template>
<ul>
<li class="company">
<label>{{ 'profile.labels.company' | ucapI18n }}</label
>{{ userInfo?.companyName }}
</li>
<li class="dept">
<label>{{ 'profile.labels.department' | ucapI18n }}</label
>{{ userInfo?.deptName }}
</li>
<li class="email">
<label>{{ 'profile.labels.email' | ucapI18n }}</label
>{{ userInfo?.email }}
</li>
<li class="office">
<label>{{ 'profile.labels.linePhoneNumber' | ucapI18n }}</label
>{{ userInfo?.lineNumber }}
</li>
<li class="mobile">
<label>{{ 'profile.labels.mobilePhoneNumber' | ucapI18n }}</label
>{{ userInfo?.hpNumber }}
</li>
</ul>
</mat-card-content>
<mat-card-actions style="display: none;">
<button mat-button class="info">info</button>
<button mat-button class="theme">theme1</button>
<button mat-button class="theme">theme2</button>
<button mat-button class="theme checked">theme3</button>
</mat-card-actions>
</mat-card>
</div>
<div class="search-container">
<div class="selectbox">
<mat-select
class="search-selec-box"
[(value)]="companyCode"
disableOptionCentering
>
<mat-option
*ngFor="let company of companyList"
[value]="company.companyCode"
>{{ company.companyName }}
</mat-option>
</mat-select>
</div>
<div class="searchbox">
<mat-form-field>
<mat-label>이름 부서명, 전화번호, 이메일</mat-label>
<input
matInput
#searchWordInput
placeholder="이름 부서명, 전화번호, 이메일"
(keydown.enter)="onKeyDownEnter(searchWordInput.value)"
/>
<button
mat-button
matSuffix
mat-icon-button
aria-label="Clear"
(click)="searchWordInput.value = ''; onClickCancel()"
>
<mat-icon>close</mat-icon>
</button>
<button mat-flat-button color="primary" class="btn-ico-search">
<mat-icon>search</mat-icon>
</button>
</mat-form-field>
</div>
</div>