page_side_header.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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. 最終更新: {{ 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>
  17. </p>
  18. </div>
  19. </div>
  20. <div class="like-box">
  21. <dl class="dl-horizontal">
  22. <dt>
  23. <i class="fa fa-thumbs-o-up"></i> いいね!
  24. </dt>
  25. <dd>
  26. <p class="liker-count">
  27. <span id="like-count">{{ page.liker.length }}</span>
  28. <button
  29. data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
  30. class="btn btn-default btn-sm {% if page.isLiked(user) %}active{% endif %}"
  31. id="like-button"><i class="fa fa-thumbs-o-up"></i> いいね!</button>
  32. </p>
  33. <p id="liker-list" class="liker-list" data-likers="{{ page.liker|default([])|join(',') }}">
  34. </p>
  35. </dd>
  36. <dt><i class="fa fa-eye"></i> 見た人</dt>
  37. <dd>
  38. <p class="seen-user-count">
  39. {{ page.seenUsers.length }}
  40. </p>
  41. <p id="seen-user-list" class="seen-user-list" data-seen-users="{{ page.seenUsers|default([])|join(',') }}">
  42. </p>
  43. </dd>
  44. </dl>
  45. </div>
  46. </div>
  47. {% endif %} {# if page }}} #}