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