<div class="all">
  <div class="container">
    <h1>BLOCK CHAT</h1>
    <div class='chatbox'>
      <div class='chatbox__user-list' id="users">
        <h1>User list</h1>
        <div *ngFor="let user of users" class='chatbox__user--active'><p>{{user}}</p></div>
      </div>
      <div id="messages" class="chatbox__messages">
        <div *ngFor="let msg of messages" class="chatbox__messages__user-message">
          <div class="chatbox__messages__user-message--ind-message">
            <p class="name">{{msg.source}}</p>
            <br/>
            <p class="message">{{msg.data}}</p>
          </div>
        </div>
      </div>
      <form>
        <input id="chat-input" name="text" type="text" placeholder="Enter your message"
               [(ngModel)]="message"
               (keyup.enter)="this.sendMsg()">
      </form>
    </div>
  </div>
</div>
