BookStack Code Mirror - bookstack/blob - resources/views/pages/parts/editor-toolbar.blade.php

   1 <div class="toolbar page-edit-toolbar py-xs">
   2
   3     <div>
   4         <div class="inline block">
   5             <a href="{{ $isDraft ? $page->getParent()->getUrl() : $page->getUrl() }}"
   6                class="icon-list-item text-link"><span>@icon('back')</span><span class="hide-under-l">{{ trans('common.back') }}</span></a>
   7         </div>
   8     </div>
   9
  10     <div class="text-center">
  11         <div component="dropdown"
  12              option:dropdown:move-menu="true"
  13              class="dropdown-container  draft-display text {{ $draftsEnabled ? '' : 'hidden' }}">
  14             <div class="flex-container-row items-center justify-center">
  15                 <button type="button"
  16                         refs="dropdown@toggle"
  17                         aria-haspopup="true"
  18                         aria-expanded="false"
  19                         title="{{ trans('entities.pages_edit_draft_options') }}"
  20                         class="text-link icon-list-item">
  21                     <span>@icon('time')</span>
  22                     <span><span refs="page-editor@draftDisplay" class="faded-text"></span>&nbsp; @icon('more')</span>
  23                 </button>
  24                 @icon('check-circle', ['class' => 'text-pos draft-notification svg-icon', 'refs' => 'page-editor@draftDisplayIcon'])
  25             </div>
  26             <ul refs="dropdown@menu" class="dropdown-menu" role="menu">
  27                 <li>
  28                     <button refs="page-editor@saveDraft" type="button" class="text-pos icon-item">
  29                         @icon('save')
  30                         <div>{{ trans('entities.pages_edit_save_draft') }}</div>
  31                     </button>
  32                 </li>
  33                 @if($isDraft)
  34                     <li>
  35                         <a href="{{ $model->getUrl('/delete') }}" class="text-neg icon-item">
  36                             @icon('delete')
  37                             {{ trans('entities.pages_edit_delete_draft') }}
  38                         </a>
  39                     </li>
  40                 @endif
  41                 <li refs="page-editor@discard-draft-wrap" {{ $isDraftRevision ? '' : 'hidden' }}>
  42                     <button refs="page-editor@discard-draft" type="button" class="text-warn icon-item">
  43                         @icon('cancel')
  44                         <div>{{ trans('entities.pages_edit_discard_draft') }}</div>
  45                     </button>
  46                 </li>
  47                 <li refs="page-editor@delete-draft-wrap" {{ $isDraftRevision ? '' : 'hidden' }}>
  48                     <button refs="page-editor@delete-draft" type="button" class="text-neg icon-item">
  49                         @icon('delete')
  50                         <div>{{ trans('entities.pages_edit_delete_draft') }}</div>
  51                     </button>
  52                 </li>
  53                 @if(userCan('editor-change'))
  54                     <li>
  55                         <hr>
  56                     </li>
  57                     <li>
  58                         @if($editor === 'wysiwyg')
  59                             <a href="{{ $model->getUrl($isDraft ? '' : '/edit') }}?editor=markdown-clean" refs="page-editor@changeEditor" class="icon-item">
  60                                 @icon('swap-horizontal')
  61                                 <div>
  62                                     {{ trans('entities.pages_edit_switch_to_markdown') }}
  63                                     <br>
  64                                     <small>{{ trans('entities.pages_edit_switch_to_markdown_clean') }}</small>
  65                                 </div>
  66                             </a>
  67                             <a href="{{ $model->getUrl($isDraft ? '' : '/edit') }}?editor=markdown-stable" refs="page-editor@changeEditor" class="icon-item">
  68                                 @icon('swap-horizontal')
  69                                 <div>
  70                                     {{ trans('entities.pages_edit_switch_to_markdown') }}
  71                                     <br>
  72                                     <small>{{ trans('entities.pages_edit_switch_to_markdown_stable') }}</small>
  73                                 </div>
  74                             </a>
  75                         @else
  76                             <a href="{{ $model->getUrl($isDraft ? '' : '/edit') }}?editor=wysiwyg" refs="page-editor@changeEditor" class="icon-item">
  77                                 @icon('swap-horizontal')
  78                                 <div>{{ trans('entities.pages_edit_switch_to_wysiwyg') }}</div>
  79                             </a>
  80                         @endif
  81                     </li>
  82                 @endif
  83             </ul>
  84         </div>
  85     </div>
  86
  87     <div class="flex-container-row justify-flex-end gap-x-m items-center">
  88         <div component="dropdown"
  89              option:dropdown:move-menu="true"
  90              class="dropdown-container">
  91             <button refs="dropdown@toggle" type="button" aria-haspopup="true" aria-expanded="false" class="icon-list-item text-link">
  92                 <span>@icon('edit')</span>
  93                 <span refs="page-editor@changelogDisplay">{{ trans('entities.pages_edit_set_changelog') }}</span>
  94             </button>
  95             <ul refs="dropdown@menu" class="wide dropdown-menu">
  96                 <li class="px-l py-m">
  97                     <p class="text-muted pb-s">{{ trans('entities.pages_edit_enter_changelog_desc') }}</p>
  98                     <input refs="page-editor@changelogInput"
  99                            name="summary"
 100                            id="summary-input"
 101                            type="text"
 102                            placeholder="{{ trans('entities.pages_edit_enter_changelog') }}" />
 103                 </li>
 104             </ul>
 105             <span>{{-- Prevents button jumping on menu show --}}</span>
 106         </div>
 107
 108         <div class="inline block">
 109             <button type="submit" id="save-button"
 110                     class="icon-list-item hide-under-m text-pos fill-width">
 111                 <span>@icon('save')</span>
 112                 <span>{{ trans('entities.pages_save') }}</span>
 113             </button>
 114         </div>
 115     </div>
 116 </div>