1<ion-view view-title="Travel">
 2  <ion-content>
 3    <div class="item item-avatar">
 4        <img ng-src="img/{{travel.modality}}.png" />
 5        <div class="item-note o-text-right">
 6            <a class="badge badge-calm" href="#/app/users/{{travel.owner}}">{{travel.owner}}</a>
 7        </div>
 8        <h2>{{travel.title}}</h2>
 9        <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
10    </div>
11    <div class="item item-body">
12        <div class='o-float-right o-text-right'>
13            <span class="badge badge-balanced" ng-show="travel.collectivized">Collectivized</span>
14
15            <br>
16            <div class="o-mini-text" ng-show="travel.package">
17                <div ng-show="travel.modality=='offering'">can carry package <img src="img/package.png" class="o-imgMenu" /></div>
18                <div ng-show="travel.modality=='asking'">need to carry package <img src="img/package.png" class="o-imgMenu" /></div>
19            </div>
20        </div>
21        <p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from}} - {{travel.to}}</p>
22        <p>
23            <div ng-show="travel.modality=='offering'">nº car seats: {{travel.seats}}</div>
24            <div ng-show="travel.modality=='asking'">nº people: {{travel.seats}}</div>
25        </p>
26        <p class="o-bold">{{travel.description}}</p>
27        <br>
28        <p ng-show="travel.phone">
29            <img class='o-imgMenu' src="img/smartphone.png" /> {{travel.phone}}
30        </p>
31        <p ng-show="travel.telegram">
32            <img class='o-imgMenu' src="img/telegram.png" /> {{travel.telegram}}
33        </p>
34
35        <div ng-show="storageusername">
36            <p class='text-right' ng-show="storageusername!==travel.owner">
37                <a ng-show="travel.modality=='offering'" ng-click="joinTravel()" href="#" class="button button-calm o-pull-right">Ask to join</a>
38                <a ng-show="travel.modality=='asking'" ng-click="joinTravel()" href="#" class="button button-calm o-pull-right">Offer car</a>
39                <a ng-show="travel.modality=='package'" ng-click="joinTravel()" href="#" class="button button-calm o-pull-right">Offer car</a>
40            </p>
41            <p ng-show="storageusername==travel.owner" class="text-right">
42                <a href="#" ng-click="deleteTravel()" class="button button-assertive o-pull-right">Delete</a>
43            </p>
44        </div>
45    </div>
46    <div class="item item-body" ng-show="joins[0]">
47        Joined users:<br>
48        <a ng-repeat="join in joins" ng-href="#/app/users/{{join.joinedUsername}}" class="button button-small button-dark">
49            {{join.joinedUsername}}<br>
50        </a>
51    </div>
52    <div class="item item-body">
53        <div ng-show="comments[0]">
54            Comments:<br>
55            <a ng-repeat="comment in comments" ng-href="#/app/users/{{comment.commentUsername}}" class="item">
56                <h3>{{comment.commentUsername}}</h3>
57                <p>{{comment.comment}}</p>
58            </a>
59        </div>
60        <a ng-click="showNewComment()" ng-show="!doingNewComment" class="button button-calm right">New comment</a>
61        <form class="list" ng-show="doingNewComment">
62            <label class="item item-input item-floating-label">
63                <span class="input-label">Comment</span>
64                <input ng-model="newComment.comment" type="text" placeholder="Comment">
65            </label>
66
67            <button ng-click="closeNewComment()" class="button button-assertive">
68               Cancel
69            </button>
70            <button ng-click="doNewComment()" class="button button-calm">
71               Post comment
72            </button>
73        </form>
74    </div>
75  </ion-content>
76</ion-view>