mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-07-01 08:59:42 +02:00
98 lines
2.9 KiB
JavaScript
98 lines
2.9 KiB
JavaScript
/**
|
|
* Functions for HtmlEditorFields in the back end.
|
|
* Includes the JS for the ImageUpload forms.
|
|
*
|
|
* Relies on the jquery.form.js plugin to power the
|
|
* ajax / iframe submissions
|
|
*/
|
|
|
|
(function($) {
|
|
|
|
$(document).ready(function() {
|
|
|
|
// Move title from headline to (jQuery compatible) title attribute
|
|
$('.htmleditorfield-form').each(function() {
|
|
var titleEl = $(this).find(':header:first');
|
|
$(this).attr('title', titleEl.text());
|
|
titleEl.remove();
|
|
});
|
|
$('.htmleditorfield-form').dialog({
|
|
autoOpen: false,
|
|
bgiframe: true,
|
|
modal: true,
|
|
height: 500,
|
|
width: 500,
|
|
ghost: true
|
|
});
|
|
|
|
/**
|
|
* On page refresh load the initial images (in root)
|
|
*/
|
|
if($("#FolderImages").length > 0 && $("body.CMSMain").length > 0) loadImages(false);
|
|
|
|
/**
|
|
* Show / Hide the Upload Form
|
|
*/
|
|
$("#Form_EditorToolbarImageForm .showUploadField a").click(function() {
|
|
if($(this).hasClass("showing")) {
|
|
$("#Form_EditorToolbarImageForm_Files-0").parents('.file').hide();
|
|
$(this).text(ss.i18n._t('HtmlEditorField.ShowUploadForm', 'Upload File')).removeClass("showing");
|
|
}
|
|
else {
|
|
$("#Form_EditorToolbarImageForm_Files-0").parents('.file').show();
|
|
$(this).text(ss.i18n._t('HtmlEditorField.HideUploadForm', 'Hide Upload Form')).addClass("showing");
|
|
}
|
|
return false;
|
|
}).show();
|
|
|
|
/**
|
|
* On folder change - lookup the new images
|
|
*/
|
|
$("#Form_EditorToolbarImageForm_Files-0").change(function() {
|
|
$(".cms-editor-dialogs #Form_EditorToolbarImageForm").ajaxForm({
|
|
url: 'admin/assets/UploadForm?action_doUpload=1',
|
|
iframe: true,
|
|
dataType: 'json',
|
|
beforeSubmit: function(data) {
|
|
$("#UploadFormResponse").text("Uploading File...").addClass("loading").show();
|
|
$("#Form_EditorToolbarImageForm_Files-0").parents('.file').hide();
|
|
},
|
|
success: function(data) {
|
|
$("#UploadFormResponse").text("").removeClass("loading");
|
|
$("#Form_EditorToolbarImageForm_Files-0").val("").parents('.file').show();
|
|
|
|
$("#FolderImages").html('<h2>'+ ss.i18n._t('HtmlEditorField.Loading', 'Loading') + '</h2>');
|
|
|
|
loadImages(data);
|
|
}
|
|
}).submit();
|
|
});
|
|
|
|
/**
|
|
* Loads images from getimages() to the thumbnail view. It's called on
|
|
*/
|
|
function loadImages(params) {
|
|
$.get('admin/EditorToolbar/ImageForm', {
|
|
action_callfieldmethod: "1",
|
|
fieldName: "FolderImages",
|
|
ajax: "1",
|
|
methodName: "getimages",
|
|
folderID: $("#Form_EditorToolbarImageForm_FolderID").val(),
|
|
searchText: $("#Form_EditorToolbarImageForm_getimagesSearch").val(),
|
|
cacheKillerDate: parseInt((new Date()).getTime()),
|
|
cacheKillerRand: parseInt(10000 * Math.random())
|
|
},
|
|
function(data) {
|
|
$("#FolderImages").html(data);
|
|
|
|
$("#FolderImages").each(function() {
|
|
Behaviour.apply(this);
|
|
});
|
|
|
|
if(params) {
|
|
$("#FolderImages a[href*="+ params.Filename +"]").click();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
})(jQuery); |