127 lines
3.1 KiB
Plaintext
127 lines
3.1 KiB
Plaintext
|
통화메뉴 컴포넌트
|
||
|
|
main.page.component call 왼쪽 메뉴 클릭에 대한 subscribe 초기화
|
||
|
|
main.page.component.html 25 line
|
||
|
|
<app-layout-messenger-messages *ngIf="!!(this.selectedChat$ | async)"> 참고
|
||
|
|
call-history index: 0
|
||
|
|
progress
|
||
|
|
날짜별
|
||
|
|
ui-chat/messages.component.html
|
||
|
|
[dateChanged]="getDateSplitter(message)
|
||
|
|
수신
|
||
|
|
발신
|
||
|
|
부재중
|
||
|
|
user profile component 디자인 참고
|
||
|
|
|
||
|
|
|
||
|
|
org : 1 // 이부분은 조직도 리팩토링 후 적용
|
||
|
|
현재는 다이얼로그로 처리
|
||
|
|
|
||
|
|
다이얼패드 통화 버튼 클릭
|
||
|
|
main.page.component 이벤트 전달
|
||
|
|
|
||
|
|
dstalk 마이그레이션 2일
|
||
|
|
clickToCall 컴포넌트 1일
|
||
|
|
clickToCall 최근 전화내역 컴포넌트 1일
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="list-item checkbox">
|
||
|
|
<span
|
||
|
|
class="presence"
|
||
|
|
>
|
||
|
|
</span>
|
||
|
|
<dl class="item-default">
|
||
|
|
<dt>
|
||
|
|
<div class="thumbnail-mask">
|
||
|
|
<img
|
||
|
|
class="thumbnail"
|
||
|
|
ucapImage
|
||
|
|
[default]="'assets/images/img_nophoto_50.png'"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<span
|
||
|
|
|
||
|
|
class="text-accent-color marker-mobile-state"
|
||
|
|
>
|
||
|
|
<mat-icon>phone_android</mat-icon>
|
||
|
|
</span>
|
||
|
|
</dt>
|
||
|
|
<dd class="info">
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="user">
|
||
|
|
<span
|
||
|
|
|
||
|
|
class="work-status"
|
||
|
|
[ngClass]="getWorkstatusInfo('style')"
|
||
|
|
>getWorkstatusInfo</span
|
||
|
|
>
|
||
|
|
<span class="detail">
|
||
|
|
<b class="name">유저정보</b>
|
||
|
|
<span class="grade">등급</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<span class="dept">
|
||
|
|
부서
|
||
|
|
</span>
|
||
|
|
</div >
|
||
|
|
</dd>
|
||
|
|
</dl >
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="list-item checkbox">
|
||
|
|
<dl class="item-default" (click)="onClicCallHistory()">
|
||
|
|
<dt>
|
||
|
|
<div class="thumbnail-mask">
|
||
|
|
<img
|
||
|
|
class="thumbnail"
|
||
|
|
ucapImage
|
||
|
|
[default]="'assets/images/img_nophoto_50.png'"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</dt>
|
||
|
|
<dd class="info">
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="user">
|
||
|
|
<span class="detail">
|
||
|
|
<b class="name">최근 통화기록</b>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</dd>
|
||
|
|
<dd class="info"></dd>
|
||
|
|
</dl>
|
||
|
|
</div>
|
||
|
|
<div class="list-item checkbox">
|
||
|
|
<dl class="item-default" (click)="onClicCallHistory()">
|
||
|
|
<dt>
|
||
|
|
<div class="thumbnail-mask">
|
||
|
|
<img
|
||
|
|
class="thumbnail"
|
||
|
|
ucapImage
|
||
|
|
[default]="'assets/images/img_nophoto_50.png'"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</dt>
|
||
|
|
<dd class="info">
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="user">
|
||
|
|
<span class="detail">
|
||
|
|
<b class="name">사내 연락처</b>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</dd>
|
||
|
|
<dd class="info"></dd>
|
||
|
|
</dl>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="select-list">
|
||
|
|
<div>
|
||
|
|
<div class="current-head">
|
||
|
|
<h3>다이얼</h3>
|
||
|
|
<div class="btn-box"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ucap-call-dialpad></ucap-call-dialpad>
|
||
|
|
</div>
|