<!--체크박스 보여줄때는 <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
            }}<span *ngIf="message.userCount > 1">
              {{
                'message.andOthers'
                  | translate: { count: message.userCount - 1 }
              }}
            </span>
          </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>-->

<div class="list-item message-list" *ngIf="message" matRipple>
  <dl class="item-default">
    <dt>
      <span class="name">
        {{ message.userName }}
        <span *ngIf="message.userCount > 1" class="text-accent-color number">
          {{
            'message.andOthers' | translate: { count: message.userCount - 1 }
          }}
        </span>
      </span>
    </dt>
    <dd>
      <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
      >
      <span class="final-message">{{ message.title }}</span>
    </dd>
  </dl>
  <div class="date">
    <span>{{ message.regDate | ucapDate: 'C' }}</span>
    <span
      *ngIf="message.type === MessageType.Receive && !message.readYn"
      class="noti-new bg-warn-darkest"
    >
      N
    </span>
  </div>
</div>
