page_side_header.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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 img-circle"><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. {{ t('Created') }}: {{ page.createdAt|datetz('Y/m/d H:i:s') }}<br>
  16. {% if page.lastUpdateUser %}
  17. {{ t('Last updated') }}: {{ page.updatedAt|datetz('Y/m/d H:i:s') }} <a href="/user/{{ page.lastUpdateUser.username }}"><img src="{{ page.lastUpdateUser|picture }}" class="picture picture-xs img-circle" alt="{{ page.lastUpdateUser.name }}"></a>
  18. {% endif %}
  19. </p>
  20. </div>
  21. </div>
  22. <div class="like-box">
  23. <dl class="dl-horizontal">
  24. <dt>
  25. <i class="icon-like"></i> {{ t('Like!') }}
  26. </dt>
  27. <dd>
  28. <p class="liker-count">
  29. <span id="like-count">{{ page.liker.length }}</span>
  30. {% if user %}
  31. <button
  32. data-csrftoken="{{ csrf() }}"
  33. data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
  34. class="like-button btn btn-xs btn-default btn-outline btn-rounded {% if page.isLiked(user) %}active btn-info{% endif %}"
  35. ><i class="icon-like"></i> {{ t('Like!') }}</button>
  36. {% endif %}
  37. </p>
  38. <p id="liker-list" class="liker-list" data-likers="{{ page.liker|default([])|join(',') }}">
  39. </p>
  40. </dd>
  41. <dt><i class="fa fa-paw"></i> {{ t('Seen by') }}</dt>
  42. <dd>
  43. <div id="seen-user-list" data-seen-users="{{ page.seenUsers|default([])|join(',') }}"></div>
  44. </dd>
  45. </dl>
  46. </div>
  47. </div>
  48. {% endif %} {# if page }}} #}