1<div class="container">
  2    <div class="row">
  3        <div class="col-sm-4">
  4            <div class="panel">
  5                <div class="panel-heading c_deepPurple300">
  6                    <h3 class="panel-title">User profile</h3>
  7                </div>
  8                <div class="panel-body">
  9                    <div class="list-group">
 10                        <a class="list-group-item">
 11                            <div class="row-picture">
 12                                <img class="circle" ng-src="{{user.avatar}}" alt="icon">
 13                            </div>
 14                            <div class="row-content">
 15                                <h4 class="list-group-item-heading">{{user.username}}</h4>
 16
 17                                <p class="list-group-item-text">{{user.description}}</p>
 18                            </div>
 19                        </a>
 20                    </div>
 21                    <p>
 22                        {{user.email}}
 23                    </p>
 24                    <p>
 25                        {{user.telegram}}
 26                    </p>
 27                    <p>
 28                        {{user.phone}}
 29                    </p>
 30                </div>
 31            </div>
 32            <div class="panel">
 33                <div class="panel-heading c_deepPurple300">
 34                    <h3 class="panel-title">User received likes ({{user.likes.length}})</h3>
 35                </div>
 36                <div class="panel-body">
 37                    <div class="list-group">
 38                        <a ng-repeat="user in likes" ng-href="#!/user/{{user._id}}" class="list-group-item">
 39                            <div class="row-picture">
 40                                <img class="circle" ng-src="{{user.avatar}}" alt="icon">
 41                            </div>
 42                            <div class="row-content">
 43                                <h4 class="list-group-item-heading">{{user.username}}</h4>
 44
 45                                <p class="list-group-item-text">{{user.description}}</p>
 46                            </div>
 47                            <div class="list-group-separator"></div>
 48                        </a>
 49                    </div>
 50                </div>
 51            </div>
 52        </div>
 53        <div class="col-sm-6">
 54            <div class="panel">
 55                <div class="panel-heading c_deepPurple300">
 56                    <h3 class="panel-title">User travels</h3>
 57                </div>
 58                <div class="panel-body">
 59                    <table class="table table-striped table-hover ">
 60                        <thead>
 61                            <tr>
 62                                <th>Type</th>
 63                                <th>Title</th>
 64                                <th>Date</th>
 65                                <th>User</th>
 66                                <th>nºJoins</th>
 67                                <th></th>
 68                            </tr>
 69                        </thead>
 70                        <tbody>
 71                            <tr ng-repeat="travel in user.travels">
 72                                <td>
 73                                    <i ng-show="travel.type=='offering'" class="fa fa-car fa-2x"></i>
 74                                    <i ng-show="travel.type=='asking'" class="fa fa-question fa-2x"></i>
 75                                    <i ng-show="travel.type=='package'" class="fa fa-archive fa-2x"></i>
 76                                </td>
 77                                <td>{{travel.title}}</td>
 78                                <td>{{travel.date | date}}</td>
 79                                <td>
 80                                    <a ng-href="#!/user/{{travel.user._id}}">
 81                                        {{travel.user.username}}
 82                                    </a>
 83                                </td>
 84                                <td>{{travel.joins.length}}</td>
 85                                <td><a ng-href="#!/travel/{{travel._id}}">View</a></td>
 86                            </tr>
 87                        </tbody>
 88                    </table>
 89                </div>
 90            </div>
 91        </div>
 92
 93
 94        <div class="col-sm-2">
 95            <div class="panel">
 96                <div class="panel-heading c_deepPurple500">
 97                    <h3 class="panel-title">Admin actions</h3>
 98                </div>
 99                <div class="panel-body">
100                    <div class="btn btn-block btn-sm c_orange300">Ban user</div>
101                    <div class="btn btn-block btn-sm c_red300">Delete user</div>
102                </div>
103            </div>
104        </div>
105    </div>
106</div>