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 ng-show="storageuser._id!=travel.user._id" class="text-right">
27 <p class='text-right'>
28 <div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)==-1">
29 <md-button ng-show="travel.type=='offering'" ng-click="joinTravel()" class="o_purple300">{{'Ask_to_join' | translate}}</md-button>
30 <md-button ng-show="travel.type=='asking'" ng-click="joinTravel()" class="o_purple300">{{'Offer_car' | translate}}</md-button>
31 <md-button ng-show="travel.type=='package'" ng-click="joinTravel()" class="o_purple300">{{'Offer_car' | translate}}</md-button>
32 </div>
33
34 <div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)>-1">
35 <md-button ng-show="travel.type=='offering'" ng-click="unjoinTravel()" class="o_purple100">{{'Unjoin' | translate}}</md-button>
36 <md-button ng-show="travel.type=='asking'" ng-click="unjoinTravel()" class="o_purple100">{{'Unoffer_car' | translate}}</md-button>
37 <md-button ng-show="travel.type=='package'" ng-click="unjoinTravel()" class="o_purple100">{{'Unoffer_car' | translate}}</md-button>
38 </div>
39 </p>
40 </div>
41 <div class="item item-icon-left">
42 <i class="icon ion-ios-location-outline"></i>From: {{travel.from.name}}
43 </div>
44 <div class="item item-icon-left">
45 <i class="icon ion-ios-location"></i>To: {{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
53 </div>
54 <div class="item item-icon-left" ng-show="travel.user.telegram">
55 <i class="icon ion-paper-airplane"></i> @{{travel.user.telegram}}
56 </div>
57 <div class="item item-icon-left" ng-show="travel.user.phone">
58 <i class="icon ion-ios-telephone"></i> {{travel.user.phone}}
59 </div>
60
61 <div class="item item-body" ng-show="travel.collectivized">
62 <div class='row'>
63 <div class='col o-text-right'>
64 <p>
65 <span class="o-badgeCollectivized">{{'Collectivized' | translate}}</span>
66 </p>
67 </div>
68 </div>
69 <br>
70 </div>
71
72 <div class="item item-icon-left">
73 <i class="icon ion-ios-people"></i>
74 <p>0/{{travel.seats}} seats</p>
75 <a ng-repeat="join in travel.joins" ng-href="#/app/users/{{join._id}}">
76 <img class="o_userImgCircularMini" ng-src="{{join.avatar}}"></img>
77 </a>
78 </div>
79 <div class="">
80 <p>Pendent petitions</p>
81 <div class="row" ng-repeat="joinPetition in travel.joinPetitions">
82 <div class="col col-90">
83 <a class="item item-avatar" ng-href="#/app/users/{{joinPetition._id}}">
84 <img class="o_userImgCircularMini" ng-src="{{joinPetition.avatar}}"></img>
85 <h2>{{joinPetition.username}}</h2>
86 </a>
87 </div>
88 <div class="col">
89 <button class="button button-small o_grey600">
90 <i class="icon ion-close"></i>
91 </button><br>
92 <button class="button button-small o_purple400">
93 <i class="icon ion-checkmark"></i>
94 </button><br>
95 </div>
96 </div>
97 </div>
98
99 <div class="item item-body" ng-show="travel.joins[0]">
100 {{'Joined_users' | translate}}:<br>
101 <a ng-repeat="join in travel.joins" ng-href="#/app/users/{{join.joinedUsername}}" class="button button-small button-dark">
102 <img ng-src="img/avatars/{{join.joinedAvatar}}.png" class="o-img-joined" />{{join.joinedUsername}}<br>
103 </a>
104 </div>
105 <div class="item item-body">
106 <div ng-show="travel.comments[0]">
107 {{'Comments' | translate}}:<br>
108 <a ng-repeat="comment in travel.comments" ng-href="#/app/users/{{comment.commentUsername}}" class="item">
109 <h3><img ng-src="img/avatars/{{comment.commentAvatar}}.png" class="o-img-joined" />{{comment.commentUsername}}</h3>
110 <p>{{comment.comment}}</p>
111 </a>
112 </div>
113 <div ng-show="storageusername">
114 <a ng-click="showNewComment()" ng-show="!doingNewComment" class="button button-small button-calm right">{{'New_comment' | translate}}</a>
115 </div>
116 <form class="list" ng-show="doingNewComment">
117 <label class="item item-input item-floating-label">
118 <input ng-model="newComment.comment" type="text" placeholder="Comment">
119 </label>
120
121 <button ng-click="closeNewComment()" class="button button-small button-assertive">
122 {{'Cancel' | translate}}
123 </button>
124 <button ng-click="doNewComment()" ng-show="newComment.comment" class="button button-small button-calm">
125 {{'Post_comment' | translate}}
126 </button>
127 </form>
128 </div>
129 </ion-content>
130</ion-view>