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            <br>
 8            <p ng-show="storageusername==travel.owner" class="text-right">
 9                <a href="#" ng-click="deleteTravel()" class="button button-small button-assertive o-pull-right"><i class="icon ion-trash-a"></i></a>
10            </p>
11        </div>
12        <h2>{{travel.title}}</h2>
13        <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
14    </div>
15    <div class="item item-body">
16      <div class='row'>
17
18          <p class="o-bold">{{travel.description}}</p>
19      </div>
20      <div class='row'>
21        <div class='col'>
22          <p ng-show="travel.phone">
23              <img class='o-imgMenu' src="img/smartphone.png" /> {{travel.phone}}
24          </p>
25          <p ng-show="travel.telegram">
26              <img class='o-imgMenu' src="img/telegram.png" /> {{travel.telegram}}
27          </p>
28
29          <p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from}} - {{travel.to}}</p>
30        </div>
31        <div class='col o-text-right'>
32          <p ng-show="travel.collectivized">
33            <span class="o-badgeCollectivized">Collectivized</span>
34          </p>
35          <p ng-show="travel.package">
36            <div class="o-mini-text">
37                <div ng-show="travel.modality=='offering'">can carry package <img src="img/package.png" class="o-imgMenu" /></div>
38                <div ng-show="travel.modality=='asking'">need to carry package <img src="img/package.png" class="o-imgMenu" /></div>
39            </div>
40          </p>
41
42            <p>
43                <div ng-show="travel.modality=='offering'">nº car seats: {{travel.seats}}</div>
44                <div ng-show="travel.modality=='asking'">nº people: {{travel.seats}}</div>
45            </p>
46        </div>
47      </div>
48        <br>
49
50
51        <div ng-show="storageusername">
52            <p class='text-right' ng-show="storageusername!==travel.owner">
53              <div ng-show="arrayObjectIndexOf(joins, storageusername, 'joinedUsername')==-1">
54                <a ng-show="travel.modality=='offering'" ng-click="joinTravel()" href="#" class="button button-calm o-pull-right">Ask to join</a>
55                <a ng-show="travel.modality=='asking'" ng-click="joinTravel()" href="#" class="button button-calm o-pull-right">Offer car</a>
56                <a ng-show="travel.modality=='package'" ng-click="joinTravel()" href="#" class="button button-calm o-pull-right">Offer car</a>
57              </div>
58
59              <div ng-show="arrayObjectIndexOf(joins, storageusername, 'joinedUsername')!=-1">
60                <a ng-show="travel.modality=='offering'" ng-click="unjoinTravel()" href="#" class="button button-assertive o-pull-right">Unjoin</a>
61                <a ng-show="travel.modality=='asking'" ng-click="unjoinTravel()" href="#" class="button button-assertive o-pull-right">Unoffer car</a>
62                <a ng-show="travel.modality=='package'" ng-click="unjoinTravel()" href="#" class="button button-assertive o-pull-right">Unoffer car</a>
63              </div>
64            </p>
65        </div>
66    </div>
67    <div class="item item-body" ng-show="joins[0]">
68        Joined users:<br>
69        <a ng-repeat="join in joins" ng-href="#/app/users/{{join.joinedUsername}}" class="button button-small button-dark">
70            <img ng-src="img/avatars/{{join.joinedAvatar}}.png" class="o-img-joined" />{{join.joinedUsername}}<br>
71        </a>
72    </div>
73    <div class="item item-body">
74        <div ng-show="comments[0]">
75            Comments:<br>
76            <a ng-repeat="comment in comments" ng-href="#/app/users/{{comment.commentUsername}}" class="item">
77                <h3><img ng-src="img/avatars/{{comment.commentAvatar}}.png" class="o-img-joined" />{{comment.commentUsername}}</h3>
78                <p>{{comment.comment}}</p>
79            </a>
80        </div>
81        <div ng-show="storageusername">
82          <a ng-click="showNewComment()" ng-show="!doingNewComment" class="button button-small button-calm right">New comment</a>
83        </div>
84        <form class="list" ng-show="doingNewComment">
85            <label class="item item-input item-floating-label">
86                <input ng-model="newComment.comment" type="text" placeholder="Comment">
87            </label>
88
89            <button ng-click="closeNewComment()" class="button button-small button-assertive">
90               Cancel
91            </button>
92            <button ng-click="doNewComment()" class="button button-small button-calm">
93               Post comment
94            </button>
95        </form>
96    </div>
97  </ion-content>
98</ion-view>