0512 sync
This commit is contained in:
parent
cdbe773cb1
commit
5a5e526d3e
146
documents/업무/5월/2째주/0511.txt
Normal file
146
documents/업무/5월/2째주/0511.txt
Normal 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();
|
223
documents/업무/5월/2째주/0512.txt
Normal file
223
documents/업무/5월/2째주/0512.txt
Normal 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>
|
BIN
documents/업무/new-pc-doc/UCAP 메신저 화면정의서_V1.72_200512.pptx
Normal file
BIN
documents/업무/new-pc-doc/UCAP 메신저 화면정의서_V1.72_200512.pptx
Normal file
Binary file not shown.
BIN
documents/업무/new-pc-doc/UCAP 메신저 화면정의서_V1.7_200511.pptx
Normal file
BIN
documents/업무/new-pc-doc/UCAP 메신저 화면정의서_V1.7_200511.pptx
Normal file
Binary file not shown.
Loading…
Reference in New Issue
Block a user