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.

79 lines
3.5 KiB

  1. <div class="container">
  2. <div class="row">
  3. <div class="col-sm-4">
  4. <div class="panel">
  5. <div class="panel-heading c_deepPurple300">
  6. <h3 class="panel-title">All users</h3>
  7. </div>
  8. <div class="panel-body">
  9. <div class="list-group">
  10. <a ng-repeat="user in users" ng-href="#!/user/{{user._id}}" class="list-group-item">
  11. <div class="row-picture">
  12. <img class="circle" ng-src="{{user.avatar}}" alt="icon">
  13. </div>
  14. <div class="row-content">
  15. <h4 class="list-group-item-heading">{{user.username}}</h4>
  16. <p class="list-group-item-text">{{user.description}}</p>
  17. <p class="list-group-item-text">{{user.travels.length}} published travels</p>
  18. <p class="list-group-item-text">{{user.likes.length}} likes</p>
  19. </div>
  20. <div class="list-group-separator"></div>
  21. </a>
  22. </div>
  23. <br>
  24. <div class="btn btn-raised c_deepPurple300">See all</div>
  25. </div>
  26. </div>
  27. </div>
  28. <div class="col-sm-5">
  29. <div class="panel">
  30. <div class="panel-heading c_deepPurple300">
  31. <h3 class="panel-title">All travels</h3>
  32. </div>
  33. <div class="panel-body">
  34. <table class="table table-striped table-hover ">
  35. <thead>
  36. <tr>
  37. <th>Type</th>
  38. <th>Title</th>
  39. <th>Date</th>
  40. <th>User</th>
  41. <th>nºJoins</th>
  42. <th></th>
  43. </tr>
  44. </thead>
  45. <tbody>
  46. <tr ng-repeat="travel in travels">
  47. <td>
  48. <i ng-show="travel.type=='offering'" class="fa fa-car fa-2x"></i>
  49. <i ng-show="travel.type=='asking'" class="fa fa-question fa-2x"></i>
  50. <i ng-show="travel.type=='package'" class="fa fa-archive fa-2x"></i>
  51. </td>
  52. <td>{{travel.title}}</td>
  53. <td>{{travel.date | date}}</td>
  54. <td>
  55. <a ng-href="#!/user/{{travel.user._id}}">
  56. {{travel.user.username}}
  57. </a>
  58. </td>
  59. <td>{{travel.joins.length}}</td>
  60. <td><a ng-href="#!/travel/{{travel._id}}">View</a></td>
  61. </tr>
  62. </tbody>
  63. </table>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="col-sm-3">
  68. <div class="panel">
  69. <div class="panel-heading c_deepPurple300">
  70. <h3 class="panel-title">Actions</h3>
  71. </div>
  72. <div class="panel-body">
  73. Panel content
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>