page_tabs.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. {% if page %}
  2. <ul class="nav nav-tabs hidden-print" role="tablist">
  3. {#
  4. Left Tabs
  5. #}
  6. <li class="nav-item grw-main-nav-item-left">
  7. <a class="nav-link active" href="#revision-body" role="tab" data-toggle="tab">
  8. <i class="icon-control-play"></i> View
  9. </a>
  10. </li>
  11. {% if !isTrashPage() %}
  12. <li class="nav-item grw-main-nav-item-left grw-nav-item-edit">
  13. <a
  14. {% if user %} href="#edit" data-toggle="tab" class="nav-link edit-button" {% endif %}
  15. {% if not user %}
  16. class="edit-button edit-button-disabled"
  17. data-toggle="tooltip" data-placement="top" data-container="body" title="{{ t('Not available for guest') }}"
  18. {% endif %}
  19. >
  20. <i class="icon-note"></i> {{ t('Edit') }}
  21. </a>
  22. </li>
  23. {% if isHackmdSetup() %}
  24. <li class="nav-item grw-main-nav-item-left grw-nav-tab-hackmd">
  25. <a
  26. {% if user %} href="#hackmd" data-toggle="tab" class="nav-link edit-button" {% endif %}
  27. {% if not user %}
  28. class="edit-button edit-button-disabled"
  29. data-toggle="tooltip" data-placement="top" data-container="body" title="{{ t('Not available for guest') }}"
  30. {% endif %}
  31. >
  32. <i class="fa fa-file-text-o"></i> {{ t('HackMD') }}
  33. </a>
  34. </li>
  35. {% endif %}
  36. {% endif %}
  37. {#
  38. Right Tabs
  39. #}
  40. <!-- presentation -->
  41. {% if not page.isPortal() %}
  42. <li class="nav-item ml-md-auto">
  43. <a href="?presentation=1" class="nav-link toggle-presentation">
  44. <i class="icon-film"></i><span class="hidden-xs"> {{ t('Presentation Mode') }}</span>
  45. </a>
  46. </li>
  47. {% endif %}
  48. <!-- revision-history -->
  49. {% if page.isPortal() %}
  50. <li class="nav-item ml-md-auto">
  51. <a class="nav-link" href="#revision-history" role="tab" data-toggle="tab">
  52. <i class="icon-layers"></i><span class="hidden-xs"> {{ t('History') }}</span>
  53. </a>
  54. </li>
  55. {% else %}
  56. <li class="nav-item">
  57. <a class="nav-link" href="#revision-history" role="tab" data-toggle="tab">
  58. <i class="icon-layers"></i><span class="hidden-xs"> {{ t('History') }}</span>
  59. </a>
  60. </li>
  61. {% endif %}
  62. <!-- icon-options-vertical -->
  63. {% if !isTrashPage() %}
  64. {% if page.isPortal() %}
  65. <li class="nav-item">
  66. <a
  67. {% if user %} role="button" class="nav-link" data-toggle="dropdown" {% endif %}
  68. {% if not user %}
  69. class="dropdown-toggle dropdown-toggle-disabled"
  70. data-toggle="tooltip" data-placement="top" data-container="body" title="{{ t('Not available for guest') }}"
  71. {% endif %}
  72. >
  73. <i class="icon-options-vertical"></i>
  74. </a>
  75. <div class="dropdown-menu dropdown-menu-right">
  76. <a class="dropdown-item" href="#" data-target="#create-template" data-toggle="modal"><i class="icon-fw icon-magic-wand"></i> {{ t('template.option_label.create/edit') }}</a>
  77. {% if ('/' !== path) %}
  78. <div class="dropdown-divider"></div>
  79. <a class="dropdown-item" href="#" data-target="#unportalize" data-toggle="modal"><i class="fa fa-share"></i> {{ t('Unportalize') }}</a>
  80. {% if isDeletablePage() %}
  81. <a class="dropdown-item" href="#" data-target="#deletePage" data-toggle="modal"><i class="icon-fw icon-fire text-danger"></i> {{ t('Delete') }}</a>
  82. {% endif %}
  83. {% endif %}
  84. </div>
  85. </li>
  86. {% else %}
  87. <li class="nav-item dropdown d-flex align-items-center">
  88. <a
  89. {% if user %} role="button" data-toggle="dropdown" {% endif %}
  90. {% if not user %}
  91. class="dropdown-toggle dropdown-toggle-disabled"
  92. data-toggle="tooltip" data-placement="top" data-container="body" title="{{ t('Not available for guest') }}"
  93. {% endif %}
  94. >
  95. <i class="icon-options-vertical"></i>
  96. </a>
  97. <div class="dropdown-menu dropdown-menu-right">
  98. <a class="dropdown-item" href="#" data-target="#renamePage" data-toggle="modal"><i class="icon-fw icon-action-redo"></i> {{ t('Move/Rename') }}</a>
  99. <a class="dropdown-item" href="#" data-target="#duplicatePage" data-toggle="modal"><i class="icon-fw icon-docs"></i> {{ t('Duplicate') }}</a>
  100. <div class="dropdown-divider"></div>
  101. <a class="dropdown-item" href="#" data-target="#create-template" data-toggle="modal"><i class="icon-fw icon-magic-wand"></i> {{ t('template.option_label.create/edit') }}</a>
  102. {% if isDeletablePage() %}
  103. <div class="dropdown-divider"></div>
  104. <a class="dropdown-item" href="#" data-target="#deletePage" data-toggle="modal"><i class="icon-fw icon-fire text-danger"></i> {{ t('Delete') }}</a>
  105. {% endif %}
  106. </u>
  107. </li>
  108. {% endif %}
  109. {% endif %}
  110. </ul>
  111. {% else %} {# for creating portal #}
  112. <ul class="nav nav-tabs nav-tabs-create-portal hidden-print" role="tablist">
  113. <li class="nav-item">
  114. <a id="portal-form-close" role="tab" data-toggle="tab" class="nav-link" href="#cancel-creating-portal">
  115. <i class="icon-action-undo"></i> {{ t('Cancel') }}
  116. </a>
  117. </li>
  118. <li class="nav-item">
  119. <a {% if user %}href="#edit" role="tab" data-toggle="tab" {% endif %} class="nav-link edit-button {% if not user %}edit-button-disabled{% endif %}">
  120. <i class="icon-note"></i> {{ t('Create') }}
  121. </a>
  122. </li>
  123. {% endif %}
  124. </ul>