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
|
elgg.provide('elgg.ui');
elgg.ui.init = function () {
//if the user clicks a system message, make it disappear
$('.elgg-system-messages li').live('click', function() {
$(this).stop().fadeOut('fast');
});
$('.elgg-system-messages li').animate({opacity: 0.9}, 6000);
$('.elgg-system-messages li').fadeOut('slow');
$('.elgg-toggle').live('click', elgg.ui.toggle);
$('.elgg-menu-parent').live('click', elgg.ui.toggleMenu);
$('.elgg-like-toggle').live('click', elgg.ui.toggleLikes);
$('a.collapsibleboxlink').click(elgg.ui.toggleCollapsibleBox);
};
/**
* Toggles an element based on clicking a separate element
*
* Use .elgg-toggle on the toggler element
* The id of the toggler is elgg-toggler-<id>
* The id of the element being toggled is elgg-togglee-<id>
*
* @param {Object} event
* @return void
*/
elgg.ui.toggle = function(event) {
var id = $(this).attr('id').replace('toggler', 'togglee');
$('#' + id).slideToggle('medium');
event.preventDefault();
}
/**
* Toggles a child menu when the parent is clicked
*
* @param {Object} event
* @return void
*/
elgg.ui.toggleMenu = function(event) {
$(this).siblings().slideToggle('medium');
$(this).toggleClass('elgg-menu-closed elgg-menu-opened');
event.preventDefault();
}
// reusable generic hidden panel
elgg.ui.toggleCollapsibleBox = function () {
//$(this.parentNode.parentNode).children(".collapsible_box").slideToggle("fast");
return false;
};
/**
* Toggles the likes list
*
* @param {Object} event
* @return void
*/
elgg.ui.toggleLikes = function(event) {
var $list = $(this).next(".elgg-likes-list");
var position = $(this).position();
var startTop = position.top;
var stopTop = position.top - $list.height();
if ($list.css('display') == 'none') {
$('.elgg-likes-list').fadeOut();
$list.css('top', startTop);
$list.css('left', position.left - $list.width());
$list.animate({opacity: "toggle", top: stopTop}, 500);
$list.click(function(event) {
$list.fadeOut();
});
} else {
$list.animate({opacity: "toggle", top: startTop}, 500);
}
event.preventDefault();
}
elgg.register_event_handler('init', 'system', elgg.ui.init);
|
