]> BookStack Code Mirror - bookstack/blob - resources/views/pages/form.blade.php
Show users link in top nav if user is signed in and only manages users
[bookstack] / resources / views / pages / form.blade.php
1
2 <div class="page-editor flex-fill flex" id="page-editor"
3      drafts-enabled="{{ $draftsEnabled ? 'true' : 'false' }}"
4      drawio-enabled="{{ config('services.drawio') ? 'true' : 'false' }}"
5      editor-type="{{ setting('app-editor') }}"
6      page-id="{{ $model->id or 0 }}"
7      text-direction="{{ config('app.rtl') ? 'rtl' : 'ltr' }}"
8      page-new-draft="{{ $model->draft or 0 }}"
9      page-update-draft="{{ $model->isDraft or 0 }}">
10
11     {{ csrf_field() }}
12
13     {{--Header Bar--}}
14     <div class="faded-small toolbar">
15         <div class="container fluid">
16             <div class="row">
17                 <div class="col-sm-4 faded">
18                     <div class="action-buttons text-left">
19                         <a href="{{ back()->getTargetUrl() }}" class="text-button text-primary">@icon('back'){{ trans('common.back') }}</a>
20                         <a onclick="$('body>header').slideToggle();" class="text-button text-primary">@icon('swap-vertical'){{ trans('entities.pages_edit_toggle_header') }}</a>
21                     </div>
22                 </div>
23                 <div class="col-sm-4 faded text-center">
24
25                     <div v-show="draftsEnabled" dropdown class="dropdown-container draft-display">
26                         <a dropdown-toggle class="text-primary text-button"><span class="faded-text" v-text="draftText"></span>&nbsp; @icon('more')</a>
27                         @icon('check-circle', ['class' => 'text-pos draft-notification svg-icon', ':class' => '{visible: draftUpdated}'])
28                         <ul>
29                             <li>
30                                 <a @click="saveDraft()" class="text-pos">@icon('save'){{ trans('entities.pages_edit_save_draft') }}</a>
31                             </li>
32                             <li v-if="isNewDraft">
33                                 <a href="{{ $model->getUrl('/delete') }}" class="text-neg">@icon('delete'){{ trans('entities.pages_edit_delete_draft') }}</a>
34                             </li>
35                             <li v-if="isUpdateDraft">
36                                 <a type="button" @click="discardDraft" class="text-neg">@icon('cancel'){{ trans('entities.pages_edit_discard_draft') }}</a>
37                             </li>
38                         </ul>
39                     </div>
40                 </div>
41                 <div class="col-sm-4 faded">
42                     <div class="action-buttons" v-cloak>
43                         <div dropdown class="dropdown-container">
44                             <a dropdown-toggle class="text-primary text-button">@icon('edit') <span v-text="changeSummaryShort"></span></a>
45                             <ul class="wide">
46                                 <li class="padded">
47                                     <p class="text-muted">{{ trans('entities.pages_edit_enter_changelog_desc') }}</p>
48                                     <input name="summary" id="summary-input" type="text" placeholder="{{ trans('entities.pages_edit_enter_changelog') }}" v-model="changeSummary" />
49                                 </li>
50                             </ul>
51                         </div>
52
53                         <button type="submit" id="save-button" class="text-button text-pos">@icon('save'){{ trans('entities.pages_save') }}</button>
54                     </div>
55                 </div>
56             </div>
57         </div>
58     </div>
59
60     {{--Title input--}}
61     <div class="title-input page-title clearfix" v-pre>
62         <div class="input">
63             @include('form/text', ['name' => 'name', 'placeholder' => trans('entities.pages_title')])
64         </div>
65     </div>
66
67     {{--Editors--}}
68     <div class="edit-area flex-fill flex">
69
70         {{--WYSIWYG Editor--}}
71         @if(setting('app-editor') === 'wysiwyg')
72             <div wysiwyg-editor class="flex-fill flex">
73                 <textarea id="html-editor"  name="html" rows="5" v-pre
74                     @if($errors->has('html')) class="neg" @endif>@if(isset($model) || old('html')){{htmlspecialchars( old('html') ? old('html') : $model->html)}}@endif</textarea>
75             </div>
76
77             @if($errors->has('html'))
78                 <div class="text-neg text-small">{{ $errors->first('html') }}</div>
79             @endif
80         @endif
81
82         {{--Markdown Editor--}}
83         @if(setting('app-editor') === 'markdown')
84             <div v-pre id="markdown-editor" markdown-editor class="flex-fill flex code-fill">
85
86                 <div class="markdown-editor-wrap">
87                     <div class="editor-toolbar">
88                         <span class="float left">{{ trans('entities.pages_md_editor') }}</span>
89                         <div class="float right buttons">
90                             @if(config('services.drawio'))
91                                 <button class="text-button" type="button" data-action="insertDrawing">@icon('drawing'){{ trans('entities.pages_md_insert_drawing') }}</button>
92                                 &nbsp;|&nbsp
93                             @endif
94                             <button class="text-button" type="button" data-action="insertImage">@icon('image'){{ trans('entities.pages_md_insert_image') }}</button>
95                             &nbsp;|&nbsp;
96                             <button class="text-button" type="button" data-action="insertLink">@icon('link'){{ trans('entities.pages_md_insert_link') }}</button>
97                         </div>
98                     </div>
99
100                     <div markdown-input class="flex flex-fill">
101                         <textarea  id="markdown-editor-input"  name="markdown" rows="5"
102                             @if($errors->has('markdown')) class="neg" @endif>@if(isset($model) || old('markdown')){{htmlspecialchars( old('markdown') ? old('markdown') : ($model->markdown === '' ? $model->html : $model->markdown))}}@endif</textarea>
103                     </div>
104
105                 </div>
106
107                 <div class="markdown-editor-wrap">
108                     <div class="editor-toolbar">
109                         <div class="">{{ trans('entities.pages_md_preview') }}</div>
110                     </div>
111                     <div class="markdown-display page-content">
112                     </div>
113                 </div>
114                 <input type="hidden" name="html"/>
115
116             </div>
117
118
119
120             @if($errors->has('markdown'))
121                 <div class="text-neg text-small">{{ $errors->first('markdown') }}</div>
122             @endif
123         @endif
124
125     </div>
126 </div>