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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
|
jQuery(function($) {
"use strict";
var TEMPLATES = new LuigiTemplate.Cache({
panel: [DATA.panel_template],
});
function set_panel_editing(editing) {
// update panel headers
$('#home .home-editing').toggleClass('hidden', !editing);
$('#home .home-not-editing').toggleClass('hidden', editing);
// flag panels as draggable
$('#home .panel').attr('draggable', editing);
}
$('#admin-tab-home').on('show.bs.tab', function() {
// console.log('asdf');
});
$('#home-edit-toggle').click(function() {
$(this).toggleClass('btn-default btn-primary');
var editing = $(this).hasClass('btn-primary'),
panel = $(this).parents('.panel-heading');
// update buttons
panel.find('.btn-group.home-editing').toggleClass('hidden', !editing);
panel.find('.btn-group.home-not-editing').toggleClass('hidden', editing);
set_panel_editing(editing);
// stop event
return false;
});
$('#home-add').on('click', 'a', function() {
var data = $(this).data();
// hide dropdown
$('body').trigger('click');
// prepend new panel to first column
$('#home .home-col:first').prepend(TEMPLATES.run('panel', {
id: $.now(),
panel_class: 'panel-default',
config: '{}',
type: 'test',
name: data.name,
body: '<p>Sample body.</p>',
}));
// flag panels as editable
set_panel_editing(true);
// stop event
return false;
});
// cache column classes
var COL_CLASSES = $.map($('#home-cols a'), function(el) {
return $(el).data('col');
}).join(' ');
$('#home-cols').on('click', 'a', function() {
var data = $(this).data(),
ul = $(this).parents('.dropdown-menu');
// hide dropdown
$('body').trigger('click');
// update ui
ul.find('.active').removeClass('active');
$(this).parent('li').addClass('active');
ul.prev('a').find('span').text(data.name);
var src_cols = $('#home .row .home-col'),
dst_num_cols = +data.id,
update_css = false;
if (dst_num_cols > src_cols.length) {
for (var i = 0, l = dst_num_cols - src_cols.length; i < l; i++)
$('#home .row').append("<div class='home-col'></div>");
update_css = true;
} else if (dst_num_cols < src_cols.length) {
for (var i = 0, l = src_cols.length - dst_num_cols; i < l; i++) {
// append panels from deleted columns to last valid column
$.each($(src_cols[dst_num_cols + i]).find('.panel'), function(i, el) {
$(src_cols[dst_num_cols - 1]).append(el);
});
// remove old columns
$(src_cols.slice(dst_num_cols, src_cols.length)).remove();
}
update_css = true;
} else {
// do nothing, column count is fine
update_css = false;
}
// update column classes, if necessary
if (update_css)
$('#home .row .home-col').removeClass(COL_CLASSES).addClass(data.col);
// stop event
return false;
});
$('#home').on('dragstart', '.panel[draggable="true"]', function(ev) {
var oe = ev.originalEvent;
oe.dataTransfer.setData('text', oe.target.id);
$('#home').addClass('dragging');
}).on('dragend', '.panel[draggable="true"]', function(ev) {
$('#home').removeClass('dragging');
}).on('dragover', '.home-col', function(ev) {
ev.preventDefault();
}).on('drop', '.home-col', function(ev) {
ev.preventDefault();
var id = ev.originalEvent.dataTransfer.getData('text');
$(this).append(document.getElementById(id));
}).on('click', '.home-panel-edit a', function() {
var id = $(this).data('id');
// hide dropdown
$('body').trigger('click');
if (id == 'remove') {
if (confirm("Remove this panel?")) {
$($(this).parents('.panel')[0]).remove();
}
} else if (id == 'edit') {
alert('TODO: ' + id + ' panel');
} else {
// ignore unknown menu type
}
// stop event
return false;
});
});
|
