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