<div class="room-expansion-container">
  <ucap-chat-room-expansion [roomGroup]="roomGroup">
    <ng-template ucapChatRoomExpansionNode let-node>
      <ucap-chat-room-list-item-01
        [roomInfo]="node.roomInfo"
        [roomName]="getRoomName(node.roomInfo)"
        [profileImageRoot]="versionInfo2Res?.profileRoot"
        [defaultProfileImage]="defaultProfileImage"
        [profileImage]="getRoomProfileImage(node.roomInfo)"
        [checked]="getChecked(node.roomInfo)"
        [checkable]="checkable"
        (toggleItem)="onToggleItem($event)"
        (openChatRoom)="onOpenChatRoom($event)"
        (toggleAlarm)="onToggleAlarm($event)"
        (delRoom)="onDelRoom($event)"
        (click)="onClickRoomItem($event, node.roomInfo)"
      ></ucap-chat-room-list-item-01>
    </ng-template>

    <ng-template ucapChatRoomExpansionHeader let-node>
      <span class="header-buddy">
        <span
          >{{ node.nodeType | ucapDate: 'LL' }}
          {{ node.nodeType | ucapDate: 'dddd' }}</span
        >
        <span *ngIf="isToday(node.nodeType)">
          ({{ 'room.today' | ucapI18n }})
        </span>
      </span>
    </ng-template>
  </ucap-chat-room-expansion>
</div>
