extends layouts/room
block content

  include components/message

  #site-chat-container.uk-flex.uk-flex-column.uk-height-1-1
    .chat-menubar.uk-padding-small
      div(uk-grid).uk-grid-small
        .uk-width-auto
          img(src=`/img/icon/${site.domainKey}/icon-48x48.png`, alt=`${site.name} icon`)
        .uk-width-expand
          h1.uk-margin-remove #{site.name} Chat Timeline

    .chat-content-wrapper
      #chat-message-list-wrapper.uk-height-1-1
        #chat-message-list
          each message in timeline
            +renderChatMessage(message, { includeRoomInfo: true })
        .chat-message-menu
          button(type="button", onclick="return dtp.app.chat.resumeChatScroll(event);").chat-scroll-return Resume scrolling

    //- pre= JSON.stringify(userTimeline, null, 2)