1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
elgg.provide('elgg.embed');
elgg.embed.init = function() {
// inserts the embed content into the textarea
$(".embed-item").live('click', elgg.embed.insert);
// caches the current textarea id
$(".embed-control").live('click', function() {
var classes = $(this).attr('class');
var embedClass = classes.split(/[, ]+/).pop();
var textAreaId = embedClass.substr(embedClass.indexOf('embed-control-') + "embed-control-".length);
elgg.embed.textAreaId = textAreaId;
});
// special pagination helper for lightbox
$('.embed-wrapper .elgg-pagination a').live('click', elgg.embed.loadContent);
$('.embed-section').live('click', elgg.embed.loadContent);
$('.embed-upload .elgg-form').live('submit', elgg.embed.submit);
}
/**
* Inserts data attached to an embed list item in textarea
*
* @todo generalize lightbox closing
*
* @param {Object} event
* @return void
*/
elgg.embed.insert = function(event) {
var textAreaId = elgg.embed.textAreaId;
// generalize this based on a css class attached to what should be inserted
var content = ' ' + $(this).find(".elgg-image").html() + ' ';
<?php
// If a wysiwyg editor has been registered, it handles the insertion by
// overriding the embed/custom_insert_js view. See the TinyMCE plugin for an
// example of this.
$custom_insert_code = elgg_view('embed/custom_insert_js');
if ($custom_insert_code) {
echo $custom_insert_code;
} else {
?>
$('#' + textAreaId).val($('#' + textAreaId).val() + content);
$('#' + textAreaId).focus();
<?php
}
?>
$.fancybox.close();
event.preventDefault();
}
/**
* Submit an upload form through Ajax
*
* Requires the jQuery Form Plugin. Because files cannot be uploaded with
* XMLHttpRequest, the plugin uses an invisible iframe. This results in the
* the X-Requested-With header not being set. To work around this, we are
* sending the header as a POST variable and Elgg's code checks for it in
* elgg_is_xhr().
*
* @param {Object} event
* @return bool
*/
elgg.embed.submit = function(event) {
$(this).ajaxSubmit({
dataType : 'json',
data : { 'X-Requested-With' : 'XMLHttpRequest'},
success : function(response) {
if (response) {
if (response.system_messages) {
elgg.register_error(response.system_messages.error);
elgg.system_message(response.system_messages.success);
}
if (response.status >= 0) {
// @todo - really this should forward to what the registered defined
// For example, forward to images tab if an image was uploaded
var url = elgg.config.wwwroot + 'embed/embed';
$('.embed-wrapper').parent().load(url);
}
}
}
});
// this was bubbling up the DOM causing a submission
event.preventDefault();
event.stopPropagation();
}
/**
* Loads content within the lightbox
*
* @param {Object} event
* @return void
*/
elgg.embed.loadContent = function(event) {
$('.embed-wrapper').parent().load($(this).attr('href'));
event.preventDefault();
}
elgg.register_hook_handler('init', 'system', elgg.embed.init);
|
