page_tabs.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  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. <li class="nav-item ml-md-auto">
  41. <a class="nav-link" href="#revision-history" role="tab" data-toggle="tab">
  42. <i class="icon-layers"></i><span class="hidden-xs"> {{ t('History') }}</span>
  43. </a>
  44. </li>
  45. {% if not page.isPortal() %}
  46. <li class="nav-item">
  47. <a href="?presentation=1" class="nav-link toggle-presentation">
  48. <i class="icon-film"></i><span class="hidden-xs"> {{ t('Presentation Mode') }}</span>
  49. </a>
  50. </li>
  51. {% endif %}
  52. <!-- vertical dot icon -->
  53. {% if !isTrashPage() %}
  54. {% if page.isPortal() %}
  55. <li class="nav-item">
  56. <a
  57. {% if user %} role="button" class="nav-link dropdown-toggle" data-toggle="dropdown" {% endif %}
  58. {% if not user %}
  59. class="dropdown-toggle dropdown-toggle-disabled"
  60. data-toggle="tooltip" data-placement="top" data-container="body" title="{{ t('Not available for guest') }}"
  61. {% endif %}
  62. >
  63. <i class="icon-options-vertical"></i>
  64. </a>
  65. <div class="dropdown-menu dropdown-menu-right">
  66. <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>
  67. {% if ('/' !== path) %}
  68. <div class="dropdown-divider"></div>
  69. <a class="dropdown-item" href="#" data-target="#unportalize" data-toggle="modal"><i class="fa fa-share"></i> {{ t('Unportalize') }}</a>
  70. {% if isDeletablePage() %}
  71. <a class="dropdown-item" href="#" data-target="#deletePage" data-toggle="modal"><i class="icon-fw icon-fire text-danger"></i> {{ t('Delete') }}</a>
  72. {% endif %}
  73. {% endif %}
  74. </div>
  75. </li>
  76. {% else %}
  77. <li class="nav-item dropdown">
  78. <a
  79. {% if user %} role="button" data-toggle="dropdown" {% endif %}
  80. {% if not user %}
  81. class="dropdown-toggle dropdown-toggle-disabled"
  82. data-toggle="tooltip" data-placement="top" data-container="body" title="{{ t('Not available for guest') }}"
  83. {% endif %}
  84. >
  85. <li class="nav-item d-flex align-items-center">
  86. <i class="icon-options-vertical"></i>
  87. </a>
  88. <div class="dropdown-menu dropdown-menu-right">
  89. <a class="dropdown-item" href="#" data-target="#renamePage" data-toggle="modal"><i class="icon-fw icon-action-redo"></i> {{ t('Move/Rename') }}</a>
  90. <a class="dropdown-item" href="#" data-target="#duplicatePage" data-toggle="modal"><i class="icon-fw icon-docs"></i> {{ t('Duplicate') }}</a>
  91. <div class="dropdown-divider"></div>
  92. <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>
  93. {% if isDeletablePage() %}
  94. <div class="dropdown-divider"></div>
  95. <a class="dropdown-item" href="#" data-target="#deletePage" data-toggle="modal"><i class="icon-fw icon-fire text-danger"></i> {{ t('Delete') }}</a>
  96. {% endif %}
  97. </u>
  98. </li>
  99. {% endif %}
  100. {% endif %}
  101. </ul>
  102. {% else %} {# for creating portal #}
  103. <ul class="nav nav-tabs nav-tabs-create-portal hidden-print" role="tablist">
  104. <li class="nav-item">
  105. <a id="portal-form-close" role="tab" data-toggle="tab" class="nav-link" href="#cancel-creating-portal">
  106. <i class="icon-action-undo"></i> {{ t('Cancel') }}
  107. </a>
  108. </li>
  109. <li class="nav-item">
  110. <a {% if user %}href="#edit" role="tab" data-toggle="tab" {% endif %} class="nav-link edit-button {% if not user %}edit-button-disabled{% endif %}">
  111. <i class="icon-note"></i> {{ t('Create') }}
  112. </a>
  113. </li>
  114. {% endif %}
  115. </ul>