page.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. {% extends 'layout/2column.html' %}
  2. {% block html_title %}{{ path|path2name }} · {{ path }}{% endblock %}
  3. {% block content_head %}
  4. {% block content_head_before %}
  5. {% endblock %}
  6. <div class="header-wrap">
  7. {% if not page.isDeleted() %}
  8. <header id="page-header">
  9. <p class="stopper"><a href="#" data-affix-disable="#page-header"><i class="fa fa-chevron-up"></i></a></p>
  10. {% if page %}
  11. <a href="#" title="Bookmark" class="bookmark-link" id="bookmark-button" data-csrftoken="{{ _csrf() }}" data-bookmarked="0"><i class="fa fa-star-o"></i></a>
  12. {% endif %}
  13. <h1 class="title" id="revision-path">{{ path|insertSpaceToEachSlashes }}</h1>
  14. </header>
  15. {% else %}
  16. {# trash/* #}
  17. <header id="page-header">
  18. <a href="#" title="Bookmark" class="bookmark-link" id="bookmark-button" data-csrftoken="{{ _csrf() }}" data-bookmarked="0"><i class="fa fa-star-o"></i></a>
  19. <h1 class="title">{{ path|insertSpaceToEachSlashes }}</h1>
  20. </header>
  21. {% endif %}
  22. </div>
  23. {% block content_head_after %}
  24. {% endblock %}
  25. {% endblock %}
  26. {% block content_main %}
  27. {% block content_main_before %}
  28. {% endblock %}
  29. <div id="content-main" class="content-main {% if not page or req.body.pageForm %}on-edit{% endif %}"
  30. data-path="{{ path }}"
  31. data-path-shortname="{{ path|path2name }}"
  32. data-page-id="{% if page %}{{ page._id.toString() }}{% endif %}"
  33. data-current-user="{% if user %}{{ user._id.toString() }}{% endif %}"
  34. data-current-username="{% if user %}{{ user.username }}{% endif %}"
  35. data-page-revision-id="{% if revision %}{{ revision._id.toString() }}{% endif %}"
  36. data-page-revision-created="{% if revision %}{{ revision.createdAt|datetz('U') }}{% endif %}"
  37. data-page-is-seen="{% if page and page.isSeenUser(user) %}1{% else %}0{% endif %}"
  38. >
  39. {% if not page %}
  40. <ul class="nav nav-tabs hidden-print">
  41. <li><a>Create: {{ path }}</a></li>
  42. <li class="dropdown pull-right">
  43. <a href="#" onclick="history.back();"><i class="fa fa-times"></i> キャンセル</a>
  44. </li>
  45. </ul>
  46. <div class="tab-content">
  47. <div class="edit-form">
  48. {% include '_form.html' %}
  49. </div>
  50. </div>
  51. {% else %}
  52. {% if page.isDeleted() %}
  53. <div class="alert alert-danger">
  54. <form role="form" class="pull-right" id="revert-delete-page-form" onsubmit="return false;">
  55. <input type="hidden" name="_csrf" value="{{ _csrf() }}">
  56. <input type="hidden" name="path" value="{{ page.path }}">
  57. <input type="hidden" name="page_id" value="{{ page._id.toString() }}">
  58. <input type="submit" class="btn btn-danger btn-inverse btn-sm" value="Put Back!">
  59. </form>
  60. <p>
  61. <i class="fa fa-trash-o" aria-hidden="true"></i>
  62. This page is in the trash.<br>
  63. </p>
  64. <p>
  65. Deleted by <img src="{{ page.lastUpdateUser|picture }}" class="picture picture-sm picture-rounded"> {{ page.lastUpdateUser.name }} at {{ page.updatedAt|datetz('Y-m-d H:i:s') }}
  66. </p>
  67. </div>
  68. {% endif %}
  69. {% if not page.isDeleted() %}
  70. <ul class="nav nav-tabs hidden-print">
  71. <li class=" {% if not req.body.pageForm %}active{% endif %}" data-toggle="tooltip" {# data-title="あなたの 確認待ち です" title="" data-placement="bottom" data-trigger="manual" data-tooltip-stay #}>
  72. <a href="#revision-body" data-toggle="tab">
  73. <i class="fa fa-magic"></i>
  74. {#
  75. <img src="//graph.facebook.com/588883490/picture?size=square" width="16"> <i class="fa fa-arrow-right"></i> <img src="//graph.facebook.com/588883490/picture?size=square" width="16">
  76. <span class="label label-danger" style=""> 承認待ち</span>
  77. #}
  78. </a>
  79. </li>
  80. <li {% if req.body.pageForm %}class="active"{% endif %}><a href="#edit-form" data-toggle="tab"><i class="fa fa-pencil-square-o"></i> 編集</a></li>
  81. <li class="dropdown pull-right">
  82. <a class="dropdown-toggle" data-toggle="dropdown" href="#">
  83. <i class="fa fa-wrench"></i> <span class="caret"></span>
  84. </a>
  85. <ul class="dropdown-menu">
  86. <li><a href="#" data-target="#renamePage" data-toggle="modal"><i class="fa fa-share"></i> 移動</a></li>
  87. <li><a href="?presentation=1" class="toggle-presentation"><i class="fa fa-arrows-alt"></i> プレゼンモード (beta)</a></li>
  88. {% if isDeletablePage() %}
  89. <li class="divider"></li>
  90. <li class=""><a href="#" data-target="#deletePage" data-toggle="modal"><i class="fa fa-trash-o text-danger"></i> 削除</a></li>
  91. {% endif %}
  92. </ul>
  93. </li>
  94. {% if page %}
  95. <li class="pull-right"><a href="#revision-history" data-toggle="tab"><i class="fa fa-history"></i> History</a></li>
  96. {% endif %}
  97. </ul>
  98. {% endif %}
  99. {% include 'modal/widget_rename.html' %}
  100. {% include 'modal/widget_delete.html' %}
  101. <div class="tab-content wiki-content">
  102. {% if req.query.renamed and not page.isDeleted() %}
  103. <div class="alert alert-info">
  104. <strong>移動しました: </strong> このページは <code>{{ req.query.renamed }}</code> から移動しました。
  105. </div>
  106. {% endif %}
  107. {% if not page.isLatestRevision() %}
  108. <div class="alert alert-warning">
  109. <strong>注意: </strong> これは現在の版ではありません。 <i class="fa fa-magic"></i> <a href="{{ page.path }}">最新のページを表示</a>
  110. </div>
  111. {% endif %}
  112. {#
  113. <div class="panel panel-default">
  114. <div class="panel-heading">承認待ち</div>
  115. <div class="panel-body">
  116. ほげほげ
  117. </div>
  118. </div>
  119. #}
  120. <script type="text/template" id="raw-text-original">{{ revision.body }}</script>
  121. {# formatted text #}
  122. <div class="tab-pane {% if not req.body.pageForm %}active{% endif %}" id="revision-body">
  123. <div class="revision-toc" id="revision-toc">
  124. <a data-toggle="collapse" data-parent="#revision-toc" href="#revision-toc-content" class="revision-toc-head collapsed">目次</a>
  125. </div>
  126. <div class="wiki" id="revision-body-content"></div>
  127. </div>
  128. {# edit form #}
  129. {% if not page.isDeleted() %}
  130. <div class="edit-form tab-pane {% if req.body.pageForm %}active{% endif %}" id="edit-form">
  131. {% include '_form.html' %}
  132. </div>
  133. {% endif %}
  134. {# raw revision history #}
  135. <div class="tab-pane revision-history" id="revision-history">
  136. <h1><i class="fa fa-history"></i> History</h1>
  137. {% if not page %}
  138. {% else %}
  139. <div class="revision-history-list">
  140. {% for t in tree %}
  141. <div class="revision-hisory-outer">
  142. <img src="{{ t.author|picture }}" class="picture picture-rounded">
  143. <div class="revision-history-main">
  144. <div class="revision-history-author">
  145. <strong>{% if t.author %}{{ t.author.username }}{% else %}-{% endif %}</strong>
  146. </div>
  147. <div class="revision-history-comment">
  148. </div>
  149. <div class="revision-history-meta">
  150. {{ t.createdAt|datetz('Y-m-d H:i:s') }}
  151. <br>
  152. <a href="?revision={{ t._id.toString() }}"><i class="fa fa-history"></i> このバージョンを見る</a>
  153. <a class="diff-view" data-revision-id="{{ t._id.toString() }}">
  154. <i id="diff-icon-{{ t._id.toString() }}" class="fa fa-arrow-circle-right"></i> 差分を見る
  155. </a>
  156. <pre class="" id="diff-display-{{ t._id.toString()}}" style="display: none"></pre>
  157. </div>
  158. </div>
  159. </div>
  160. {% endfor %}
  161. </div>
  162. {% endif %}
  163. </div>
  164. </div>
  165. {% endif %}
  166. <div id="notifPageEdited" class="fk-notif fk-notif-danger"><i class="fa fa-exclamation-triangle"></i> <span class="edited-user"></span>さんがこのページを編集しました。 <a href="javascript:location.reload();"><i class="fa fa-angle-double-right"></i> 最新版を読み込む</a></div>
  167. </div>
  168. {% block content_main_after %}
  169. {% endblock %}
  170. {% endblock %}
  171. {% block content_footer %}
  172. <div class="page-attachments meta">
  173. <p>Attachments</p>
  174. <ul>
  175. </ul>
  176. </div>
  177. <p class="meta">
  178. Path: <span id="pagePath">{{ page.path }}</span><br>
  179. {# for BC #}
  180. {% if page.lastUpdateUser %}
  181. Last updated at {{ page.updatedAt|datetz('Y-m-d H:i:s') }} by <img src="{{ page.lastUpdateUser|picture }}" class="picture picture-rounded"> {{ page.lastUpdateUser.name }}<br>
  182. {% else %}
  183. Last updated at {{ page.revision.createdAt|datetz('Y-m-d H:i:s') }} by <img src="{{ page.revision.author|picture }}" class="picture picture-rounded"> {{ page.revision.author.name }}<br>
  184. {% endif %}
  185. {# /for BC #}
  186. Created at {{ page.createdAt|datetz('Y-m-d H:i:s') }} by <img src="{{ page.creator|default(page.creator)|picture }}" class="picture picture-rounded"> {{ page.creator.name }}<br>
  187. </p>
  188. {% endblock %}
  189. {% block side_header %}
  190. {% if not page.isDeleted() %}
  191. {% include 'widget/page_side_header.html' %}
  192. {% endif %}
  193. {% endblock %} {# side_header #}
  194. {% block side_content %}
  195. {% if not page.isDeleted() %}
  196. {% include 'widget/page_side_content.html' %}
  197. {% endif %}
  198. {% endblock %}
  199. {% block footer %}
  200. {% endblock %}
  201. {% block body_end %}
  202. {% parent %}
  203. <div id="presentation-layer" class="fullscreen-layer">
  204. <div id="presentation-container"></div>
  205. </div>
  206. {% endblock %}