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

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