page_side_header.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. {% if page %} {# {{{ if page #}
  2. <div class="page-meta">
  3. <div class="row">
  4. {# default(author) としているのは、v1.1.1 以前に page.creator データが入ってないから。暫定として最新更新ユーザーを表示しちゃう。 #}
  5. <div class="col-md-3 creator-picture">
  6. <a href="{{ userPageRoot(page.creator) }}">
  7. <img src="{{ page.creator|default(author)|picture }}" class="picture picture-lg picture-rounded"><br>
  8. </a>
  9. </div>
  10. <div class="col-md-9">
  11. <p class="creator">
  12. <a href="{{ userPageRoot(page.creator) }}">{{ page.creator.name|default(author.name) }}</a>
  13. </p>
  14. <p class="created-at">
  15. 作成日: {{ page.createdAt|datetz('Y/m/d H:i:s') }}<br>
  16. {% if page.lastUpdateUser %}
  17. 最終更新: {{ page.updatedAt|datetz('Y/m/d H:i:s') }} <a href="/user/{{ page.lastUpdateUser.username }}"><img src="{{ page.lastUpdateUser|picture }}" class="picture picture-xs picture-rounded" alt="{{ page.lastUpdateUser.name }}"></a>
  18. {% else %}
  19. {# for BC 1.5.x #}
  20. 最終更新: {{ page.updatedAt|datetz('Y/m/d H:i:s') }} <a href="/user/{{ page.revision.author.username }}"><img src="{{ page.revision.author|picture }}" class="picture picture-xs picture-rounded" alt="{{ page.revision.author.name }}"></a>
  21. {% endif %}
  22. </p>
  23. </div>
  24. </div>
  25. <div class="like-box">
  26. <dl class="dl-horizontal">
  27. <dt>
  28. <i class="fa fa-thumbs-o-up"></i> いいね!
  29. </dt>
  30. <dd>
  31. <p class="liker-count">
  32. <span id="like-count">{{ page.liker.length }}</span>
  33. <button
  34. data-csrftoken="{{ _csrf() }}"
  35. data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
  36. class="btn btn-default btn-sm {% if page.isLiked(user) %}active{% endif %}"
  37. id="like-button"><i class="fa fa-thumbs-o-up"></i> いいね!</button>
  38. </p>
  39. <p id="liker-list" class="liker-list" data-likers="{{ page.liker|default([])|join(',') }}">
  40. </p>
  41. </dd>
  42. <dt><i class="fa fa-eye"></i> 見た人</dt>
  43. <dd>
  44. <p class="seen-user-count">
  45. {{ page.seenUsers.length }}
  46. </p>
  47. <p id="seen-user-list" class="seen-user-list" data-seen-users="{{ page.seenUsers|default([])|join(',') }}">
  48. </p>
  49. </dd>
  50. </dl>
  51. </div>
  52. </div>
  53. {% endif %} {# if page }}} #}