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@discardDraftWrap" class="{{ $isDraftRevision ? '' : 'hidden' }}">
  31                         <button refs="page-editor@discardDraft" type="button" class="text-neg icon-item">
  32                             @icon('cancel')
  33                             <div>{{ trans('entities.pages_edit_discard_draft') }}</div>
  34                         </button>
  35                     </li>
  36                     @if(userCan('editor-change'))
  37                         <li>
  38                             @if($editor === 'wysiwyg')
  39                                 <a href="{{ $model->getUrl($isDraft ? '' : '/edit') }}?editor=markdown-clean" refs="page-editor@changeEditor" class="icon-item">
  40                                     @icon('swap-horizontal')
  41                                     <div>
  42                                         {{ trans('entities.pages_edit_switch_to_markdown') }}
  43                                         <br>
  44                                         <small>{{ trans('entities.pages_edit_switch_to_markdown_clean') }}</small>
  45                                     </div>
  46                                 </a>
  47                                 <a href="{{ $model->getUrl($isDraft ? '' : '/edit') }}?editor=markdown-stable" refs="page-editor@changeEditor" class="icon-item">
  48                                     @icon('swap-horizontal')
  49                                     <div>
  50                                         {{ trans('entities.pages_edit_switch_to_markdown') }}
  51                                         <br>
  52                                         <small>{{ trans('entities.pages_edit_switch_to_markdown_stable') }}</small>
  53                                     </div>
  54                                 </a>
  55                             @else
  56                                 <a href="{{ $model->getUrl($isDraft ? '' : '/edit') }}?editor=wysiwyg" refs="page-editor@changeEditor" class="icon-item">
  57                                     @icon('swap-horizontal')
  58                                     <div>{{ trans('entities.pages_edit_switch_to_wysiwyg') }}</div>
  59                                 </a>
  60                             @endif
  61                         </li>
  62                     @endif
  63                 </ul>
  64             </div>
  65         </div>
  66
  67         <div class="action-buttons px-m py-xs">
  68             <div component="dropdown"
  69                  option:dropdown:move-menu="true"
  70                  class="dropdown-container">
  71                 <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>
  72                 <ul refs="dropdown@menu" class="wide dropdown-menu">
  73                     <li class="px-l py-m">
  74                         <p class="text-muted pb-s">{{ trans('entities.pages_edit_enter_changelog_desc') }}</p>
  75                         <input refs="page-editor@changelogInput"
  76                                name="summary"
  77                                id="summary-input"
  78                                type="text"
  79                                placeholder="{{ trans('entities.pages_edit_enter_changelog') }}" />
  80                     </li>
  81                 </ul>
  82                 <span>{{-- Prevents button jumping on menu show --}}</span>
  83             </div>
  84
  85             <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>
  86         </div>
  87     </div>
  88 </div>