1<div class="container">
 2    <div class="row">
 3        <div class="col-sm-4">
 4            <div ng-include="'views/travelCardTemplate.html'"></div>
 5            <br>
 6            <div class="panel">
 7                <div class="panel-heading c_deepPurpleG500to300">
 8                    <h3 class="panel-title">{{travel.joinPetitions.length}} Pendent joins</h3>
 9                </div>
10                <div class="panel-body">
11                    <div class="list-group">
12                        <a ng-repeat="user in travel.joinPetitions" ng-href="#!/user/{{user._id}}" class="list-group-item">
13                            <div class="row-picture">
14                                <img class="circle" ng-src="{{user.avatar}}" alt="icon">
15                            </div>
16                            <div class="row-content">
17                                <h4 class="list-group-item-heading">{{user.username}}</h4>
18
19                                <p class="list-group-item-text">{{user.description}}</p>
20                            </div>
21                            <div class="list-group-separator"></div>
22                        </a>
23                    </div>
24                </div>
25            </div>
26            <div class="panel">
27                <div class="panel-heading c_deepPurpleG500to300">
28                    <h3 class="panel-title">Accepted users {{travel.joins.length}}/{{travel.seats}}</h3>
29                </div>
30                <div class="panel-body">
31                    <div class="list-group">
32                        <a ng-repeat="user in travel.joins" ng-href="#!/user/{{user._id}}" class="list-group-item">
33                            <div class="row-picture">
34                                <img class="circle" ng-src="{{user.avatar}}" alt="icon">
35                            </div>
36                            <div class="row-content">
37                                <h4 class="list-group-item-heading">{{user.username}}</h4>
38
39                                <p class="list-group-item-text">{{user.description}}</p>
40                            </div>
41                            <div class="list-group-separator"></div>
42                        </a>
43                    </div>
44                </div>
45            </div>
46        </div>
47        <div class="col-sm-8">
48            <div class="panel">
49                <div class="panel-heading c_deepPurpleG500to300">
50                    <h3 class="panel-title">Map</h3>
51                </div>
52                <div class="panel-body">
53                    <leaflet width="100%" height="500px" markers="markers" center="center"
54                    tiles="tiles" id="map-simple-map"></leaflet>
55                </div>
56            </div>
57        </div>
58
59    </div>