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