]> BookStack Code Mirror - bookstack/blob - resources/views/pages/parts/editor-toolbar.blade.php
System CLI: Updated to 126de5599c state
[bookstack] / 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 !== \BookStack\Entities\Tools\PageEditorType::Markdown)
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                         @endif
76                         @if($editor !== \BookStack\Entities\Tools\PageEditorType::WysiwygTinymce)
77                             <a href="{{ $model->getUrl($isDraft ? '' : '/edit') }}?editor=wysiwyg" refs="page-editor@changeEditor" class="icon-item">
78                                 @icon('swap-horizontal')
79                                 <div>{{ trans('entities.pages_edit_switch_to_wysiwyg') }}</div>
80                             </a>
81                         @endif
82                         @if($editor !== \BookStack\Entities\Tools\PageEditorType::WysiwygLexical)
83                             <a href="{{ $model->getUrl($isDraft ? '' : '/edit') }}?editor=wysiwyg2024" refs="page-editor@changeEditor" class="icon-item">
84                                 @icon('swap-horizontal')
85                                 <div>
86                                     {{ trans('entities.pages_edit_switch_to_new_wysiwyg') }}
87                                     <br>
88                                     <small>{{ trans('entities.pages_edit_switch_to_new_wysiwyg_desc') }}</small>
89                                 </div>
90                             </a>
91                         @endif
92                     </li>
93                 @endif
94             </ul>
95         </div>
96     </div>
97
98     <div class="flex-container-row justify-flex-end gap-x-m items-center">
99         <div component="dropdown"
100              option:dropdown:move-menu="true"
101              class="dropdown-container">
102             <button refs="dropdown@toggle" type="button" aria-haspopup="true" aria-expanded="false" class="icon-list-item text-link">
103                 <span>@icon('edit')</span>
104                 <span refs="page-editor@changelogDisplay">{{ trans('entities.pages_edit_set_changelog') }}</span>
105             </button>
106             <ul refs="dropdown@menu" class="wide dropdown-menu">
107                 <li class="px-l py-m">
108                     <p class="text-muted pb-s">{{ trans('entities.pages_edit_enter_changelog_desc') }}</p>
109                     <input refs="page-editor@changelogInput"
110                            name="summary"
111                            id="summary-input"
112                            type="text"
113                            placeholder="{{ trans('entities.pages_edit_enter_changelog') }}" />
114                 </li>
115             </ul>
116             <span>{{-- Prevents button jumping on menu show --}}</span>
117         </div>
118
119         <div class="inline block">
120             <button type="submit" id="save-button"
121                     class="icon-list-item hide-under-m text-pos fill-width">
122                 <span>@icon('save')</span>
123                 <span>{{ trans('entities.pages_save') }}</span>
124             </button>
125         </div>
126     </div>
127 </div>