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