next-ucap-messenger/projects/ucap-webmessenger-ui-message/src/lib/components/list-item.component.html

<!--체크박스 보여줄때는 <div class="list-item checkbox" matRipple>  클래스에 checkbox만 추가-->
<div class="list-item" *ngIf="message" matRipple>
  <dl class="item-default">
    <dt>
      <mat-icon
        *ngIf="!!message.resType && message.resType === ContentType.Image"
        >image</mat-icon
      >
      <mat-icon
        *ngIf="!!message.resType && message.resType === ContentType.AttachFile"
        >attach_file</mat-icon
      >
    </dt>
    <dd class="info">
      <div class="detail">
        <span class="name">
          <b>{{ message.userName }}</b>
          {{ message.title }}
        </span>
        <span class="dept">
          {{ message.regDate | ucapDate: 'MM:DD' }}
          <div *ngIf="message.type === MessageType.Receive && !message.readYn">
            New
          </div>
        </span>
      </div>
    </dd>
  </dl>
</div>