1<ion-view view-title="{{'Travel' | translate}}">
  2  <ion-content>
  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 class="md-raised" ng-href="#/app/users/{{travel.user._id}}">
  8                <img class="mdl-chip__contact" 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    <div class="item item-body">
 20      <div class='row'>
 21        <p class="o-bold">{{travel.description}}</p>
 22      </div>
 23      <div class="row">
 24        <p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from}} --> {{travel.to}}</p>
 25      </div>
 26      <div class='row'>
 27        <div class='col'>
 28          <p ng-show="travel.phone">
 29            <img class='o-imgMenu' src="img/smartphone.png" /> {{travel.user.phone}}
 30          </p>
 31          <p ng-show="travel.telegram">
 32            <!--<a ng-href="https://telegram.me/{{travel.telegram}}" target="_blank" class="button">-->
 33            <img class='o-imgMenu' src="img/telegram.png" /> @{{travel.user.telegram}}
 34            <!--</a>-->
 35          </p>
 36        </div>
 37        <div class='col o-text-right'>
 38          <p ng-show="travel.collectivized">
 39            <span class="o-badgeCollectivized">{{'Collectivized' | translate}}</span>
 40          </p>
 41          <p ng-show="travel.package">
 42            <div class="o-mini-text">
 43              <div ng-show="travel.modality=='offering'">{{'Can_carry_package' | translate}} <img src="img/package.png" class="o-imgMenu" /></div>
 44              <div ng-show="travel.modality=='asking'">{{'Need_to_carry_package' | translate}} <img src="img/package.png" class="o-imgMenu" /></div>
 45            </div>
 46          </p>
 47
 48          <p>
 49            <div ng-show="travel.modality=='offering'">{{'n_Seats' | translate}}: {{travel.seats}}</div>
 50            <div ng-show="travel.modality=='asking'">{{'n_People' | translate}}: {{travel.seats}}</div>
 51          </p>
 52        </div>
 53      </div>
 54      <br>
 55
 56
 57      <div ng-show="storageuser._id!=travel.user._id" class="text-right">
 58        <p class='text-right'>
 59          <div ng-show="arrayObjectIndexOf(travel.joins, storageuser.username, 'joinPetitions')==-1">
 60            <a ng-show="travel.modality=='offering'" ng-click="joinTravel()" class="button button-calm o-pull-right">{{'Ask_to_join' | translate}}</a>
 61            <a ng-show="travel.modality=='asking'" ng-click="joinTravel()" class="button button-calm o-pull-right">{{'Offer_car' | translate}}</a>
 62            <a ng-show="travel.modality=='package'" ng-click="joinTravel()" class="button button-calm o-pull-right">{{'Offer_car' | translate}}</a>
 63          </div>
 64
 65          <div ng-show="arrayObjectIndexOf(travel.joins, storageuser.username, 'joinPetitions')!=-1">
 66            <a ng-show="travel.modality=='offering'" ng-click="unjoinTravel()" class="button button-assertive o-pull-right">{{'Unjoin' | translate}}</a>
 67            <a ng-show="travel.modality=='asking'" ng-click="unjoinTravel()" class="button button-assertive o-pull-right">{{'Unoffer_car' | translate}}</a>
 68            <a ng-show="travel.modality=='package'" ng-click="unjoinTravel()" class="button button-assertive o-pull-right">{{'Unoffer_car' | translate}}</a>
 69          </div>
 70        </p>
 71      </div>
 72    </div>
 73    <div class="item item-body" ng-show="travel.joins[0]">
 74      {{'Joined_users' | translate}}:<br>
 75      <a ng-repeat="join in travel.joins" ng-href="#/app/users/{{join.joinedUsername}}" class="button button-small button-dark">
 76        <img ng-src="img/avatars/{{join.joinedAvatar}}.png" class="o-img-joined" />{{join.joinedUsername}}<br>
 77      </a>
 78    </div>
 79    <div class="item item-body">
 80      <div ng-show="travel.comments[0]">
 81        {{'Comments' | translate}}:<br>
 82        <a ng-repeat="comment in travel.comments" ng-href="#/app/users/{{comment.commentUsername}}" class="item">
 83          <h3><img ng-src="img/avatars/{{comment.commentAvatar}}.png" class="o-img-joined" />{{comment.commentUsername}}</h3>
 84          <p>{{comment.comment}}</p>
 85        </a>
 86      </div>
 87      <div ng-show="storageusername">
 88        <a ng-click="showNewComment()" ng-show="!doingNewComment" class="button button-small button-calm right">{{'New_comment' | translate}}</a>
 89      </div>
 90      <form class="list" ng-show="doingNewComment">
 91        <label class="item item-input item-floating-label">
 92                <input ng-model="newComment.comment" type="text" placeholder="Comment">
 93            </label>
 94
 95        <button ng-click="closeNewComment()" class="button button-small button-assertive">
 96               {{'Cancel' | translate}}
 97            </button>
 98        <button ng-click="doNewComment()" ng-show="newComment.comment" class="button button-small button-calm">
 99               {{'Post_comment' | translate}}
100            </button>
101      </form>
102    </div>
103  </ion-content>
104</ion-view>