user_page.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. {% extends 'page.html' %}
  2. {% block main_css_class %}user-page{% endblock %}
  3. {% block content_head %}
  4. {% if pageUser %}
  5. <div class="header-wrap">
  6. <h1 class="title" id="revision-path">{{ path }}</h1>
  7. <div class="user-page-header">
  8. {% if page %}
  9. <a href="#" title="Bookmark" class="bookmark-link" id="bookmark-button" data-bookmarked="0"><i class="fa fa-star-o"></i></a>
  10. {% endif %}
  11. <div class="pull-left user-page-picture">
  12. <img src="{{ pageUser|picture }}" class="picture picture-rounded">
  13. </div>
  14. <div class="user-page-meta">
  15. <h2>{{ pageUser.name }}</h2>
  16. <ul>
  17. <li class="user-page-username"><i class="fa fa-user"></i> @{{ pageUser.username }}</li>
  18. <li class="user-page-email"><i class="fa fa-envelope-o"></i> {{ pageUser.email }}</li>
  19. {% if pageUser.introduction %}
  20. <li class="user-page-introduction"><p>{{ pageUser.introduction|nl2br }}</p></li>
  21. {% endif %}
  22. </ul>
  23. </div>
  24. </div>
  25. <div class="user-page-content">
  26. <ul class="nav nav-tabs user-page-content-menu">
  27. <li class="active">
  28. <a href="#user-bookmark-list" data-toggle="tab"><i class="fa fa-star"></i> Bookmarks</a>
  29. </li>
  30. <li>
  31. <a href="#user-created-list" data-toggle="tab"><i class="fa fa-pencil"></i> Recent Created</a>
  32. </li>
  33. <li>
  34. <a href="/me"><i class="fa fa-gears"></i> Setting</a>
  35. </li>
  36. </ul>
  37. <div class="user-page-content-tab tab-content">
  38. <div class="tab-pane user-bookmark-list page-list active" id="user-bookmark-list">
  39. <div class="page-list-container">
  40. {% if bookmarkList.length == 0 %}
  41. No bookmarks yet.
  42. {% endif %}
  43. {% include 'widget/page_list.html' with { pages: bookmarkList } %}
  44. </div>
  45. </div>
  46. <div class="tab-pane user-created-list page-list" id="user-created-list">
  47. <div class="page-list-container">
  48. {% if createdList.length == 0 %}
  49. No created pages yet.
  50. {% endif %}
  51. {% include 'widget/page_list.html' with { pages: createdList } %}
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. {% else %}
  58. {% parent %}
  59. {% endif %}
  60. {% endblock %}