page_side_header.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. <img src="{{ page.creator|default(author)|picture }}" class="picture picture-lg picture-rounded"><br>
  7. </div>
  8. <div class="col-md-9">
  9. <p class="creator">
  10. {{ page.creator.name|default(author.name) }}
  11. </p>
  12. <p class="created-at">
  13. 作成日: {{ page.createdAt|datetz('Y/m/d H:i:s') }}<br>
  14. 最終更新: {{ 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>
  15. </p>
  16. </div>
  17. </div>
  18. <div class="like-box">
  19. <dl class="dl-horizontal">
  20. <dt>
  21. <i class="fa fa-thumbs-o-up"></i> いいね!
  22. </dt>
  23. <dd>
  24. <p class="liker-count">
  25. <span id="like-count">{{ page.liker.length }}</span>
  26. <button data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}" class="btn btn-default btn-sm" id="like-button"><i class="fa fa-thumbs-o-up"></i> いいね!</button>
  27. </p>
  28. <p class="liker-list">
  29. {#
  30. {% for liker in page.liker %}
  31. <a href="{{ user_page_root(liker) }}" title="{{ liker.name }}"><img alt="{{ liker.name }}" src="{{ liker|picture }}" class="picture picture-xs picture-rounded"></a>
  32. {% endfor %}
  33. {% if page.liker.length > 10 %}
  34. (...)
  35. {% endif %}
  36. #}
  37. </p>
  38. </dd>
  39. <dt><i class="fa fa-eye"></i> 見た人</dt>
  40. <dd>
  41. <p class="seen-user-count">
  42. {{ page.seenUsers.length }}
  43. </p>
  44. <p class="seen-user-list">
  45. {#
  46. {% for seenUser in page.seenUsers %}
  47. <a href="{{ user_page_root(seenUser) }}" title="{{ seenUser.name }}"><img alt="{{ seenUser.name }}" src="{{ seenUser|picture }}" class="picture picture-xs picture-rounded"></a>
  48. {% endfor %}
  49. {% if page.seenUsers.length > 10 %}
  50. (...)
  51. {% endif %}
  52. #}
  53. </p>
  54. </dd>
  55. </dl>
  56. </div>
  57. </div>
  58. {% endif %} {# if page }}} #}