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.

49 lines
2.2 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:120%; text-align:right;" title="user">
  9. <img style="width:40px;border-radius: 50%;" class="circle" ng-src="{{travel.user.avatar}}" alt="icon"> {{travel.user.username}}
  10. <i title="user verified" class="fa fa-check-circle" style="color: #64B5F6;"></i>
  11. </div>
  12. {{travel.date | date:"dd/MM HH:mm a"}}
  13. </div>
  14. <div class="list-group">
  15. <div class="list-group-item">
  16. <div class="pull-right"></div>
  17. <h4>
  18. <i title="offer travel" ng-show="travel.type=='offering'" class="fa fa-car fa-2x"></i>
  19. <i title="ask for travel" ng-show="travel.type=='asking'" class="fa fa-question fa-2x"></i>
  20. <i title="ask to send package" ng-show="travel.type=='package'" class="fa fa-archive fa-2x"></i>
  21. {{travel.title}}
  22. </h4>
  23. </div>
  24. </div>
  25. <p>
  26. From: <b>{{travel.from.name}}</b>
  27. </p>
  28. <p>
  29. To: <b>{{travel.to.name}}</b>
  30. </p>
  31. <p ng-show="travel.description">
  32. Description: <b>{{travel.description}}</b>
  33. </p>
  34. <p ng-show="travel.package">
  35. Can carry package
  36. </p>
  37. </div>
  38. </div>
  39. <div class="panel">
  40. <div class="panel-heading c_deepPurple300">
  41. <h3 class="panel-title">Map</h3>
  42. </div>
  43. <div class="panel-body">
  44. <leaflet width="100%" height="400px" markers="markers" center="center"
  45. tiles="tiles" id="map-simple-map"></leaflet>
  46. </div>
  47. </div>
  48. </div>
  49. </div>