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.
 
 
 
 

38 lines
1.7 KiB

<ion-view view-title="Travel">
<ion-content>
<div class="item item-avatar">
<img ng-src="img/{{travel.modality}}.png" />
<span class="badge badge-balanced" ng-show="travel.collectivized">Collectivized</span>
<h2>{{travel.title}}</h2>
<p>{{travel.owner}}</p>
</div>
<div class="item item-body">
<div class='o-float-right o-text-right'>
<div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
<br>
<div class="o-mini-text" ng-show="travel.package">
<div ng-show="travel.modality=='offering'">can carry package <img src="img/package.png" class="o-imgMenu" /></div>
<div ng-show="travel.modality=='asking'">need to carry package <img src="img/package.png" class="o-imgMenu" /></div>
</div>
</div>
<p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from}} - {{travel.to}}</p>
<p>
<div ng-show="travel.modality=='offering'">nº car seats: {{travel.seats}}</div>
<div ng-show="travel.modality=='asking'">nº people: {{travel.seats}}</div>
</p>
<p class="o-bold">{{travel.description}}</p>
<br>
<p>
<img class='o-imgMenu' src="img/smartphone.png" /> {{travel.phone}}
</p>
<p>
<img class='o-imgMenu' src="img/telegram.png" /> {{travel.telegram}}
</p>
<p class='text-right'>
<a ng-show="travel.modality=='offering'" href="#" class="button button-calm o-pull-right">Ask to join</a>
<a ng-show="travel.modality=='asking'" href="#" class="button button-calm o-pull-right">Offer car</a>
</p>
</div>
</ion-content>
</ion-view>