81 lines
2.3 KiB
JavaScript
81 lines
2.3 KiB
JavaScript
$.fn.imagepicker = function(options) {
|
|
|
|
var defaults = {
|
|
insertFn: null
|
|
};
|
|
var options = $.extend(defaults, options);
|
|
|
|
var copyLinkToEditor = function(link, event) {
|
|
var editor = CodeMirrorEditors[0].editor;
|
|
var handle = editor.cursorLine(), position = editor.cursorPosition(handle).character;
|
|
|
|
var value = options.insertFn != null ? options.insertFn(link) : link.attr('href');
|
|
|
|
editor.insertIntoLine(handle, position, value);
|
|
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
|
|
$.fancybox.close();
|
|
}
|
|
|
|
var setupUploader = function() {
|
|
var multipartParams = {};
|
|
multipartParams[$('meta[name=csrf-param]').attr('content')] = $('meta[name=csrf-token]').attr('content');
|
|
|
|
var uploader = new plupload.Uploader({
|
|
runtimes : (jQuery.browser.webkit == true ? 'flash' : 'html5,flash'),
|
|
container: 'theme-images',
|
|
browse_button : 'upload-link',
|
|
max_file_size : '5mb',
|
|
url : $('a#upload-link').attr('href'),
|
|
flash_swf_url : '/javascripts/admin/plugins/plupload/plupload.flash.swf',
|
|
multipart: true,
|
|
multipart_params: multipartParams
|
|
});
|
|
|
|
uploader.bind('QueueChanged', function() {
|
|
uploader.start();
|
|
});
|
|
|
|
uploader.bind('FileUploaded', function(up, file, response) {
|
|
var json = JSON.parse(response.response);
|
|
|
|
if (json.status == 'success') {
|
|
var asset = $('.asset-picker ul li.new-asset')
|
|
.clone()
|
|
.insertBefore($('.asset-picker ul li.clear'))
|
|
.addClass('asset');
|
|
|
|
asset.find('h4 a').attr('href', json.url)
|
|
.attr('data-slug', json.slug)
|
|
.attr('data-shortcut-url', json.shortcut_url)
|
|
.html(json.name).bind('click', function(e) {
|
|
copyLinkToEditor($(this), e);
|
|
});
|
|
asset.find('.image .inside img').attr('src', json.vignette_url);
|
|
|
|
if ($('.asset-picker ul li.asset').length % 3 == 0)
|
|
asset.addClass('last');
|
|
|
|
asset.removeClass('new-asset');
|
|
|
|
$('.asset-picker p.no-items').hide();
|
|
|
|
$('.asset-picker ul').scrollTo($('li.asset:last'), 400);
|
|
}
|
|
});
|
|
|
|
uploader.init();
|
|
}
|
|
|
|
return this.each(function() {
|
|
$(this).fancybox({
|
|
'onComplete': function() {
|
|
setupUploader();
|
|
|
|
$('ul.assets h4 a').bind('click', function(e) { copyLinkToEditor($(this), e); });
|
|
}
|
|
});
|
|
});
|
|
}; |