You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
6.2 KiB
136 lines
6.2 KiB
<ion-view view-title="{{'Travel' | translate}}">
|
|
<ion-content class="has-footer">
|
|
<div class="item item-icon-left">
|
|
<div class="item-note">
|
|
<p>
|
|
<md-button ng-href="#/app/users/{{travel.user._id}}">
|
|
<img class="o_userImgCircularMini" ng-src="{{travel.user.avatar}}"></img>
|
|
{{travel.user.username}}
|
|
</md-button>
|
|
<p class="text-right">
|
|
<a ng-click="deleteTravel()" class="button button-small o_bRed"
|
|
ng-show="storageuser._id==travel.user._id">
|
|
<i class="icon ion-trash-a"></i>
|
|
</a>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
<h2>
|
|
<i class="icon ion-android-car"></i> {{travel.title}}</h2>
|
|
<div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
|
|
</div>
|
|
|
|
<leaflet width="100%" height="40%" markers="markers" center="center"
|
|
tiles="tiles" id="map-simple-map"></leaflet>
|
|
|
|
<div ng-show="storageuser._id!=travel.user._id" class="text-right">
|
|
<p class='text-right'>
|
|
<div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)==-1">
|
|
<div ng-show="userHasJoined(travel.joins, storageuser._id)==-1">
|
|
<md-button ng-show="travel.type=='offering'" ng-click="joinTravel()" class="o_purple300">{{'Ask_to_join' | translate}}</md-button>
|
|
<md-button ng-show="travel.type=='asking'" ng-click="joinTravel()" class="o_purple300">{{'Offer_car' | translate}}</md-button>
|
|
<md-button ng-show="travel.type=='package'" ng-click="joinTravel()" class="o_purple300">{{'Offer_car' | translate}}</md-button>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)>-1">
|
|
<md-button ng-show="travel.type=='offering'" ng-click="unjoinTravel()" class="o_purple100">{{'Unjoin' | translate}}</md-button>
|
|
<md-button ng-show="travel.type=='asking'" ng-click="unjoinTravel()" class="o_purple100">{{'Unoffer_car' | translate}}</md-button>
|
|
<md-button ng-show="travel.type=='package'" ng-click="unjoinTravel()" class="o_purple100">{{'Unoffer_car' | translate}}</md-button>
|
|
</div>
|
|
</p>
|
|
</div>
|
|
<div class="item item-icon-left">
|
|
<i class="icon ion-ios-location-outline"></i>From: {{travel.from.name}}
|
|
</div>
|
|
<div class="item item-icon-left">
|
|
<i class="icon ion-ios-location"></i>To: {{travel.to.name}}
|
|
</div>
|
|
|
|
<div class="item item-icon-left">
|
|
<i class="icon ion-clipboard"></i> {{travel.description}}
|
|
</div>
|
|
<div class="item item-icon-left" ng-show="travel.package">
|
|
<i class="icon ion-ios-box"></i> package
|
|
</div>
|
|
<a class="item item-icon-left" ng-show="travel.user.telegram"
|
|
ng-href="http://telegram.me/{{travel.user.telegram}}">
|
|
<i class="icon ion-paper-airplane"></i> @{{travel.user.telegram}}
|
|
</a>
|
|
<div class="item item-icon-left" ng-show="travel.user.phone">
|
|
<i class="icon ion-ios-telephone"></i> {{travel.user.phone}}
|
|
</div>
|
|
|
|
<div class="item item-body" ng-show="travel.collectivized">
|
|
<div class='row'>
|
|
<div class='col o-text-right'>
|
|
<p>
|
|
<span class="o-badgeCollectivized">{{'Collectivized' | translate}}</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
|
|
<div class="item item-icon-left">
|
|
<i class="icon ion-ios-people"></i>
|
|
<!--<button class="o_floatRight button o_grey600" ng-show="travel.user._id==storageuser._id">
|
|
<i class="icon ion-edit"></i>
|
|
</button>-->
|
|
<p>{{travel.joins.length}}/{{travel.seats}} seats</p>
|
|
<a ng-repeat="join in travel.joins" ng-href="#/app/users/{{join._id}}">
|
|
<img class="o_userImgCircularMini" ng-src="{{join.avatar}}"></img>
|
|
</a>
|
|
</div>
|
|
<div ng-show="travel.joinPetitions.length>0">
|
|
<p>Pendent petitions</p>
|
|
<div class="row" ng-repeat="joinPetition in travel.joinPetitions">
|
|
<div class="col col-90">
|
|
<a class="item item-avatar" ng-href="#/app/users/{{joinPetition._id}}">
|
|
<img class="o_userImgCircularMini" ng-src="{{joinPetition.avatar}}"></img>
|
|
<h2>{{joinPetition.username}}</h2>
|
|
</a>
|
|
</div>
|
|
<div class="col" ng-show="travel.user._id==storageuser._id">
|
|
<button class="button button-small o_grey600">
|
|
<i class="icon ion-close"></i>
|
|
</button><br>
|
|
<button class="button button-small o_purple400" ng-click="acceptJoin(joinPetition)">
|
|
<i class="icon ion-checkmark"></i>
|
|
</button><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<div class="item item-body" ng-show="travel.joins[0]">
|
|
{{'Joined_users' | translate}}:<br>
|
|
<a ng-repeat="join in travel.joins" ng-href="#/app/users/{{join.joinedUsername}}" class="button button-small button-dark">
|
|
<img ng-src="img/avatars/{{join.joinedAvatar}}.png" class="o-img-joined" />{{join.joinedUsername}}<br>
|
|
</a>
|
|
</div>-->
|
|
<div class="item item-body">
|
|
<div ng-show="travel.comments[0]">
|
|
{{'Comments' | translate}}:<br>
|
|
<a ng-repeat="comment in travel.comments" ng-href="#/app/users/{{comment.commentUsername}}" class="item">
|
|
<h3><img ng-src="img/avatars/{{comment.commentAvatar}}.png" class="o-img-joined" />{{comment.commentUsername}}</h3>
|
|
<p>{{comment.comment}}</p>
|
|
</a>
|
|
</div>
|
|
<div ng-show="storageusername">
|
|
<a ng-click="showNewComment()" ng-show="!doingNewComment" class="button button-small button-calm right">{{'New_comment' | translate}}</a>
|
|
</div>
|
|
<form class="list" ng-show="doingNewComment">
|
|
<label class="item item-input item-floating-label">
|
|
<input ng-model="newComment.comment" type="text" placeholder="Comment">
|
|
</label>
|
|
|
|
<button ng-click="closeNewComment()" class="button button-small button-assertive">
|
|
{{'Cancel' | translate}}
|
|
</button>
|
|
<button ng-click="doNewComment()" ng-show="newComment.comment" class="button button-small button-calm">
|
|
{{'Post_comment' | translate}}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</ion-content>
|
|
</ion-view>
|