Pastebin | Laravel.io

<ion-content>
  <div *ngIf="tabList[0] === activeTab">
    <div class="message-content" *ngIf="viewedMeNoData">
      No history available.
    </div>
    <ion-list>
      <ion-item (click)="goToProfile(user.$key)" *ngFor="let user of viewedMeUserList">
        <ion-grid>
          <ion-row>
            <ion-col col-2>
              <div class="thumb-image-containet">
                <img [src]="user.profilePicPath" *ngIf="user.profilePicPath" />
                <img src="assets/images/1495971155_profle.png" *ngIf="!user.profilePicPath" />
              </div>
            </ion-col>
            <ion-col col-7>
              <div class="name">
                {{user.userName}}
              </div>
              <div class="hobbies">
                <span *ngIf="!user.description">No desciption available.</span>
                <span *ngIf="user.description">{{user.description}}</span>
              </div>
              <ion-row>
                  <ion-col col-3>
                    <rating [rating]="user.starRating" > </rating>
                  </ion-col>
                  <ion-col col-2>
                      <div class="image-container">
                        <img src="assets/images/list-dob-icon.png"> {{ user.age }}
                      </div>
                  </ion-col>
                  <ion-col col-7>
                    <div class="locaion-image" *ngIf="user.currentPlace">
                      <img src="assets/images/list-location-icon.png"> {{ (user.currentPlace).split(', ')[0] }}
                    </div>
                  </ion-col>
              </ion-row>
            </ion-col>
            <ion-col col-3>
              <div class="status-container">
                <div class="status" *ngIf="user.isOnline">Online</div>
                <div class="status offline" *ngIf="!user.isOnline">Offline</div>
                <div class="chat-icon-container"> <img src="assets/images/topbar-message-icon.png"></div>
                <ion-icon class="fav active" name="md-heart" *ngIf="user.isFav"> </ion-icon>
                <ion-icon class="fav" name="md-heart" *ngIf="!user.isFav"> </ion-icon>
              </div>
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-item>
    </ion-list>
  </div>
</ion-content>