5a739853
 patrick.he
commit
|
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
|
jQuery(function($) {
$('#simple-colorpicker-1').ace_colorpicker({pull_right:true}).on('change', function(){
var color_class = $(this).find('option:selected').data('class');
var new_class = 'widget-box';
if(color_class != 'default') new_class += ' widget-color-'+color_class;
$(this).closest('.widget-box').attr('class', new_class);
});
// scrollables
$('.scrollable').each(function () {
var $this = $(this);
$(this).ace_scroll({
size: $this.attr('data-size') || 100,
//styleClass: 'scroll-left scroll-margin scroll-thin scroll-dark scroll-light no-track scroll-visible'
});
});
$('.scrollable-horizontal').each(function () {
var $this = $(this);
$(this).ace_scroll(
{
horizontal: true,
styleClass: 'scroll-top',//show the scrollbars on top(default is bottom)
size: $this.attr('data-size') || 500,
mouseWheelLock: true
}
).css({'padding-top': 12});
});
$(window).on('resize.scroll_reset', function() {
$('.scrollable-horizontal').ace_scroll('reset');
});
/**
//or use slimScroll plugin
$('.slim-scrollable').each(function () {
var $this = $(this);
$this.slimScroll({
height: $this.data('height') || 100,
railVisible:true
});
});
*/
/**$('.widget-box').on('setting.ace.widget' , function(e) {
e.preventDefault();
});*/
/**
$('.widget-box').on('show.ace.widget', function(e) {
//e.preventDefault();
//this = the widget-box
});
$('.widget-box').on('reload.ace.widget', function(e) {
//this = the widget-box
});
*/
//$('#my-widget-box').widget_box('hide');
// widget boxes
// widget box drag & drop example
$('.widget-container-col').sortable({
connectWith: '.widget-container-col',
items:'> .widget-box',
handle: ace.vars['touch'] ? '.widget-header' : false,
cancel: '.fullscreen',
opacity:0.8,
revert:true,
forceHelperSize:true,
placeholder: 'widget-placeholder',
forcePlaceholderSize:true,
tolerance:'pointer',
start: function(event, ui) {
//when an element is moved, it's parent becomes empty with almost zero height.
//we set a min-height for it to be large enough so that later we can easily drop elements back onto it
ui.item.parent().css({'min-height':ui.item.height()})
//ui.sender.css({'min-height':ui.item.height() , 'background-color' : '#F5F5F5'})
},
update: function(event, ui) {
ui.item.parent({'min-height':''})
//p.style.removeProperty('background-color');
}
});
});
|