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
|
define(['Bacon', 'jquery', 'underscore', 'model/types', 'util'],
function(Bacon, $, _, model_types, util) {
var filter_states_bus = new Bacon.Bus();
function init() {
function create_checkboxes() {
var root = $('#menu__type-filter');
_.each(model_types.nodetypes, function (type) {
var input = $('<input type="checkbox" checked="checked">'),
div = $('<div class="menu__type-filter_item"></div>');
input.attr("name", type);
div.append(input);
div.append(util.capitalize(model_types.node_titles[type]));
root.append(div);
});
}
function read_checkboxes() {
var name,
value,
// FIXME take filter names from index.html or both from graph db
filter_states = _.object(_.map(model_types.nodetypes, function (type) { return [type, null]; }));
// jquery map does flattens, and we don't want that
checkboxes = _.map($('#menu__type-filter input'),
function (checkbox) {
return [checkbox.name, checkbox.checked];
}
);
for (var i in checkboxes) {
name = checkboxes[i][0];
value = checkboxes[i][1];
if (undefined === filter_states[name]) {
continue;
}
filter_states[name] = value;
}
return filter_states;
}
create_checkboxes();
read_checkboxes();
function filtered_states() {
var o = read_checkboxes(),
ret = {};
_.each(_.keys(o), function(type) {
if (!o[type]) {
ret[type] = 1;
}
});
return ret;
}
//$('.menu__type-filter_item,.menu__type-filter_item input')
$('#menu__type-filter')
.asEventStream('click')
.onValue(function (e) {
var inp = $(e.target).find('input')[0];
if (inp && inp.checked !== undefined) {
inp.checked = !inp.checked;
e.preventDefault();
}
e.stopPropagation();
filter_states_bus.push(filtered_states());
});
}
return {
init: init,
filter_states_bus: filter_states_bus,
};
});
|
