mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-23 02:41:50 +03:00
21007d0630
no issue
- remove jQuery usage in `{{gh-markdown-editor}}` (general cleanup)
- switch `koenig-card-markdown` to use `{{gh-markdown-editor}}`
- update markdown editor styles to fit within the card interface
- add `{{gh-editor}}` for handling image uploads and drag/drop
74 lines
2.9 KiB
Handlebars
74 lines
2.9 KiB
Handlebars
{{#koenig-card
|
|
icon="koenig/markdown"
|
|
class=(concat (kg-style "container-card") " koenig-card-markdown-rendered")
|
|
toolbar=toolbar
|
|
isSelected=isSelected
|
|
isEditing=isEditing
|
|
onEnterEdit=(action "enterEditMode")
|
|
onLeaveEdit=(action "leaveEditMode")
|
|
selectCard=(action selectCard)
|
|
editCard=(action editCard)
|
|
}}
|
|
{{#if isEditing}}
|
|
{{#gh-editor as |editor|}}
|
|
{{#gh-markdown-editor
|
|
markdown=(readonly payload.markdown)
|
|
onChange=(action "updateMarkdown")
|
|
enableSideBySide=false
|
|
enablePreview=false
|
|
enableHemingway=false
|
|
options=(hash status=false)
|
|
uploadedImageUrls=editor.uploadedImageUrls
|
|
onImageFilesSelected=(action editor.uploadImages)
|
|
imageMimeTypes=editor.imageMimeTypes
|
|
as |markdown|
|
|
}}
|
|
{{markdown.editor}}
|
|
{{/gh-markdown-editor}}
|
|
|
|
{{!-- files are dragged over editor pane --}}
|
|
{{#if editor.isDraggedOver}}
|
|
<div class="drop-target gh-editor-drop-target">
|
|
<div class="drop-target-message">
|
|
<h3>Drop image(s) here to upload</h3>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{!-- files have been dropped ready to be uploaded --}}
|
|
{{#if editor.droppedFiles}}
|
|
{{#gh-uploader
|
|
files=editor.droppedFiles
|
|
accept=editor.imageMimeTypes
|
|
extensions=editor.imageExtensions
|
|
onComplete=(action editor.uploadComplete)
|
|
onCancel=(action editor.uploadCancelled)
|
|
as |upload|
|
|
}}
|
|
<div class="gh-editor-image-upload {{if upload.errors "-error"}}">
|
|
<div class="gh-editor-image-upload-content">
|
|
{{#if upload.errors}}
|
|
<h3>Upload failed</h3>
|
|
|
|
{{#each upload.errors as |error|}}
|
|
<div class="failed">{{error.fileName}} - {{error.message}}</div>
|
|
{{/each}}
|
|
|
|
<button class="gh-btn gh-btn-grey gh-btn-icon" {{action upload.cancel}}>
|
|
<span>{{svg-jar "close"}} Close</span>
|
|
</button>
|
|
{{else}}
|
|
|
|
<h3>Uploading {{pluralize upload.files.length "image"}}...</h3>
|
|
{{upload.progressBar}}
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
{{/gh-uploader}}
|
|
{{/if}}
|
|
{{/gh-editor}}
|
|
{{else}}
|
|
{{renderedMarkdown}}
|
|
{{/if}}
|
|
{{/koenig-card}}
|