header.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <div class="header-wrap">
  2. {% if not page.isDeleted() %}
  3. <header id="page-header">
  4. <p class="stopper"><a href="#" data-affix-disable="#page-header"><i class="fa fa-chevron-up"></i></a></p>
  5. <div class="flex-title-line">
  6. <div>
  7. <h1 class="title flex-item-title" id="revision-path"></h1>
  8. <div id="revision-url" class="url-line"></div>
  9. </div>
  10. {% if page %}
  11. <div class="flex-item-action">
  12. <span id="bookmark-button">
  13. <p class="bookmark-link">
  14. <i class="fa fa-star-o"></i>
  15. </p>
  16. </span>
  17. </div>
  18. <div class="flex-item-action visible-xs visible-sm">
  19. <button
  20. data-csrftoken="{{ csrf() }}"
  21. data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
  22. class="like-button btn btn-default btn-sm {% if page.isLiked(user) %}active{% endif %}"
  23. ><i class="fa fa-thumbs-o-up"></i></button>
  24. </div>
  25. <ul class="authors visible-md visible-lg">
  26. <li>
  27. <div class="creator-picture">
  28. <a href="{{ userPageRoot(page.creator) }}">
  29. <img src="{{ page.creator|default(author)|picture }}" class="picture picture-rounded"><br>
  30. </a>
  31. </div>
  32. <div class="">
  33. <div>Created by <a href="{{ userPageRoot(page.creator) }}">{{ page.creator.name|default(author.name) }}</a></div>
  34. <div class="text-muted">{{ page.createdAt|datetz('Y/m/d H:i:s') }}</div>
  35. </div>
  36. </li>
  37. <li>
  38. <div class="creator-picture">
  39. <a href="{{ userPageRoot(page.lastUpdateUser) }}">
  40. <img src="{{ page.lastUpdateUser|default(author)|picture }}" class="picture picture-rounded"><br>
  41. </a>
  42. </div>
  43. <div class="">
  44. <div>Updated by <a href="{{ userPageRoot(page.lastUpdateUser) }}">{{ page.lastUpdateUser.name|default(author.name) }}</a></div>
  45. <div class="text-muted">{{ page.updatedAt|datetz('Y/m/d H:i:s') }}</div>
  46. </div>
  47. </li>
  48. </ul>
  49. {% endif %}
  50. </div>
  51. </header>
  52. {% else %}
  53. {# trash/* #}
  54. <header id="page-header">
  55. <div class="flex-title-line">
  56. <h1 class="title flex-item-title"></h1>
  57. <div class="flex-item-action">
  58. <span id="bookmark-button">
  59. <p class="bookmark-link">
  60. <i class="fa fa-star-o"></i>
  61. </a>
  62. </span>
  63. </div>
  64. </div>
  65. </header>
  66. {% endif %}
  67. </div>