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.

41 lines
1.8 KiB

  1. <ion-view view-title="Travel">
  2. <ion-content>
  3. <div class="item item-avatar">
  4. <img ng-src="img/{{travel.modality}}.png" />
  5. <div class="item-note o-text-right">
  6. <a class="badge badge-calm" href="#/app/users/{{travel.owner}}">{{travel.owner}}</a>
  7. </div>
  8. <h2>{{travel.title}}</h2>
  9. <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
  10. </div>
  11. <div class="item item-body">
  12. <div class='o-float-right o-text-right'>
  13. <span class="badge badge-balanced" ng-show="travel.collectivized">Collectivized</span>
  14. <br>
  15. <div class="o-mini-text" ng-show="travel.package">
  16. <div ng-show="travel.modality=='offering'">can carry package <img src="img/package.png" class="o-imgMenu" /></div>
  17. <div ng-show="travel.modality=='asking'">need to carry package <img src="img/package.png" class="o-imgMenu" /></div>
  18. </div>
  19. </div>
  20. <p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from}} - {{travel.to}}</p>
  21. <p>
  22. <div ng-show="travel.modality=='offering'">nº car seats: {{travel.seats}}</div>
  23. <div ng-show="travel.modality=='asking'">nº people: {{travel.seats}}</div>
  24. </p>
  25. <p class="o-bold">{{travel.description}}</p>
  26. <br>
  27. <p>
  28. <img class='o-imgMenu' src="img/smartphone.png" /> {{travel.phone}}
  29. </p>
  30. <p>
  31. <img class='o-imgMenu' src="img/telegram.png" /> {{travel.telegram}}
  32. </p>
  33. <p class='text-right'>
  34. <a ng-show="travel.modality=='offering'" href="#" class="button button-calm o-pull-right">Ask to join</a>
  35. <a ng-show="travel.modality=='asking'" href="#" class="button button-calm o-pull-right">Offer car</a>
  36. </p>
  37. </div>
  38. </ion-content>
  39. </ion-view>