Nemcio/Grav-Admin-Plugin
1
0
Fork 0
mirror of https://github.com/getgrav/grav-plugin-admin.git synced 2025-11-14 17:26:10 +01:00
Code Issues Packages Projects Releases Activity

media remove confirmation modal

Browse Source
This commit is contained in:
Gert
2015-04-27 20:31:11 +02:00
parent 96b10228a6
commit 528e6624a0
2 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
themes/grav/templates/forms/fields/uploads/uploads.html.twig
View File

@@ -31,8 +31,30 @@
} }
}; };
Dropzone.autoDiscover = false; Dropzone.autoDiscover = false;
Dropzone.confirm = function(question, accepted, rejected) {
var modalContainer = $('[data-remodal-id=delete-media]'),
acceptHandler = function () {
if (accepted) {
accepted();
}
$(document).off('confirm', '[data-remodal-id=delete-media]', acceptHandler);
$(document).off('cancel', '[data-remodal-id=delete-media]', rejectHandler);
},
rejectHandler = function () {
if (rejected) {
rejected();
}
$(document).off('confirm', '[data-remodal-id=delete-media]', acceptHandler);
$(document).off('cancel', '[data-remodal-id=delete-media]', rejectHandler);
};
$.remodal.lookup[modalContainer.data('remodal')].open();
$(document).on('confirm', '[data-remodal-id=delete-media]', acceptHandler);
$(document).on('cancel', '[data-remodal-id=delete-media]', rejectHandler);
};
Dropzone.options.gravDropzone = { Dropzone.options.gravDropzone = {
addRemoveLinks: false, addRemoveLinks: false,
dictRemoveFileConfirmation: '[placeholder]',
acceptedFiles: $('[data-media-types]').data('media-types'), acceptedFiles: $('[data-media-types]').data('media-types'),
previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n <div class=\"dz-details\">\n <div class=\"dz-filename\"><span data-dz-name></span></div>\n <div class=\"dz-size\" data-dz-size></div>\n <img data-dz-thumbnail />\n </div>\n <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n <div class=\"dz-success-mark\"><span>✔</span></div>\n <div class=\"dz-error-mark\"><span>✘</span></div>\n <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n<a class=\"dz-remove\" href=\"javascript:undefined;\" data-dz-remove>Delete</a>\n<a class=\"dz-insert\" href=\"javascript:undefined;\" data-dz-insert>Insert</a>\n</div>", previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n <div class=\"dz-details\">\n <div class=\"dz-filename\"><span data-dz-name></span></div>\n <div class=\"dz-size\" data-dz-size></div>\n <img data-dz-thumbnail />\n </div>\n <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n <div class=\"dz-success-mark\"><span>✔</span></div>\n <div class=\"dz-error-mark\"><span>✘</span></div>\n <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n<a class=\"dz-remove\" href=\"javascript:undefined;\" data-dz-remove>Delete</a>\n<a class=\"dz-insert\" href=\"javascript:undefined;\" data-dz-insert>Insert</a>\n</div>",
init: function() { init: function() {

14
themes/grav/templates/pages.html.twig
View File

@@ -187,5 +187,19 @@
</div> </div>
</form> </form>
</div> </div>
<div class="remodal" data-remodal-id="delete-media" data-remodal-options="hashTracking: false">
<form>
<h1>Confirmation Required</h1>
<p class="bigger">
Are you sure you want to delete this file? This action cannot be undone.
</p>
<br>
<div class="button-bar">
<a class="button secondary remodal-cancel" href="#"><i class="fa fa-fw fa-close"></i> Cancel</a>
<a class="button remodal-confirm" href="#"><i class="fa fa-fw fa-check"></i>Continue</a>
</div>
</form>
</div>
{% endblock %} {% endblock %}