commonroutesApp/www/templates/travel.html
www/templates/travel.htmlRaw
1<ion-view view-title="{{'Travel' | translate}}">
2 <ion-content class="has-footer">
3 <ion-refresher
4 pulling-text="{{'Pull_to_refresh' | translate}}..."
5 on-refresh="doRefresh()">
6 </ion-refresher>
7 <div class="item item-icon-left">
8 <div class="item-note">
9 <p>
10 <a class="button" ng-href="#/app/users/{{travel.user._id}}">
11 <img class="o_userImgCircularMini" ng-src="{{travel.user.avatar}}"></img>
12 {{travel.user.username}}
13 </a>
14 <p class="text-right">
15 <a ng-click="deleteTravel()" class="button button-small o_bRed"
16 ng-show="storageuser._id==travel.user._id">
17 <i class="icon ion-trash-a"></i>
18 </a>
19 </p>
20 </p>
21 </div>
22 <h2>
23 <i class="icon ion-android-car"></i> {{travel.title}}</h2>
24 <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
25 </div>
26
27 <leaflet width="100%" height="40%" markers="markers" center="center"
28 tiles="tiles" id="map-simple-map"></leaflet>
29
30 <div class="item item-icon-left">
31 <i class="icon ion-ios-location-outline"></i>{{'From' | translate}}: {{travel.from.name}}
32 </div>
33 <div class="item item-icon-left">
34 <i class="icon ion-ios-location"></i>{{'To' | translate}}: {{travel.to.name}}
35 </div>
36
37 <div class="item item-icon-left">
38 <i class="icon ion-clipboard"></i> {{travel.description}}
39 </div>
40 <div class="item item-icon-left" ng-show="travel.package">
41 <i class="icon ion-ios-box"></i> {{'package' | translate}}
42 </div>
43 <a class="item item-icon-left" ng-show="travel.user.telegram"
44 ng-href="http://telegram.me/{{travel.user.telegram}}">
45 <i class="icon ion-paper-airplane"></i> @{{travel.user.telegram}}
46 </a>
47 <div class="item item-icon-left" ng-show="travel.user.phone">
48 <i class="icon ion-ios-telephone"></i> {{travel.user.phone}}
49 </div>
50 <div ng-show="storageuser._id!=travel.user._id" class="text-right">
51 <p class='text-right'>
52 <div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)==-1">
53 <div ng-show="userHasJoined(travel.joins, storageuser._id)==-1">
54 <a ng-show="travel.type=='offering'" ng-click="joinTravel()" class="button button-small o_purple300">{{'Ask_to_join' | translate}}</a>
55 <a ng-show="travel.type=='asking'" ng-click="joinTravel()" class="button button-small o_purple300">{{'Offer_car' | translate}}</a>
56 <a ng-show="travel.type=='package'" ng-click="joinTravel()" class="button button-small o_purple300">{{'Offer_car' | translate}}</a>
57 </div>
58 </div>
59
60 <div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)>-1">
61 <a ng-show="travel.type=='offering'" ng-click="unjoinTravel()" class="button button-small o_purple100">{{'Unjoin' | translate}}</a>
62 <a ng-show="travel.type=='asking'" ng-click="unjoinTravel()" class="button button-small o_purple100">{{'Unoffer_car' | translate}}</a>
63 <a ng-show="travel.type=='package'" ng-click="unjoinTravel()" class="button button-small o_purple100">{{'Unoffer_car' | translate}}</a>
64 </div>
65
66 <div ng-show="userHasJoined(travel.joins, storageuser._id)>-1">
67 You have been accepted!
68 <a ng-show="travel.type=='offering'" ng-click="leaveTravel()" class="button button-small o_bRed">{{'Leave' | translate}}</a>
69 <a ng-show="travel.type=='asking'" ng-click="" class="button button-small o_purple100">{{'Leave' | translate}}</a>
70 <a ng-show="travel.type=='package'" ng-click="" class="button button-small o_purple100">{{'Leave' | translate}}</a>
71 </div>
72 </p>
73 </div>
74 <div class="item item-body" ng-show="travel.collectivized">
75 <div class='row'>
76 <div class='col o-text-right'>
77 <p>
78 <span class="o-badgeCollectivized">{{'Collectivized' | translate}}</span>
79 </p>
80 </div>
81 </div>
82 <br>
83 </div>
84
85 <div class="item item-icon-left">
86 <i class="icon ion-ios-people"></i>
87 <!--<button class="o_floatRight button o_grey600" ng-show="travel.user._id==storageuser._id">
88 <i class="icon ion-edit"></i>
89 </button>-->
90 <p>{{travel.joins.length}}/{{travel.seats}} {{'seats' | translate}}</p>
91 <a ng-repeat="join in travel.joins" ng-href="#/app/users/{{join._id}}">
92 <img class="o_userImgCircularMini" ng-src="{{join.avatar}}"></img>
93 </a>
94 </div>
95 <div ng-show="travel.joinPetitions.length>0">
96 <p>{{'Pendent_petitions' | translate}}</p>
97 <div class="row" ng-repeat="joinPetition in travel.joinPetitions">
98 <div class="col col-90">
99 <a class="item item-avatar" ng-href="#/app/users/{{joinPetition._id}}">
100 <img class="o_userImgCircularMini" ng-src="{{joinPetition.avatar}}"></img>
101 <h2>{{joinPetition.username}}</h2>
102 </a>
103 </div>
104 <div class="col" ng-show="travel.user._id==storageuser._id">
105 <div class="button button-small o_grey600" ng-click="declineJoin(joinPetition)">
106 <i class="icon ion-close"></i>
107 </div><br>
108 <div class="button button-small o_purple400" ng-click="acceptJoin(joinPetition)">
109 <i class="icon ion-checkmark"></i>
110 </div><br>
111 </div>
112 </div>
113 </div>
114
115 <!--<div class="item item-body" ng-show="travel.joins[0]">
116 {{'Joined_users' | translate}}:<br>
117 <a ng-repeat="join in travel.joins" ng-href="#/app/users/{{join.joinedUsername}}" class="button button-small button-dark">
118 <img ng-src="img/avatars/{{join.joinedAvatar}}.png" class="o-img-joined" />{{join.joinedUsername}}<br>
119 </a>
120 </div>-->
121 <div class="item item-body">
122 <div ng-show="travel.comments[0]">
123 {{'Comments' | translate}}:<br>
124 <a ng-repeat="comment in travel.comments" ng-href="#/app/users/{{comment.commentUsername}}" class="item">
125 <h3><img ng-src="img/avatars/{{comment.commentAvatar}}.png" class="o-img-joined" />{{comment.commentUsername}}</h3>
126 <p>{{comment.comment}}</p>
127 </a>
128 </div>
129 <div ng-show="storageusername">
130 <a ng-click="showNewComment()" ng-show="!doingNewComment" class="button button-small button-calm right">{{'New_comment' | translate}}</a>
131 </div>
132 <form class="list" ng-show="doingNewComment">
133 <label class="item item-input item-floating-label">
134 <input ng-model="newComment.comment" type="text" placeholder="Comment">
135 </label>
136
137 <div ng-click="closeNewComment()" class="button button-small button-assertive">
138 {{'Cancel' | translate}}
139 </div>
140 <div ng-click="doNewComment()" ng-show="newComment.comment" class="button button-small button-calm">
141 {{'Post_comment' | translate}}
142 </div>
143 </form>
144 </div>
145 </ion-content>
146</ion-view>