mirror of
https://github.com/getgrav/grav-plugin-admin.git
synced 2025-11-07 13:55:55 +01:00
Initial impelementation of "View" item for pagemedia cards (#1010)
This commit is contained in:
@@ -652,7 +652,7 @@ class AdminPlugin extends Plugin
|
|||||||
'DROP_FILES_HERE_TO_UPLOAD',
|
'DROP_FILES_HERE_TO_UPLOAD',
|
||||||
'DELETE',
|
'DELETE',
|
||||||
'INSERT',
|
'INSERT',
|
||||||
'UNDO',
|
'VIEW',
|
||||||
'UNDO',
|
'UNDO',
|
||||||
'REDO',
|
'REDO',
|
||||||
'HEADERS',
|
'HEADERS',
|
||||||
|
|||||||
@@ -34,6 +34,7 @@ PLUGIN_ADMIN:
|
|||||||
ADD_MODULAR: "Add Modular"
|
ADD_MODULAR: "Add Modular"
|
||||||
MOVE: "Move"
|
MOVE: "Move"
|
||||||
DELETE: "Delete"
|
DELETE: "Delete"
|
||||||
|
VIEW: "View"
|
||||||
SAVE: "Save"
|
SAVE: "Save"
|
||||||
NORMAL: "Normal"
|
NORMAL: "Normal"
|
||||||
EXPERT: "Expert"
|
EXPERT: "Expert"
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ const previewTemplate = `
|
|||||||
<div class="dz-error-mark"><span>✘</span></div>
|
<div class="dz-error-mark"><span>✘</span></div>
|
||||||
<div class="dz-error-message"><span data-dz-errormessage></span></div>
|
<div class="dz-error-message"><span data-dz-errormessage></span></div>
|
||||||
<a class="dz-remove" href="javascript:undefined;" data-dz-remove>${translations.PLUGIN_ADMIN.DELETE}</a>
|
<a class="dz-remove" href="javascript:undefined;" data-dz-remove>${translations.PLUGIN_ADMIN.DELETE}</a>
|
||||||
|
<a class="dz-view" href="#" target="_blank" data-dz-view>${translations.PLUGIN_ADMIN.VIEW}</a>
|
||||||
<a class="dz-insert" href="javascript:undefined;" data-dz-insert>${translations.PLUGIN_ADMIN.INSERT}</a>
|
<a class="dz-insert" href="javascript:undefined;" data-dz-insert>${translations.PLUGIN_ADMIN.INSERT}</a>
|
||||||
</div>`.trim();
|
</div>`.trim();
|
||||||
|
|
||||||
@@ -97,6 +98,15 @@ export default class PageMedia extends FilesField {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
this.container.delegate('[data-dz-view]', 'mouseenter', (e) => {
|
||||||
|
let target = $(e.currentTarget);
|
||||||
|
let file = target.parent('.dz-preview').find('.dz-filename');
|
||||||
|
let filename = encodeURI(file.text());
|
||||||
|
let URL = target.closest('[data-media-path]').data('media-path');
|
||||||
|
|
||||||
|
target.attr('href', `${URL}/${filename}`);
|
||||||
|
});
|
||||||
|
|
||||||
this.container.delegate('.dz-preview', 'dragstart', (e) => {
|
this.container.delegate('.dz-preview', 'dragstart', (e) => {
|
||||||
let target = $(e.currentTarget);
|
let target = $(e.currentTarget);
|
||||||
let uri = encodeURI(target.find('.dz-filename').text());
|
let uri = encodeURI(target.find('.dz-filename').text());
|
||||||
|
|||||||
4
themes/grav/js/admin.min.js
vendored
4
themes/grav/js/admin.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -12,6 +12,7 @@
|
|||||||
class="dropzone"
|
class="dropzone"
|
||||||
data-media-url="{{ base_url }}/media/{{ admin.route|trim('/') }}.json"
|
data-media-url="{{ base_url }}/media/{{ admin.route|trim('/') }}.json"
|
||||||
data-media-local="{{ base_url_relative_frontend|rtrim('/') }}/{{ admin.route|trim('/') }}"
|
data-media-local="{{ base_url_relative_frontend|rtrim('/') }}/{{ admin.route|trim('/') }}"
|
||||||
|
data-media-path="{{ url(context.relativePagePath) }}"
|
||||||
data-dropzone-options="{{ dropzoneSettings|json_encode|e('html_attr') }}"></div>
|
data-dropzone-options="{{ dropzoneSettings|json_encode|e('html_attr') }}"></div>
|
||||||
<span>{{ value|join("\n") }}</span>
|
<span>{{ value|join("\n") }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user