page_side_header.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. {{ t('Last updated') }}: {{ 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 img-circle" 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="icon-like"></i> {{ t('Like!') }}
  24. </dt>
  25. <dd>
  26. <p class="liker-count">
  27. <span id="like-count">{{ page.liker.length }}</span>
  28. {% if user %}
  29. <button
  30. data-csrftoken="{{ csrf() }}"
  31. data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
  32. class="like-button btn btn-xs btn-default btn-outline btn-rounded {% if page.isLiked(user) %}active btn-info{% endif %}"
  33. ><i class="icon-like"></i> {{ t('Like!') }}</button>
  34. {% endif %}
  35. </p>
  36. <p id="liker-list" class="liker-list" data-likers="{{ page.liker|default([])|join(',') }}">
  37. </p>
  38. </dd>
  39. <dt><i class="fa fa-paw"></i> {{ t('Seen by') }}</dt>
  40. <dd>
  41. <div id="seen-user-list" data-seen-users="{{ page.seenUsers|default([])|join(',') }}"></div>
  42. </dd>
  43. </dl>
  44. </div>
  45. </div>
  46. {% endif %} {# if page }}} #}