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.

48 lines
2.0 KiB

  1. <div class="container">
  2. <div class="row">
  3. <div class="col-sm-3"></div>
  4. <div class="col-sm-6">
  5. <div class="panel">
  6. <div class="panel-body">
  7. <div class="pull-right">
  8. <!-- <div class="row-picture" style="font-size:140%; text-align:right;" title="user">
  9. <img style="width:40px;" class="circle" ng-src="{{travel.user.avatar}}" alt="icon"> {{travel.user.username}}
  10. </div> -->
  11. {{travel.date | date:"dd/MM HH:mm a"}}
  12. </div>
  13. <div class="list-group">
  14. <div class="list-group-item">
  15. <div class="pull-right"></div>
  16. <h4>
  17. <i ng-show="travel.type=='offering'" class="fa fa-car fa-2x"></i>
  18. <i ng-show="travel.type=='asking'" class="fa fa-question fa-2x"></i>
  19. <i ng-show="travel.type=='package'" class="fa fa-archive fa-2x"></i>
  20. {{travel.title}}
  21. </h4>
  22. </div>
  23. </div>
  24. <p>
  25. From: <b>{{travel.from.name}}</b>
  26. </p>
  27. <p>
  28. To: <b>{{travel.from.name}}</b>
  29. </p>
  30. <p ng-show="travel.description">
  31. Description: <b>{{travel.description}}</b>
  32. </p>
  33. <p ng-show="travel.package">
  34. Can carry package
  35. </p>
  36. </div>
  37. </div>
  38. <div class="panel">
  39. <div class="panel-heading c_deepPurple300">
  40. <h3 class="panel-title">Map</h3>
  41. </div>
  42. <div class="panel-body">
  43. <leaflet width="100%" height="400px" markers="markers" center="center"
  44. tiles="tiles" id="map-simple-map"></leaflet>
  45. </div>
  46. </div>
  47. </div>
  48. </div>