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