통화메뉴 컴포넌트 
  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>