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 o-text-right">
  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>
 11        <p ng-show="storageuser._id==travel.user._id" class="text-right">
 12          <a ng-click="deleteTravel()" class="button button-small o_bRed"><i class="icon ion-trash-a"></i></a>
 13        </p>
 14      </div>
 15      <h2>
 16        <i class="icon ion-android-car"></i> {{travel.title}}</h2>
 17      <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
 18    </div>
 19
 20    <leaflet width="100%" height="40%" markers="markers" center="center"
 21    tiles="tiles" id="map-simple-map"></leaflet>
 22    <div ng-show="storageuser._id!=travel.user._id" class="text-right">
 23      <p class='text-right'>
 24        <div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)==-1">
 25          <md-button ng-show="travel.type=='offering'" ng-click="joinTravel()" class="o_purple300">{{'Ask_to_join' | translate}}</md-button>
 26          <md-button ng-show="travel.type=='asking'" ng-click="joinTravel()" class="o_purple300">{{'Offer_car' | translate}}</md-button>
 27          <md-button ng-show="travel.type=='package'" ng-click="joinTravel()" class="o_purple300">{{'Offer_car' | translate}}</md-button>
 28        </div>
 29
 30        <div ng-show="userHasJoined(travel.joinPetitions, storageuser._id)>-1">
 31          <md-button ng-show="travel.type=='offering'" ng-click="unjoinTravel()" class="o_purple100">{{'Unjoin' | translate}}</md-button>
 32          <md-button ng-show="travel.type=='asking'" ng-click="unjoinTravel()" class="o_purple100">{{'Unoffer_car' | translate}}</md-button>
 33          <md-button ng-show="travel.type=='package'" ng-click="unjoinTravel()" class="o_purple100">{{'Unoffer_car' | translate}}</md-button>
 34        </div>
 35      </p>
 36    </div>
 37    <div class="item item-icon-left">
 38        <i class="icon ion-ios-location"></i>{{travel.from.name}} --> {{travel.to.name}}
 39    </div>
 40    <div class="item item-icon-left">
 41        <i class="icon ion-clipboard"></i> {{travel.description}}
 42    </div>
 43    <div class="item item-icon-left" ng-show="travel.package">
 44        <i class="icon ion-ios-box"></i> package
 45    </div>
 46    <div class="item item-icon-left" ng-show="travel.user.telegram">
 47        <i class="icon ion-paper-airplane"></i> @{{user.telegram}}
 48    </div>
 49    <div class="item item-icon-left" ng-show="travel.user.phone">
 50        <i class="icon ion-ios-telephone"></i> {{travel.user.phone}}
 51    </div>
 52    <div class="item item-icon-left">
 53        <i class="icon ion-ios-people"></i> {{travel.seats}} seats
 54    </div>
 55
 56    <div class="item item-body">
 57      <div class='row'>
 58        <div class='col o-text-right'>
 59          <p ng-show="travel.collectivized">
 60            <span class="o-badgeCollectivized">{{'Collectivized' | translate}}</span>
 61          </p>
 62        </div>
 63      </div>
 64      <br>
 65
 66
 67
 68    </div>
 69    <div class="item item-body" ng-show="travel.joins[0]">
 70      {{'Joined_users' | translate}}:<br>
 71      <a ng-repeat="join in travel.joins" ng-href="#/app/users/{{join.joinedUsername}}" class="button button-small button-dark">
 72        <img ng-src="img/avatars/{{join.joinedAvatar}}.png" class="o-img-joined" />{{join.joinedUsername}}<br>
 73      </a>
 74    </div>
 75    <div class="item item-body">
 76      <div ng-show="travel.comments[0]">
 77        {{'Comments' | translate}}:<br>
 78        <a ng-repeat="comment in travel.comments" ng-href="#/app/users/{{comment.commentUsername}}" class="item">
 79          <h3><img ng-src="img/avatars/{{comment.commentAvatar}}.png" class="o-img-joined" />{{comment.commentUsername}}</h3>
 80          <p>{{comment.comment}}</p>
 81        </a>
 82      </div>
 83      <div ng-show="storageusername">
 84        <a ng-click="showNewComment()" ng-show="!doingNewComment" class="button button-small button-calm right">{{'New_comment' | translate}}</a>
 85      </div>
 86      <form class="list" ng-show="doingNewComment">
 87        <label class="item item-input item-floating-label">
 88                <input ng-model="newComment.comment" type="text" placeholder="Comment">
 89            </label>
 90
 91        <button ng-click="closeNewComment()" class="button button-small button-assertive">
 92               {{'Cancel' | translate}}
 93            </button>
 94        <button ng-click="doNewComment()" ng-show="newComment.comment" class="button button-small button-calm">
 95               {{'Post_comment' | translate}}
 96            </button>
 97      </form>
 98    </div>
 99  </ion-content>
100</ion-view>