1<div ng-include="'views/navbar.html'"></div>
 2
 3
 4<div class="container">
 5    <div class="row">
 6        <div class="col-sm-4">
 7            <div class="panel">
 8                <div class="panel-heading c_deepPurple300">
 9                    <h3 class="panel-title">{{travel.title}}</h3>
10                </div>
11                <div class="panel-body">
12                    <p>
13                        From: {{travel.from.name}}
14                    </p>
15                    <p>
16                        To: {{travel.from.name}}
17                    </p>
18                    <p ng-show="travel.package">
19                        Can transport package
20                    </p>
21                </div>
22            </div>
23            <div class="panel">
24                <div class="panel-heading c_deepPurple300">
25                    <h3 class="panel-title">Map</h3>
26                </div>
27                <div class="panel-body">
28                    here the map
29                </div>
30            </div>
31        </div>
32        <div class="col-sm-4">
33            <div class="panel">
34                <div class="panel-heading c_deepPurple300">
35                    <h3 class="panel-title">{{travel.joinPetitions.length}} Pendent joins</h3>
36                </div>
37                <div class="panel-body">
38                    <div class="list-group">
39                        <a ng-repeat="user in travel.joinPetitions" ng-href="#!/user/{{user._id}}" class="list-group-item">
40                            <div class="row-picture">
41                                <img class="circle" ng-src="{{user.avatar}}" alt="icon">
42                            </div>
43                            <div class="row-content">
44                                <h4 class="list-group-item-heading">{{user.username}}</h4>
45
46                                <p class="list-group-item-text">{{user.description}}</p>
47                            </div>
48                            <div class="list-group-separator"></div>
49                        </a>
50                    </div>
51                </div>
52            </div>
53        </div>
54
55        <div class="col-sm-4">
56            <div class="panel">
57                <div class="panel-heading c_deepPurple300">
58                    <h3 class="panel-title">Accepted users {{travel.joins.length}}/{{travel.seats}}</h3>
59                </div>
60                <div class="panel-body">
61                    <div class="list-group">
62                        <a ng-repeat="user in travel.joins" ng-href="#!/user/{{user._id}}" class="list-group-item">
63                            <div class="row-picture">
64                                <img class="circle" ng-src="{{user.avatar}}" alt="icon">
65                            </div>
66                            <div class="row-content">
67                                <h4 class="list-group-item-heading">{{user.username}}</h4>
68
69                                <p class="list-group-item-text">{{user.description}}</p>
70                            </div>
71                            <div class="list-group-separator"></div>
72                        </a>
73                    </div>
74                </div>
75            </div>
76        </div>
77    </div>