angularProject/app/views/messages-page.html

<div class="messages-page">
  <div class="messages-page-wrapper">
    <div class="select-dialog">
      <div class="item" ng-class="{'item-active': key == selectedUser}" ng-click="selectUser(key)" ng-repeat="(key, user) in users" ng-if="key != 'uRkqD9GmNxUsdgF1XtmPicDJwAz1'">
        <div class="item-img">
          <img ng-src="{{userImages[key]}}">
          <img ng-if="!userImages[key]" ng-src="content\images\user-page\male-user-silhouette_318-35708.jpg">
        </div>
        <div class="item-name">
          {{user.userObject.name || 'user' + $index}} {{user.userObject.surname || ''}}
        </div>
      </div>
    </div>
    <div class="dialog">
      <div class="chat">
        <div ng-class="message.uid == 'uRkqD9GmNxUsdgF1XtmPicDJwAz1'?'admin-message':'user-message'" ng-repeat="message in users[selectedUser].chat">
          <div class="message-info">
            <div class="message-img">
              <img ng-if="(message.uid != 'uRkqD9GmNxUsdgF1XtmPicDJwAz1') && userImages[selectedUser]" ng-src="{{userImages[selectedUser]}}">
              <img ng-if="(message.uid != 'uRkqD9GmNxUsdgF1XtmPicDJwAz1') && !userImages[selectedUser]" src="content\images\user-page\male-user-silhouette_318-35708.jpg">
              <img ng-if="message.uid == 'uRkqD9GmNxUsdgF1XtmPicDJwAz1'" src="content\images\user-page\admin.png">
            </div>
            <div class="message-date">
              {{message.date}}
            </div>
          </div>
          <div class="message-text-wrapper">
            <div class="message-name">
              <div ng-if="message.uid != 'uRkqD9GmNxUsdgF1XtmPicDJwAz1'">
                {{users[selectedUser].userObject.name}} {{users[selectedUser].userObject.surname}}
              </div>
              <div ng-if="message.uid == 'uRkqD9GmNxUsdgF1XtmPicDJwAz1'">
                Admin
              </div>
            </div>
            <div class="message-text">
              {{message.userMessage}}
            </div>
          </div>
        </div>
      </div>
      <div class="write-message">
        <div class="write-input">
          <input type="text" placeholder="Type your message..." ng-model="messageObject.userMessage">
        </div>
        <div class="write-btn">
          <div class="write-btn-wrapper" ng-click="sendMessage()">
            <span class="fa fa-paper-plane"></span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>